Icône Frog Face
emojione-v1:frog-face
L'icône Frog Face (emojione-v1:frog-face) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) 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
- Emoji One (v1)
- Auteur
- Emoji One
- Licence
- CC-BY-SA-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="#f4f5f5" d="M58.942 13.288c0 6.892-4.603 12.472-10.277 12.472c-5.685 0-10.291-5.58-10.291-12.472C38.374 6.404 42.98.825 48.665.825c5.675 0 10.277 5.579 10.277 12.463m-53.577-.825c0 6.893 4.603 12.472 10.278 12.472c5.684 0 10.291-5.58 10.291-12.472C25.934 5.58 21.327 0 15.643 0C9.968 0 5.365 5.58 5.365 12.463"/><path fill="#d1d2d3" d="M17.625 19.229c-6.228-3.388-9.199-11.454-6.871-17.73c-3.21 2.108-5.389 6.227-5.389 10.964c0 6.893 4.603 12.472 10.278 12.472c2.936 0 5.578-1.497 7.453-3.885c-1.932-.332-3.784-.904-5.471-1.821m29.058.821c6.228-3.388 9.199-11.453 6.871-17.729c3.21 2.109 5.389 6.228 5.389 10.965c0 6.892-4.603 12.472-10.277 12.472c-2.936 0-5.578-1.497-7.453-3.885c1.932-.333 3.783-.905 5.47-1.823"/><path fill="#25333a" d="M8.823 12.941c0 4.573 3.054 8.275 6.82 8.275c3.77 0 6.833-3.702 6.833-8.275c0-4.564-3.063-8.275-6.833-8.275c-3.766 0-6.82 3.711-6.82 8.275"/><path fill="#2ca268" d="M3.902 41.545h56.875c3.02 0 4.145 3.505 2.317 5.597c-16.637 19.21-44.86 19.21-61.51 0c-1.813-2.092-.687-5.597 2.32-5.597"/><path fill="#d6df27" d="M10.03 44.22h44.4c2.355 0 3.232 3.037 1.808 4.852c-12.988 16.643-35.02 16.643-48.02 0c-1.417-1.815-.537-4.852 1.81-4.852"/><path fill="#25333a" d="M55.48 13.766c0 4.573-3.054 8.275-6.819 8.275c-3.771 0-6.833-3.702-6.833-8.275c0-4.564 3.062-8.275 6.833-8.275c3.766 0 6.819 3.71 6.819 8.275"/><path fill="#2bb573" d="M60.07 43.26H3.195c-3.02 0-4.144-5.251-2.317-8.386c16.637-28.782 44.86-28.782 61.51 0c1.813 3.135.687 8.386-2.321 8.386"/><path fill="#1d955b" d="M16.359 41.1c-13.03-9.536 1.389-20.769 13.445-27.729c-10.599.738-21.06 7.903-28.922 21.512c-1.827 3.135-.701 8.386 2.317 8.386h17.376c-1.548-.558-2.975-1.261-4.216-2.169"/></svg>Comment utiliser l'icône Frog Face
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:frog-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:frog-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:frog-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--frog-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1: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-v1:frog-face"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/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 (v1) 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 Frog Face dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1: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-v1/frog-face.svg" alt="Icône Frog Face">, ou collez le code SVG directement dans la page pour le styliser en CSS.