Skip to main content
Go back
Share

Ampersand

Tagsampersandsymbolcharacter

React Code

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

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

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='M17.5 19.5C14.99 16.796 6.5 12 7.162 7.261c0-1.5 1.243-2.761 2.699-2.761 1.456 0 2.7 1.26 2.7 2.761 0 2.497-3.555 4.78-5.086 6.347-1.3 1.33-1.3 3.551 0 4.881 1.297 1.327 3.488 1.314 4.773 0l5.252-5.552'/>
</svg>

SVG CDN

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