Icône Mask Sad
ph:mask-sad
L'icône Mask Sad (ph:mask-sad) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor 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
- Phosphor
- Auteur
- Phosphor Icons
- Licence
- MIT
- Taille
- 256 × 256
- Mots-clés
- theater, costume, cry, crying, melpomene, masksad
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M158.66 188.43a8 8 0 0 1-11.09 2.23C141.07 186.34 136 184 128 184s-13.07 2.34-19.57 6.66a8 8 0 0 1-8.86-13.32C108 171.73 116.06 168 128 168s20 3.73 28.43 9.34a8 8 0 0 1 2.23 11.09M224 48v55.77c0 35.84-9.65 69.65-27.18 95.18c-18.16 26.46-42.6 41-68.82 41s-50.66-14.57-68.82-41C41.65 173.44 32 139.63 32 103.79V48a16 16 0 0 1 21.79-14.91C67.84 38.55 96.18 47.71 128 47.71s60.15-9.16 74.21-14.62A16 16 0 0 1 224 48m-16 0c-15.1 5.89-45.57 15.73-80 15.73S63.1 53.87 48 48v55.79c0 32.64 8.66 63.23 24.37 86.13C87.46 211.9 107.21 224 128 224s40.54-12.1 55.63-34.08C199.34 167 208 136.43 208 103.79Zm-18.66 66a8 8 0 0 0-11.3.62c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34A8 8 0 0 0 138 125.33c5.71 6.38 16.14 10.67 26 10.67s20.25-4.29 26-10.67a8 8 0 0 0-.66-11.33M118 125.33a8 8 0 0 0-12-10.67c-2.68 3-8.85 5.34-14 5.34s-11.36-2.35-14-5.34a8 8 0 0 0-12 10.67C71.75 131.71 82.18 136 92 136s20.25-4.29 26-10.67"/></svg>
Comment utiliser l'icône Mask Sad
React
import { Icon } from "@iconify/react";
<Icon icon="ph:mask-sad" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:mask-sad" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:mask-sad" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--mask-sad]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:mask-sad"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:mask-sad"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ph/mask-sad.svg" alt="Icône Mask Sad" width="24" height="24">
Icônes similaires dans Phosphor
L'icône Mask Sad dans d'autres collections
FAQ : Icône Mask Sad
L'icône Mask Sad est-elle gratuite pour un usage commercial ?
Oui. Les Phosphor icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Mask Sad dans React ?
Installez @iconify/react et affichez <Icon icon="ph:mask-sad" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mask Sad à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ph/mask-sad.svg" alt="Icône Mask Sad">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Phosphor →
ICONYZ
