ICONYZ
Français
Icône Mouth de Noto Emoji (v1)

Icône Mouth

noto-v1:mouth

L'icône Mouth (noto-v1:mouth) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Noto Emoji (v1)
Auteur
Google Inc
Licence
Apache-2.0
Taille
128 × 128
Catégorie
Personnes et corps
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#9f3621" d="M3.59 78.16c-.13-.33-.3-.68-.39-1c.1.32.25.66.39 1"/><path fill="#2f2f2f" d="M27.98 59.47c.78-.83 1.6-1.66 2.49-2.47c-.9.81-1.71 1.63-2.49 2.47m7.59-6.46c.83-.56 1.69-1.11 2.6-1.63c-.91.53-1.77 1.07-2.6 1.63m15.14-6.59c1.33-.32 2.75-.55 4.19-.77c-1.43.22-2.85.45-4.19.77m-5.66 1.72c1.08-.4 2.23-.75 3.39-1.09c-1.16.34-2.3.69-3.39 1.09M18.22 75.49h.03l-.04-.01zm59.25-29.07c-1.33-.32-2.75-.55-4.19-.77c1.44.22 2.86.45 4.19.77m5.66 1.72c-1.08-.4-2.23-.75-3.39-1.09c1.16.34 2.31.69 3.39 1.09"/><path fill="#9f3621" d="M125.27 75.47c0-9.88-25.81-53.53-45.89-53.53c-7.04 0-11.87 1.92-15.3 4.36c-3.43-2.44-8.26-4.36-15.3-4.36c-20.08 0-45.89 43.66-45.89 53.53c0 .51.13 1.06.29 1.62h-.01c0 .02.02.04.02.06c.08.32.26.67.39 1c4.26 11.07 32.31 27.91 60.5 27.91s56.24-16.84 60.5-27.91c.13-.33.3-.68.39-1c.01-.02.02-.04.02-.06h-.01c.16-.56.29-1.11.29-1.62m-15.31.02h-.03c-.46.14-24.93 7.63-45.84 7.63s-45.38-7.49-45.84-7.63h-.03l-.02-.01s1.69-5.78 6.63-12.31c.78-1.04 1.65-2.09 2.6-3.14c.17-.19.37-.37.54-.55c.78-.83 1.59-1.66 2.49-2.47c.36-.33.77-.65 1.15-.98c.77-.66 1.56-1.31 2.41-1.94c.49-.37 1.02-.71 1.55-1.07a41 41 0 0 1 4.46-2.64c.93-.48 1.91-.93 2.92-1.37c.69-.3 1.39-.59 2.12-.86c1.08-.4 2.23-.75 3.39-1.09c.75-.22 1.48-.45 2.27-.64c1.33-.32 2.75-.55 4.19-.77c.72-.11 1.4-.26 2.15-.35c2.23-.26 4.56-.41 7.04-.41s4.81.16 7.04.41c.75.09 1.43.24 2.15.35c1.43.22 2.85.46 4.19.77c.79.19 1.52.42 2.27.64c1.16.34 2.31.68 3.39 1.09c.73.27 1.42.56 2.12.86c1.01.43 1.99.88 2.92 1.37c.64.33 1.26.66 1.86 1.01c.91.53 1.76 1.07 2.6 1.63c.52.35 1.05.7 1.55 1.07c.85.63 1.64 1.28 2.41 1.94c.38.33.79.64 1.15.98c.89.82 1.71 1.64 2.49 2.47c.17.19.37.37.54.55c.95 1.05 1.82 2.11 2.6 3.14c4.94 6.53 6.63 12.31 6.63 12.31z"/><path fill="#fff" d="M103.35 63.16c-.78-1.04-1.65-2.09-2.6-3.14c-.17-.19-.37-.37-.54-.55c-.78-.83-1.6-1.66-2.49-2.47c-.36-.33-.77-.65-1.15-.98c-.77-.66-1.56-1.31-2.41-1.94c-.49-.37-1.02-.71-1.55-1.07a41 41 0 0 0-4.46-2.64c-.93-.48-1.91-.93-2.92-1.37c-.69-.3-1.39-.59-2.12-.86c-1.08-.4-2.23-.75-3.39-1.09c-.75-.22-1.48-.45-2.27-.64c-1.33-.32-2.75-.55-4.19-.77c-.72-.11-1.4-.26-2.15-.35c-2.23-.26-4.57-.41-7.04-.41c-2.48 0-4.81.16-7.04.41c-.75.09-1.43.24-2.15.35c-1.43.22-2.86.46-4.19.77c-.79.19-1.52.42-2.27.64c-1.16.34-2.31.69-3.39 1.09c-.73.27-1.42.56-2.12.86c-1.01.43-1.99.88-2.92 1.37c-.64.33-1.26.66-1.86 1.01c-.9.52-1.77 1.07-2.6 1.63c-.52.35-1.05.7-1.55 1.07c-.85.63-1.64 1.28-2.41 1.94c-.38.33-.79.64-1.15.98c-.89.82-1.71 1.64-2.49 2.47c-.17.19-.37.37-.54.55c-.95 1.05-1.82 2.11-2.6 3.14c8.77-5.44 21.68-10.63 39.26-10.63s30.53 5.19 39.3 10.63"/><path fill="#2f2f2f" d="M103.35 63.16c-8.77-5.44-21.68-10.63-39.26-10.63S33.6 57.72 24.84 63.16c-4.94 6.53-6.59 12.32-6.59 12.32c.46.14 24.93 7.63 45.84 7.63s45.38-7.49 45.84-7.63l.04-.01s-1.69-5.78-6.62-12.31"/></svg>

Comment utiliser l'icône Mouth

React

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

<Icon icon="noto-v1:mouth" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:mouth" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:mouth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--mouth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:mouth"></div>

Web component

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

<iconify-icon icon="noto-v1:mouth"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/mouth.svg" alt="Icône Mouth" width="24" height="24">

L'icône Mouth dans d'autres collections

FAQ : Icône Mouth

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

Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Mouth dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji (v1) →