Ícone Ghost

openmoji:ghost

O ícone Ghost (openmoji:ghost) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: OpenMoji
Autor: OpenMoji
Licença: CC-BY-SA-4.0
Tamanho: 72 × 72
Categoria: Carinhas e emoções

Baixar SVG

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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/openmoji/ghost.svg" alt="Ícone Ghost" width="24" height="24">

O ícone Ghost em outras coleções

Perguntas frequentes sobre Ícone Ghost

O ícone Ghost é grátis para uso comercial?

Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Ghost no React?

Instale @iconify/react e renderize <Icon icon="openmoji:ghost" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Ghost a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/ghost.svg" alt="Ícone Ghost">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones OpenMoji →