Icône Face Smiling Fill
f7:face-smiling-fill
L'icône Face Smiling Fill (f7:face-smiling-fill) est une icône SVG gratuite de la collection Framework7 Icons par Vladimir Kharlampidi. Elle est dessinée sur une grille de 56 × 56. Les Framework7 Icons sont publiées sous la licence MIT, 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
- Framework7 Icons
- Auteur
- Vladimir Kharlampidi
- Licence
- MIT
- Taille
- 56 × 56
- Mots-clés
- facesmiling, smilingfill, facesmilingfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.905 51.81q4.898 0 9.222-1.875a24.4 24.4 0 0 0 7.629-5.18a24.4 24.4 0 0 0 5.179-7.628q1.875-4.325 1.875-9.222q0-4.899-1.875-9.222a24.4 24.4 0 0 0-5.18-7.629a24.4 24.4 0 0 0-7.64-5.18Q32.78 4 27.881 4q-4.898 0-9.222 1.875a24.3 24.3 0 0 0-7.616 5.18a24.5 24.5 0 0 0-5.168 7.628Q4 23.006 4 27.905t1.875 9.222a24.4 24.4 0 0 0 5.18 7.629a24.4 24.4 0 0 0 7.628 5.179q4.323 1.875 9.222 1.875m0-11.835q-2.53 0-4.43-.914q-1.897-.915-2.964-2.086q-1.067-1.172-1.067-1.969q0-.445.352-.61a.85.85 0 0 1 .727 0q1.335.704 3.034 1.383q1.7.68 4.348.68q2.625 0 4.336-.668q1.71-.668 3.023-1.394q.375-.165.726 0q.352.164.352.61q0 .796-1.055 1.968q-1.055 1.17-2.964 2.086q-1.91.914-4.418.914m-7.172-14.273q-1.125 0-1.98-.926t-.855-2.379q0-1.476.843-2.414q.844-.937 1.992-.937q1.172 0 2.04.937q.866.938.867 2.414q0 1.454-.88 2.38q-.878.924-2.027.925m14.32 0q-1.125 0-1.992-.926t-.867-2.379q0-1.476.855-2.414q.855-.937 2.004-.937q1.171 0 2.039.937q.867.938.867 2.414q0 1.454-.879 2.38q-.879.924-2.027.925"/></svg>Comment utiliser l'icône Face Smiling Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:face-smiling-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:face-smiling-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:face-smiling-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--face-smiling-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:face-smiling-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:face-smiling-fill"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Icône Face Smiling Fill" width="24" height="24">Icônes similaires dans Framework7 Icons
FAQ : Icône Face Smiling Fill
L'icône Face Smiling Fill est-elle gratuite pour un usage commercial ?
Oui. Les Framework7 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Face Smiling Fill dans React ?
Installez @iconify/react et affichez <Icon icon="f7:face-smiling-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Face Smiling Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/f7/face-smiling-fill.svg" alt="Icône Face Smiling Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.