IconSearch logoIconsearch
Home/Libraries/Innowatio Font (Iconify)/map
← Back to Search
Innowatio Font (Iconify)

Map

License: Apache-2.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 40 40"><path fill="#818cf8" d="M24.135 19.639a.5.5 0 0 1-.173-.032c-1.035-.406-3.23-6.975-3.23-8.552a3.406 3.406 0 0 1 3.403-3.403a3.405 3.405 0 0 1 3.401 3.403c0 1.577-2.193 8.146-3.228 8.552a.5.5 0 0 1-.173.032m0-11.039a2.457 2.457 0 0 0-2.454 2.454c0 1.534 1.678 6.057 2.454 7.377c.776-1.319 2.452-5.843 2.452-7.377c0-1.353-1.1-2.454-2.452-2.454"/><path fill="#818cf8" d="M24.783 32.349a.9.9 0 0 1-.448-.123l-11.503-7.011L1.34 32.219a.904.904 0 0 1-1.132-.184a.88.88 0 0 1 .016-1.153C12.04 16.016 12.054 16.01 12.233 15.947l6.89-2.789a.5.5 0 0 1 .317-.014l1.37.42c.25.077.391.343.315.593a.48.48 0 0 1-.593.315l-1.209-.371l-6.648 2.689c-.795.961-8.321 10.42-11.518 14.441l11.429-6.978a.47.47 0 0 1 .494 0l11.704 7.134l.032-.013l10.93-6.287l.437-11.337l-7.689 3.047c-.1.04-.21.044-.314.013l-1.28-.39a.475.475 0 0 1 .278-.908l1.121.343l7.691-3.048c.324-.09.603-.026.824.152a.87.87 0 0 1 .322.724l-.485 11.507a.9.9 0 0 1-.411.709l-11.007 6.327a1 1 0 0 1-.101.044a.8.8 0 0 1-.349.079"/><path fill="#818cf8" d="M12.854 25.103a.475.475 0 0 1-.409-.714l6.388-10.926a.473.473 0 1 1 .819.478l-6.388 10.926a.48.48 0 0 1-.41.236m12.016 7.065a.476.476 0 0 1-.465-.574l3.282-15.266a.48.48 0 0 1 .564-.364a.476.476 0 0 1 .364.564l-3.282 15.266a.47.47 0 0 1-.463.374"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MapIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Innowatio Font (Iconify)

Browse all Innowatio Font (Iconify) icons →
add
add
add-15m
add-15m
add-1d
add-1d
add-1m
add-1m
add-1w
add-1w
add-1y
add-1y
alarm
alarm
alarm-o
alarm-o
alert
alert
angle-left
angle-left
arrow-down
arrow-down
arrow-left
arrow-left