Skip to main content
Go back
Share

Ampersands

React Code

npm install @mynaui/icons-react
import { Ampersands } from "@mynaui/icons-react";

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

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='M11 17.5C9.174 15.517 3 12 3.481 8.525c0-1.1.904-2.025 1.963-2.025 1.06 0 1.964.924 1.964 2.025 0 1.83-2.585 3.505-3.699 4.654-.945.975-.945 2.605 0 3.58.944.973 2.537.963 3.471 0L11 12.687M21 17.5c-1.826-1.983-8-5.5-7.519-8.975 0-1.1.904-2.025 1.963-2.025 1.06 0 1.964.924 1.964 2.025 0 1.83-2.585 3.505-3.699 4.654-.945.975-.945 2.605 0 3.58.944.973 2.537.963 3.471 0L21 12.687'/>
</svg>

SVG CDN

<img src="https://unpkg.com/@mynaui/icons/icons/ampersands.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-ampersands"></use>
</svg>