Location Indicator icon
openmoji:location-indicator
The Location Indicator icon (openmoji:location-indicator) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
- Tags
- locationindicator
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="35.987" cy="25.495" r="10.38" fill="#fff"/><path fill="#d0cfce" d="M36 65.02s-3.091-5.973-13.872-26.891C20 34 17.31 30.422 17.31 25.604c0-10.32 8.367-18.688 18.688-18.688v8.028s-10.458.52-10.458 10.398s10.458 10.756 10.458 10.756z"/><path fill="#d0cfce" d="M35.974 65.017S38.972 59 49.846 38.125c2.063-3.961 4.817-7.706 4.817-12.524c0-10.322-8.367-18.689-18.688-18.689l-.284 8.032s11.177.267 11.008 10.735c-.168 10.468-11.008 10.419-11.008 10.419z"/><path fill="#9b9b9a" d="M36.828 7.547s9.75 4.036 11.839 15.286C50.706 33.813 39.5 53 36.5 62.667c-2.498 8.049 11.777-21.342 16.624-31.404c1.18-2.448 1.61-5.198 1.148-7.876c-1.051-6.09-4.716-16.025-17.444-15.84"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="36.001" cy="25.521" r="10.577"/><path d="M36 65.02s-3.091-5.973-13.872-26.891C20 34 17.31 30.422 17.31 25.604c0-10.32 8.367-18.688 18.688-18.688m.004 58.101S39 59 49.874 38.125c2.064-3.961 4.818-7.706 4.818-12.524c0-10.322-8.368-18.689-18.689-18.689"/></g></svg>How to use the Location Indicator icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:location-indicator" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:location-indicator" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:location-indicator" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--location-indicator]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:location-indicator"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:location-indicator"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/location-indicator.svg" alt="Location Indicator icon" width="24" height="24">Related icons in OpenMoji
Location Indicator icon FAQ
Is the Location Indicator icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Location Indicator icon in React?
Install @iconify/react and render <Icon icon="openmoji:location-indicator" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Location Indicator icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/location-indicator.svg" alt="Location Indicator icon">, or paste the SVG code inline to style it with CSS.