Ampersand Square

React Code

npm install @mynaui/icons-react

import { AmpersandSquare } from "@mynaui/icons-react";

const App = () => {
  return <AmpersandSquare />;
};

SVG HTML

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <path d='M3 9.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C6.04 3 7.16 3 9.4 3h5.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C21 6.04 21 7.16 21 9.4v5.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C17.96 21 16.84 21 14.6 21H9.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C3 17.96 3 16.84 3 14.6z'/><path d='M15.75 17c-1.712-1.803-7.5-5-7.049-8.16 0-1 .848-1.84 1.84-1.84.993 0 1.841.84 1.841 1.84 0 1.665-2.423 3.188-3.467 4.232a2.324 2.324 0 0 0 0 3.254c.884.885 2.378.876 3.254 0l3.581-3.701'/>
</svg>

SVG CDN

<img src="https://unpkg.com/@mynaui/icons/icons/ampersand-square.svg" />

SVG Sprite

npm install @mynaui/icons

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-ampersand-square"></use>
</svg>