Icône Mask Happy Filled
reicon:mask-happy-filled
L'icône Mask Happy Filled (reicon:mask-happy-filled) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon 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
- Reicon
- Auteur
- REICON
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- maskhappy, happyfilled, maskhappyfilled
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 11.901V6.43c0-2.269 0-3.404-.707-4.024s-1.788-.434-3.95-.061l-1.055.182c-1.64.283-2.46.425-3.288.425s-1.648-.142-3.288-.425l-1.054-.182c-2.162-.373-3.243-.56-3.95.06S3 4.16 3 6.43v5.472c0 5.69 4.239 8.45 6.899 9.622c.721.318 1.082.477 2.101.477c1.02 0 1.38-.159 2.101-.477C16.761 20.351 21 17.59 21 11.901M7.17 9.141c.124-.257.587-.607 1.33-.607s1.206.35 1.33.606a.74.74 0 0 0 1.005.348a.79.79 0 0 0 .336-1.043C10.712 7.494 9.603 6.98 8.5 6.98s-2.212.515-2.67 1.466a.79.79 0 0 0 .335 1.043a.74.74 0 0 0 1.006-.348m8.33-.607c-.743 0-1.206.35-1.33.606a.74.74 0 0 1-1.005.348a.79.79 0 0 1-.336-1.043c.459-.951 1.567-1.466 2.671-1.466s2.212.515 2.67 1.466a.79.79 0 0 1-.335 1.043a.74.74 0 0 1-1.006-.348c-.123-.256-.586-.606-1.329-.606M7.99 14.542a.804.804 0 0 1-.032-1.104a.75.75 0 0 1 1.067-.022l.102.079c.101.071.268.176.507.285c.475.216 1.247.453 2.367.453s1.892-.237 2.367-.453c.239-.109.406-.214.506-.285a2 2 0 0 0 .117-.091l.001-.001a.73.73 0 0 1 1.052.035a.797.797 0 0 1-.026 1.098l-.001.002h-.001l-.003.004l-.008.007l-.02.019l-.06.052a3 3 0 0 1-.202.156a4.6 4.6 0 0 1-.751.427c-.663.302-1.64.584-2.971.584c-1.33 0-2.308-.282-2.97-.584a4.6 4.6 0 0 1-.752-.427a3 3 0 0 1-.288-.233z" clip-rule="evenodd"/></svg>
Comment utiliser l'icône Mask Happy Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:mask-happy-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:mask-happy-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:mask-happy-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--mask-happy-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:mask-happy-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:mask-happy-filled"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/mask-happy-filled.svg" alt="Icône Mask Happy Filled" width="24" height="24">
Icônes similaires dans Reicon
FAQ : Icône Mask Happy Filled
L'icône Mask Happy Filled est-elle gratuite pour un usage commercial ?
Oui. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Mask Happy Filled dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:mask-happy-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mask Happy Filled à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/mask-happy-filled.svg" alt="Icône Mask Happy Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Reicon →
ICONYZ
