← Go back
Share

Map

Tags map location geography navigation cartography terrain directions

Usage:

React Code:

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

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

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 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.421c0 1.527 0 2.29-.393 2.736a1.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.014V8.593Zm6-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"
        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-map"></use></svg
      >