Icono Pushpin
emojione-v1:pushpin
El icono Pushpin (emojione-v1:pushpin) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) 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
- Emoji One (v1)
- Autor
- Emoji One
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 64 × 64
- Categoría
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#aeaeae" d="M4.516 61.56c-1.652 1.683-3.155 2.89-4.132 1.903c-.979-.987.193-2.521 1.847-4.202l31.507-36.01c1.647-1.685 5.04-.988 6.02-.004c.977.983 1.687 4.417.037 6.102l-35.27 32.21"/><path fill="#7c7b7d" d="m3.188 60.35l31.501-36c1.438-1.47 4.195-1.13 5.532-.364c-.149-.298-.303-.561-.474-.732c-.973-.981-4.362-1.678-6.01.009L2.232 59.273C.578 60.954-.594 62.487.38 63.475c.187.187.393.271.614.313c-.048-.936.923-2.133 2.196-3.433"/><g fill="#be202e"><path d="M46.672 63.03c-3.718 3.742-16.961-3.674-29.577-16.568C4.477 33.567-2.741 20.079.975 16.342c3.718-3.745 16.959 3.674 29.58 16.571c12.616 12.893 19.832 26.378 16.11 30.12"/><path d="M38.682 32.09c6.838-6.887 15.869-8.902 20.17-4.5L36.006 4.239c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l22.848 23.346c-4.303-4.397-2.248-13.544 4.591-20.429"/></g><path fill="#a51e2d" d="M34.926 28.396c6.838-6.884 8.894-16.03 4.586-20.432l18.451 18.852c.313.23.615.486.894.773L36.011 4.24c4.301 4.395 2.245 13.547-4.595 20.429c-6.836 6.884-15.87 8.905-20.17 4.505l4.402 4.497c4.568 3.341 12.883 1.163 19.281-5.275"/><path fill="#be202e" d="M62.51 30.75c-2.41 2.426-10.982-2.377-19.16-10.73C35.182 11.668 30.506 2.93 32.912.511c2.405-2.423 10.985 2.382 19.16 10.732c8.169 8.35 12.84 17.09 10.437 19.507"/><path fill="#a51e2d" d="M56.6 24.713c-1.441 1.455-6.593-1.433-11.501-6.448c-4.91-5.02-7.715-10.261-6.271-11.718c1.448-1.453 6.593 1.435 11.505 6.446c4.91 5.02 7.717 10.261 6.267 11.72"/></svg>
Cómo usar el icono Pushpin
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:pushpin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:pushpin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:pushpin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pushpin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pushpin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:pushpin"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Icono Pushpin" width="24" height="24">
El icono Pushpin en otras colecciones
Preguntas frecuentes sobre Icono Pushpin
¿El icono Pushpin es gratis para uso comercial?
Sí. Emoji One (v1) 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 Pushpin en React?
Instala @iconify/react y renderiza <Icon icon="emojione-v1:pushpin" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pushpin a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-v1/pushpin.svg" alt="Icono Pushpin">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Emoji One (v1) →
ICONYZ
