← Go back
Share

Pin

Tags pin booard location marker map pointer destination GPS

Usage:

React Code:

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

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

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="m3 21 4.63-4.631m.005-.005-2.78-2.78c-.954-.954.006-2.996 1.31-3.078 1.178-.075 3.905.352 4.811-.555l2.49-2.49c.618-.618.226-2 .186-2.762-.058-1.016 1.558-2.271 2.415-1.414l4.647 4.648c.86.858-.4 2.469-1.413 2.415-.762-.04-2.145-.432-2.763.185l-2.49 2.49c-.906.907-.48 3.633-.554 4.811-.082 1.305-2.125 2.265-3.08 1.31l-2.78-2.78Z"/></svg>

SVG CDN:

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

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-pin"></use></svg
      >