Icône Frog Face
emojione-monotone:frog-face
L'icône Frog Face (emojione-monotone:frog-face) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Emoji One (Monotone)
- Auteur
- Emoji One
- Licence
- CC-BY-4.0
- Taille
- 64 × 64
- Catégorie
- Nature
- Mots-clés
- frogface, frog
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M62 17c0-6.627-5.373-12-12-12c-4.755 0-8.852 2.773-10.794 6.784A33.3 33.3 0 0 0 32.012 11c-2.426 0-4.852.263-7.215.789C22.855 7.775 18.758 5 14 5C7.374 5 2 10.372 2 17c0 3.386 1.409 6.438 3.666 8.62c-2.956 5.296-3.721 10.696-3.623 11.913c.003.043.013.094.018.139C2.508 41.91 8.889 59 31.76 59h.254c23.264-.139 29.582-17.408 29.936-21.467c.106-1.232-.625-6.61-3.598-11.927A11.95 11.95 0 0 0 62 17M32.003 57h-.243c-9.285 0-16.665-2.891-21.934-8.59a25.4 25.4 0 0 1-4.144-6.064c5.314 3.059 14.615 7.152 26.32 7.152c11.726 0 21.035-4.109 26.342-7.168C55.395 48.355 47.936 56.906 32.003 57m27.954-19.641c-.039.457-.236 1.154-.6 2.01c-4.455 2.879-14.361 8.129-27.355 8.129c-12.988 0-22.896-5.244-27.357-8.125c-.371-.861-.571-1.555-.608-2.002c-.065-.883.612-5.827 3.375-10.776l.75-1.344l-1.106-1.068A9.9 9.9 0 0 1 4 17C4 11.486 8.486 7 14 7c3.86 0 7.308 2.169 8.997 5.66l.689 1.425l1.546-.344a31.2 31.2 0 0 1 6.78-.741c2.282 0 4.557.248 6.762.736l1.543.343l.689-1.424C42.695 9.167 46.142 7 50 7c5.515 0 10 4.486 10 10a9.9 9.9 0 0 1-3.041 7.171l-1.104 1.07l.75 1.341c2.772 4.957 3.424 9.897 3.352 10.777"/><path fill="currentColor" d="M26.287 32C24.857 32 22 36 22 36s2.857-1.334 4.287-1.334c1.428 0 4.285 1.334 4.285 1.334s-2.859-4-4.285-4m11.426 0c-1.428 0-4.285 4-4.285 4s2.857-1.334 4.285-1.334C39.143 34.666 42 36 42 36s-2.857-4-4.287-4M22.42 14.64l-.293-1.05l-.876.649c-1.696 1.259-4.407 2.011-7.25 2.011s-5.553-.751-7.25-2.01l-.875-.648l-.293 1.049A8.7 8.7 0 0 0 5.25 17c0 4.825 3.925 8.75 8.75 8.75s8.75-3.925 8.75-8.75c0-.782-.111-1.576-.33-2.36M14 24.25c-3.998 0-7.25-3.252-7.25-7.25q0-.465.063-.937c.934.525 2.02.938 3.2 1.224a3.99 3.99 0 0 0 3.988 3.882a3.993 3.993 0 0 0 3.989-3.883c1.179-.286 2.263-.697 3.196-1.223q.062.47.063.937c.001 3.998-3.251 7.25-7.249 7.25m44.75-7.251a8.8 8.8 0 0 0-.33-2.359l-.293-1.05l-.876.649C55.555 15.498 52.844 16.25 50 16.25c-2.842 0-5.553-.751-7.25-2.01l-.877-.649l-.293 1.051a8.8 8.8 0 0 0-.33 2.357c0 4.825 3.926 8.75 8.75 8.75c4.825 0 8.75-3.925 8.75-8.75M50 24.249c-3.997 0-7.25-3.252-7.25-7.25q0-.465.064-.936c.934.525 2.018.937 3.197 1.223a3.99 3.99 0 0 0 7.976 0c1.18-.286 2.266-.697 3.199-1.223q.062.47.063.936c.001 3.998-3.251 7.25-7.249 7.25"/></svg>Comment utiliser l'icône Frog Face
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:frog-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:frog-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:frog-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--frog-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:frog-face"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:frog-face"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/frog-face.svg" alt="Icône Frog Face" width="24" height="24">L'icône Frog Face dans d'autres collections
FAQ : Icône Frog Face
L'icône Frog Face est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Frog Face dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-monotone:frog-face" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Frog Face à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/frog-face.svg" alt="Icône Frog Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.