ICONYZ
Español
Icono Location Indicator Red de OpenMoji

Icono Location Indicator Red

openmoji:location-indicator-red

El icono Location Indicator Red (openmoji:location-indicator-red) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
OpenMoji
Autor
OpenMoji
Licencia
CC-BY-SA-4.0
Tamaño
72 × 72
Categoría
Extras de OpenMoji
Etiquetas
locationindicator, indicatorred, locationindicatorred
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="36.446" cy="28.864" r="7.225" fill="#fff"/><path fill="#d22f27" d="M52.573 29.11c0-9.315-7.133-16.892-15.903-16.892s-15.903 7.577-15.903 16.896c.002.465.223 11.609 12.96 31.245a3.46 3.46 0 0 0 2.818 1.934c1.84 0 3.094-2.026 3.216-2.232C52.58 40.414 52.58 29.553 52.573 29.11M36.67 35.914a7.083 7.083 0 1 1 7.083-7.083a7.09 7.09 0 0 1-7.083 7.083"/><path fill="#ea5a47" d="M52.573 29.11c0-9.315-7.133-16.892-15.903-16.892a15 15 0 0 0-3.865.525c8.395.45 15.1 7.823 15.1 16.85c.006.443.006 11.303-12.813 30.95a6 6 0 0 1-.586.797c.52.584 1.257.928 2.04.954c1.839 0 3.093-2.027 3.215-2.233C52.58 40.414 52.58 29.553 52.573 29.11"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M36.545 62.294a3.46 3.46 0 0 1-2.817-1.935C20.99 40.723 20.769 29.58 20.766 29.114c0-9.32 7.134-16.896 15.904-16.896s15.903 7.577 15.903 16.892c.007.444.007 11.304-12.812 30.95c-.122.207-1.377 2.234-3.216 2.234"/><path d="M36.67 35.914a7.083 7.083 0 1 1 7.083-7.083a7.09 7.09 0 0 1-7.083 7.083"/></g></svg>

Cómo usar el icono Location Indicator Red

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:location-indicator-red" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:location-indicator-red" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:location-indicator-red" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--location-indicator-red]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:location-indicator-red"></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-red"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/openmoji/location-indicator-red.svg" alt="Icono Location Indicator Red" width="24" height="24">

Iconos relacionados en OpenMoji

Preguntas frecuentes sobre Icono Location Indicator Red

¿El icono Location Indicator Red es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Location Indicator Red en React?

Instala @iconify/react y renderiza <Icon icon="openmoji:location-indicator-red" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Location Indicator Red a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/location-indicator-red.svg" alt="Icono Location Indicator Red">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →