Ícone Mask Happy Filled
reicon:mask-happy-filled
O ícone Mask Happy Filled (reicon:mask-happy-filled) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Interface
- Tags
- maskhappy, happyfilled, maskhappyfilled
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/mask-happy-filled.svg" alt="Ícone Mask Happy Filled" width="24" height="24">
Ícones relacionados em Reicon
Perguntas frequentes sobre Ícone Mask Happy Filled
O ícone Mask Happy Filled é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mask Happy Filled no React?
Instale @iconify/react e renderize <Icon icon="reicon:mask-happy-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mask Happy Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/mask-happy-filled.svg" alt="Ícone Mask Happy Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
ICONYZ
