Map Marker icon
el:map-marker
The Map Marker icon (el:map-marker) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- mapmarker
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C350.178 0 147.656 202.521 147.656 452.344c0 83.547 16.353 169.837 63.281 232.031L600 1200l389.062-515.625c42.625-56.49 63.281-156.356 63.281-232.031C1052.344 202.521 849.822 0 600 0m0 261.987c105.116 0 190.356 85.241 190.356 190.356C790.356 557.46 705.116 642.7 600 642.7s-190.356-85.24-190.356-190.356S494.884 261.987 600 261.987"/></svg>
How to use the Map Marker icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:map-marker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:map-marker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:map-marker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--map-marker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:map-marker"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:map-marker"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/map-marker.svg" alt="Map Marker icon" width="24" height="24">
Related icons in Elusive Icons
Map Marker icon in other icon sets
Map Marker icon FAQ
Is the Map Marker icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Map Marker icon in React?
Install @iconify/react and render <Icon icon="el:map-marker" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Map Marker icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/map-marker.svg" alt="Map Marker icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
