Ícone Face With Medical Mask
noto:face-with-medical-mask
O ícone Face With Medical Mask (noto:face-with-medical-mask) é um ícone SVG gratuito da coleção Noto Emoji de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji icons são publicados sob a licença Apache 2.0, 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
- Noto Emoji
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Carinhas e emoções
- Tags
- facewith, withmedical, medicalmask, facewithmedicalmask
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGJCmBzb8w" cx="63.6" cy="2931.01" r="56.96" gradientTransform="translate(0 -2868.11)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".919" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGJCmBzb8w)" d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#EB8F00" d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94c10.76 17.66 30.99 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#EEE" d="M28.19 91.17c-7.35 3.63-13.9 3.06-13.9 3.06c2.05 3.76 4.08 5.57 6.09 7.56c0 0 3.71.33 8.23-1.64s6.93-12.61-.42-8.98m.31-21.95c-13.75-.93-22.82-9.4-22.82-9.4c-.46 4.97.23 9.7.23 9.7s6.51 8.11 22.33 9c12.05.68 11.74-8.52.26-9.3m70.43 21.95c7.35 3.63 13.9 3.06 13.9 3.06c-2.05 3.76-4.08 5.57-6.09 7.56c0 0-3.71.33-8.23-1.64c-4.52-1.98-6.93-12.61.42-8.98m-.31-21.95c13.75-.93 22.82-9.4 22.82-9.4c.46 4.97-.23 9.7-.23 9.7s-6.51 8.11-22.33 9c-12.05.68-11.75-8.52-.26-9.3"/><path fill="#F5F5F5" d="M100.98 96.87V79.19l-.01-8.55c-.07-1.74-1.16-2.32-3.39-3.13c-5-1.82-20.14-6.33-33.58-6.34h-.02c-13.44 0-28.59 4.52-33.58 6.34c-2.23.81-3.31 1.39-3.39 3.13L27 79.19v17.68c0 .55-.16 3.3 3.16 4.9c3.69 1.78 18.76 7.35 33.83 7.35s30.15-5.57 33.83-7.35c3.32-1.6 3.16-4.35 3.16-4.9"/><path fill="gray" d="M30.4 67.5c-.76.13-1.44.49-1.88.98c-.42.51-.65 1.11-.69 1.77c-.06.63.01 1.4.05 2.14l.13 2.26c.2 3.02.31 6.06.35 9.1c.03 3.04-.01 6.08-.2 9.13c-.05.77-.08 1.51-.16 2.31c-.09.76-.16 1.47-.16 2.18c-.02 1.41.2 2.88 1.43 3.89c-.76-.19-1.46-.74-1.93-1.43s-.76-1.49-.96-2.29c-.19-.8-.27-1.61-.35-2.37c-.09-.73-.14-1.5-.22-2.26c-.29-3.04-.43-6.08-.46-9.13s.04-6.1.32-9.16c.15-1.55.25-3.02.73-4.7c.29-.82.84-1.63 1.6-2.08a3.18 3.18 0 0 1 2.4-.34m67 0c.75-.2 1.62-.11 2.39.33c.76.45 1.31 1.26 1.6 2.08c.48 1.68.58 3.15.73 4.7c.28 3.06.35 6.11.32 9.16s-.17 6.09-.46 9.13c-.07.75-.13 1.53-.22 2.26c-.08.76-.16 1.58-.35 2.37c-.2.79-.49 1.59-.96 2.29c-.47.69-1.17 1.24-1.93 1.43c1.23-1.01 1.45-2.48 1.43-3.89c0-.72-.07-1.42-.16-2.18c-.08-.79-.11-1.54-.16-2.31c-.19-3.05-.23-6.09-.2-9.13c.04-3.04.15-6.07.35-9.1l.13-2.26c.04-.74.11-1.51.05-2.14c-.04-.66-.26-1.26-.69-1.77c-.43-.48-1.1-.84-1.87-.97"/><path fill="#422B0D" d="M44.67 41.94c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.28 45.87c-1.03-.72-2.58-.49-3.58.95c-1 1.45-.67 2.97.36 3.69s2.58.49 3.58-.95c1-1.45.67-2.97-.36-3.69"/><path fill="#422B0D" d="M83.02 41.94c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M82.63 45.87c-1.03-.72-2.58-.49-3.58.95c-1 1.45-.67 2.97.36 3.69s2.58.49 3.58-.95c1.01-1.45.68-2.97-.36-3.69"/></svg>
Como usar o ícone Face With Medical Mask
React
import { Icon } from "@iconify/react";
<Icon icon="noto:face-with-medical-mask" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:face-with-medical-mask" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:face-with-medical-mask" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--face-with-medical-mask]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:face-with-medical-mask"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:face-with-medical-mask"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto/face-with-medical-mask.svg" alt="Ícone Face With Medical Mask" width="24" height="24">
Ícones relacionados em Noto Emoji
O ícone Face With Medical Mask em outras coleções
Perguntas frequentes sobre Ícone Face With Medical Mask
O ícone Face With Medical Mask é grátis para uso comercial?
Sim. Noto Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Face With Medical Mask no React?
Instale @iconify/react e renderize <Icon icon="noto:face-with-medical-mask" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Face With Medical Mask a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/noto/face-with-medical-mask.svg" alt="Ícone Face With Medical Mask">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Noto Emoji →
