Icône Mask Happy Bold

solar:mask-happy-bold

L'icône Mask Happy Bold (solar:mask-happy-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Interface
Mots-clés: maskhappy, happybold, maskhappybold, mask happly bold

Télécharger le SVG

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.9012V6.42911C21 4.16001 21 3.02545 20.2927 2.40466C19.5855 1.78386 18.5045 1.97055 16.3424 2.34392L15.288 2.52602C13.6477 2.80927 12.8276 2.9509 12 2.9509C11.1724 2.9509 10.3523 2.80927 8.71202 2.52602L7.6576 2.34392C5.49553 1.97055 4.4145 1.78386 3.70725 2.40466C3 3.02545 3 4.16001 3 6.42911V11.9012C3 17.5901 7.23896 20.3508 9.89856 21.523C10.62 21.841 10.9807 22 12 22C13.0193 22 13.38 21.841 14.1014 21.523C16.761 20.3508 21 17.5901 21 11.9012ZM7.1709 9.14008C7.29437 8.88406 7.75678 8.53367 8.5 8.53367C9.24322 8.53367 9.70563 8.88406 9.8291 9.14008C10.0143 9.52401 10.4647 9.67972 10.8352 9.48787C11.2058 9.29603 11.3561 8.82927 11.1709 8.44534C10.7121 7.49404 9.60349 6.97943 8.5 6.97943C7.39651 6.97943 6.28787 7.49404 5.8291 8.44534C5.64395 8.82927 5.79422 9.29603 6.16475 9.48787C6.53528 9.67972 6.98575 9.52401 7.1709 9.14008ZM15.5 8.53367C14.7568 8.53367 14.2944 8.88406 14.1709 9.14008C13.9857 9.52401 13.5353 9.67972 13.1648 9.48787C12.7942 9.29603 12.6439 8.82927 12.8291 8.44534C13.2879 7.49404 14.3965 6.97943 15.5 6.97943C16.6035 6.97943 17.7121 7.49404 18.1709 8.44534C18.3561 8.82927 18.2058 9.29603 17.8352 9.48787C17.4647 9.67972 17.0143 9.52401 16.8291 9.14008C16.7056 8.88406 16.2432 8.53367 15.5 8.53367ZM7.98852 14.5419C7.68858 14.2459 7.67123 13.7484 7.9569 13.4376C8.2402 13.1293 8.72388 13.1275 9.02418 13.416C9.04355 13.4316 9.09073 13.4691 9.12649 13.4945C9.22721 13.5661 9.39425 13.6714 9.63305 13.7802C10.1081 13.9965 10.8804 14.2326 12 14.2326C13.1196 14.2326 13.8919 13.9965 14.3669 13.7802C14.6057 13.6714 14.7728 13.5661 14.8735 13.4945C14.9239 13.4587 14.9578 13.4313 14.9758 13.416C14.9835 13.4095 14.9883 13.4053 14.9902 13.4035L14.991 13.4028C15.2913 13.115 15.76 13.1296 16.0431 13.4376C16.3288 13.7484 16.3172 14.2403 16.0172 14.5363L16.016 14.5375L16.0146 14.5389L16.0115 14.5419L16.0041 14.549L15.9842 14.5675C15.9688 14.5816 15.9489 14.5993 15.9244 14.62C15.8754 14.6615 15.8081 14.715 15.7218 14.7763C15.5491 14.899 15.3005 15.0527 14.9706 15.203C14.3081 15.5047 13.3304 15.7868 12 15.7868C10.6696 15.7868 9.69192 15.5047 9.02945 15.203C8.6995 15.0527 8.45092 14.899 8.2782 14.7763C8.19189 14.715 8.1246 14.6615 8.07562 14.62C8.05246 14.6005 8.00187 14.5544 7.99015 14.5434L7.98852 14.5419Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Mask Happy Bold

React

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

<Icon icon="solar:mask-happy-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:mask-happy-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:mask-happy-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mask-happy-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mask-happy-bold"></div>

Web component

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

<iconify-icon icon="solar:mask-happy-bold"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/mask-happy-bold.svg" alt="Icône Mask Happy Bold" width="24" height="24">

Icônes similaires dans Solar

L'icône Mask Happy Bold dans d'autres collections

FAQ : Icône Mask Happy Bold

L'icône Mask Happy Bold est-elle gratuite pour un usage commercial ?

Oui. Les Solar 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 Mask Happy Bold dans React ?

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

Comment ajouter l'icône Mask Happy Bold à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/mask-happy-bold.svg" alt="Icône Mask Happy Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →