Skip to main content
Go back
Share

Map

React Code

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

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

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 8.593c0-1.527 0-2.29.393-2.735.139-.159.308-.285.497-.372 1.416-.653 3.272 1.066 4.77 1.013.197-.007.394-.035.587-.082 2.184-.535 3.552-3.08 5.798-3.39 1.287-.18 2.7.598 3.904 1.014.99.342 1.485.513 1.768.92C21 5.368 21 5.91 21 6.99v8.422c0 1.526 0 2.29-.393 2.735a1.493 1.493 0 0 1-.497.371c-1.416.653-3.272-1.065-4.77-1.012a2.903 2.903 0 0 0-.587.081c-2.184.535-3.552 3.08-5.798 3.391-1.281.178-4.847-.75-5.672-1.935C3 18.636 3 18.096 3 17.014zm6-2.052v14.255m6-17.615v14.255'/>
</svg>

SVG CDN

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