Icono Mask Sad Broken
solar:mask-sad-broken
El icono Mask Sad Broken (solar:mask-sad-broken) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Interfaz
- Etiquetas
- masksad, sadbroken, masksadbroken
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21 11V12C21 17.4903 16.761 20.1547 14.1014 21.286C13.38 21.5929 13.0193 21.7464 12 21.7464C10.9807 21.7464 10.62 21.5929 9.89856 21.286C7.23896 20.1547 3 17.4903 3 12V6.71888C3 4.52896 3 3.434 3.70725 2.83487C4.4145 2.23574 5.49553 2.41591 7.6576 2.77626L8.71202 2.95199C10.3523 3.22537 11.1724 3.36205 12 3.36205C12.8276 3.36205 13.6477 3.22537 15.288 2.95199L16.3424 2.77626C18.5045 2.41591 19.5855 2.23574 20.2927 2.83487C21 3.434 21 4.52896 21 6.71888V7"/><path d="M6.5 9C6.79112 8.4174 7.57665 8 8.5 8C9.42335 8 10.2089 8.4174 10.5 9"/><path d="M13.5 9C13.7911 8.4174 14.5766 8 15.5 8C16.4234 8 17.2089 8.4174 17.5 9"/><path d="M8.5 15C8.5 15 9.55 14 12 14C14.45 14 15.5 15 15.5 15"/></g></svg>
Cómo usar el icono Mask Sad Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:mask-sad-broken" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:mask-sad-broken" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:mask-sad-broken" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mask-sad-broken]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mask-sad-broken"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:mask-sad-broken"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/mask-sad-broken.svg" alt="Icono Mask Sad Broken" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Mask Sad Broken
¿El icono Mask Sad Broken es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Mask Sad Broken en React?
Instala @iconify/react y renderiza <Icon icon="solar:mask-sad-broken" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mask Sad Broken a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/mask-sad-broken.svg" alt="Icono Mask Sad Broken">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
ICONYZ
