ICONYZ
Français
Icône Disguised Face de OpenMoji

Icône Disguised Face

openmoji:disguised-face

L'icône Disguised Face (openmoji:disguised-face) 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
Mots-clés
disguisedface
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGekxa3byI" d="M39.664 37.59a14.5 14.5 0 0 1 1.797.554l.043.017a6 6 0 1 0-.227-8.284c-4.489 2.034-9.6.338-10.574-.021a6 6 0 1 0-.208 8.305a1 1 0 0 0 .088-.036a10 10 0 0 1 1.429-.547s.426-5.74 3.916-5.74s3.736 5.752 3.736 5.752m-13.362.31a4 4 0 1 1 4-4a4 4 0 0 1-4 4m19.396 0a4 4 0 1 1 4-4a4 4 0 0 1-4 4"/></defs><use href="#SVGekxa3byI"/><circle cx="36" cy="36" r="23" fill="#fcea2b"/><circle cx="26.338" cy="33.9" r="5" fill="#92d3f5"/><circle cx="45.734" cy="33.9" r="5" fill="#92d3f5"/><path fill="#3f3f3f" d="M31.874 31.192s0-7.43-8.192-7.43a2.9 2.9 0 0 0 .491 1.024s-4.336-.491-5.113 1.309l.777 1.023a2.116 2.116 0 0 0-1.555 2.29A1.78 1.78 0 0 0 20 31.29h2.075s4.341-5.555 9.799-.098m8.86 0s0-7.43 8.192-7.43a2.9 2.9 0 0 1-.491 1.024s4.336-.491 5.113 1.309l-.777 1.023a2.116 2.116 0 0 1 1.555 2.29a1.78 1.78 0 0 1-1.718 1.882h-2.075s-4.354-5.084-9.799-.098"/><use href="#SVGekxa3byI"/><path fill="#f1b31c" d="M39.935 45.661a2.56 2.56 0 0 1 1.836-.89a1.514 1.514 0 0 0 1.549-1.72a3.65 3.65 0 0 0-1.779-2.927a6.3 6.3 0 0 1-2.21-3.89c-.414-4.436-3.114-4.696-3.382-4.711h-.039c-.245.012-2.969.254-3.386 4.712a6.3 6.3 0 0 1-2.21 3.89a3.65 3.65 0 0 0-1.778 2.926a1.514 1.514 0 0 0 1.549 1.721a2.56 2.56 0 0 1 1.836.89s3.55 5.76 7.897.365Z"/><path fill="#3f3f3f" d="M42.817 44.402s5.083.07 2.534 4.347a4.5 4.5 0 0 0-1.813-.822s.226 2.918-3.513 3.23V49.74s-.604 2.096-4.097 2.096h-.017c-3.493 0-4.097-2.096-4.097-2.096v1.416c-3.74-.311-3.513-3.229-3.513-3.229a4.5 4.5 0 0 0-1.812.822c-2.55-4.277 2.533-4.348 2.533-4.348l2.6.932A4.34 4.34 0 0 0 36 48.332a4.465 4.465 0 0 0 4.414-3.135Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="36" cy="36" r="23"/><path d="M31.874 31.192s0-7.43-8.192-7.43a2.9 2.9 0 0 0 .491 1.024s-4.336-.491-5.113 1.309l.777 1.023a2.116 2.116 0 0 0-1.555 2.29A1.78 1.78 0 0 0 20 31.29h2.075m18.659-.098s0-7.43 8.192-7.43a2.9 2.9 0 0 1-.491 1.024s4.336-.491 5.113 1.309l-.777 1.023a2.116 2.116 0 0 1 1.555 2.29a1.78 1.78 0 0 1-1.718 1.882h-2.075M31.92 45.661a2.56 2.56 0 0 0-1.835-.89a1.514 1.514 0 0 1-1.55-1.72a3.65 3.65 0 0 1 1.78-2.927a6.3 6.3 0 0 0 2.21-3.89c.416-4.457 3.14-4.699 3.385-4.711h.04c.267.014 2.967.275 3.381 4.711a6.3 6.3 0 0 0 2.21 3.89a3.65 3.65 0 0 1 1.779 2.927a1.514 1.514 0 0 1-1.55 1.72a2.56 2.56 0 0 0-1.835.89"/><path d="M31.663 43.366s-.764 4.762 4.265 4.762s4.226-4.762 4.226-4.762"/><path d="M42.817 44.402s5.083.07 2.534 4.347a4.5 4.5 0 0 0-1.813-.822s.226 2.918-3.513 3.23V49.74s-.604 2.096-4.097 2.096h-.017c-3.493 0-4.097-2.096-4.097-2.096v1.416c-3.74-.311-3.513-3.229-3.513-3.229a4.5 4.5 0 0 0-1.812.822c-2.55-4.277 2.533-4.348 2.533-4.348"/></g></svg>

Comment utiliser l'icône Disguised Face

React

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

<Icon icon="openmoji:disguised-face" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:disguised-face" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:disguised-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--disguised-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:disguised-face"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:disguised-face"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/disguised-face.svg" alt="Icône Disguised Face" width="24" height="24">

L'icône Disguised Face dans d'autres collections

FAQ : Icône Disguised Face

L'icône Disguised Face 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 Disguised Face dans React ?

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

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

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

Voir toutes les Icônes OpenMoji →