Icono Ghost
openmoji:ghost
El icono Ghost (openmoji:ghost) 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
- Caras y emociones
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M13.995 51.377c-.962-2.069 3.403-6.224 6.017-12.082c1.127-2.525 1.23-4.707.738-6.384c-1.282-2.57-2.356-3.62-3.417-6.123c-.844-1.99 8.174-.29 8.393-.376c.885-.786 3.264-9.554 5.426-12.24c.988-1.227 3.396-2.642 5.781-2.502c2.018.119 4.101 1.302 4.96 2.375c2.172 2.713 4.714 12.206 5.431 12.354c1.93.4 7.969-1.897 8.321.412c.077.506-1.92 5.775-2.244 6.115c-.569 1.348-1.165 3.373-.316 5.48c1.213 3.012 6.055 8.586 6.054 14.024c0 .192-.926 5.52-7.69 3.647c-.151-.042-.184-.138-.268-.202c-1.54-1.169-4.713-1.774-7.61-.918c-3.417 1.01-2.811 2.978-6.954 4.724c-1.084.456-3.111 1.283-5.773 1.05c-.715-.064-2.779-.268-4.812-1.607c-2.915-1.92-2.36-3.929-4.788-5.7c-3.215-2.349-6.552-.549-7.249-2.047"/><ellipse cx="39.898" cy="23.212" fill="#3f3f3f" rx="1.707" ry="3.187"/><ellipse cx="36.519" cy="30.341" fill="#3f3f3f" rx="1.774" ry="2.125"/><path fill="#d0cfce" d="M40.121 56.677c.715-.063 3.52-2.52 5.448-2.368C49.05 54.585 54.573 57.772 57 56c3.215-2.348 1.268-3.096 1.965-4.594c.962-2.07-3.403-6.224-6.017-12.082c-1.127-2.526-1.23-4.707-.738-6.384c1.282-2.57 2.356-3.62 3.417-6.123c.844-1.99-8.174-.29-8.393-.376c-.885-.787-1.924-3.922-3.448-7.712"/><ellipse cx="33.101" cy="23.212" fill="#3f3f3f" rx="1.707" ry="3.187"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><ellipse cx="39.878" cy="23.212" rx="1.707" ry="3.187"/><path d="M13.975 51.377c-.962-2.069 3.403-6.224 6.017-12.082c1.127-2.525 1.23-4.707.738-6.384c-1.282-2.57-2.356-3.62-3.417-6.123c-.844-1.99 8.174-.29 8.393-.376c.885-.786 3.264-9.554 5.426-12.24c.988-1.227 3.396-2.642 5.781-2.502c2.018.119 4.101 1.302 4.96 2.375c2.171 2.713 4.714 12.206 5.431 12.354c1.93.4 7.969-1.897 8.321.412c.077.506-1.92 5.775-2.244 6.115c-.569 1.348-1.165 3.373-.316 5.48c1.213 3.012 6.055 8.586 6.054 14.024c0 .192-.926 5.52-7.69 3.647c-.151-.042-4.981-1.976-7.878-1.12c-3.417 1.01-2.811 2.978-6.954 4.724c-1.084.456-3.111 1.283-5.773 1.05c-.715-.064-2.779-.268-4.812-1.607c-2.915-1.92-2.36-3.929-4.788-5.7c-3.215-2.349-6.552-.549-7.249-2.047"/><ellipse cx="36.499" cy="30.341" rx="1.774" ry="2.125"/><ellipse cx="33.081" cy="23.212" rx="1.707" ry="3.187"/></g></svg>
Cómo usar el icono Ghost
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:ghost"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:ghost"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/ghost.svg" alt="Icono Ghost" width="24" height="24">
El icono Ghost en otras colecciones
Preguntas frecuentes sobre Icono Ghost
¿El icono Ghost 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 Ghost en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:ghost" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ghost a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/ghost.svg" alt="Icono Ghost">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
