Icône Ghost

openmoji:ghost

L'icône Ghost (openmoji:ghost) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: OpenMoji
Auteur: OpenMoji
Licence: CC-BY-SA-4.0
Taille: 72 × 72
Catégorie: Smileys et émotions

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

L'icône Ghost dans d'autres collections

FAQ : Icône Ghost

L'icône Ghost est-elle gratuite pour un usage commercial ?

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Ghost dans React ?

Installez @iconify/react et affichez <Icon icon="openmoji:ghost" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Ghost à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/ghost.svg" alt="Icône Ghost">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenMoji →