Ícone Clown Face
fluent-emoji-high-contrast:clown-face
O ícone Clown Face (fluent-emoji-high-contrast:clown-face) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Carinhas e emoções
- Tags
- clownface
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M24.262 17.86c.449.2.738.648.738 1.14c0 2.498-1.048 4.538-2.741 5.93C20.589 26.303 18.356 27 16 27s-4.59-.697-6.259-2.07C8.048 23.538 7 21.498 7 19a1.25 1.25 0 0 1 1.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383 1.338.608c1.193.45 2.98.913 5.296.913c2.612-.004 4.393-.473 5.488-.909a7 7 0 0 0 1.164-.576a4 4 0 0 0 .279-.195a1.25 1.25 0 0 1 1.332-.198m-2.254 3.443c-1.386.496-3.356.93-6.006.934H16c-2.576 0-4.617-.5-6.05-1.026A4.9 4.9 0 0 0 11.329 23c1.146.942 2.787 1.5 4.671 1.5s3.525-.558 4.671-1.5a4.9 4.9 0 0 0 1.337-1.697"/><path d="M15 12q0 .068-.002.134a3.75 3.75 0 1 0-.329 1.658A5.002 5.002 0 0 1 5 12a5 5 0 0 1 10 0m12 0a5 5 0 0 1-9.67 1.792a3.75 3.75 0 1 0-.328-1.658L17 12a5 5 0 0 1 10 0m-11 6a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/><path d="M12.25 14.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m7.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/><path d="M12.373 1.332A3 3 0 0 0 11 1a3 3 0 0 0-2.14.898A5 5 0 0 0 1.898 8.86A3 3 0 0 0 1 11c0 .503.124.978.343 1.395A18.6 18.6 0 0 0 1 15.999c0 4.061 1.226 7.82 3.763 10.576c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576a18.6 18.6 0 0 0-.343-3.601c.22-.418.345-.893.345-1.398a3 3 0 0 0-.898-2.14a5 5 0 0 0-6.962-6.962A3 3 0 0 0 21 1c-.495 0-.962.12-1.373.332A19 19 0 0 0 15.999 1c-1.287 0-2.496.114-3.626.332M3 15.999c0-3.67 1.106-6.91 3.235-9.221C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778C4.105 22.91 3 19.67 3 16"/></g></svg>Como usar o ícone Clown Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:clown-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:clown-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:clown-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--clown-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:clown-face"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:clown-face"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/clown-face.svg" alt="Ícone Clown Face" width="24" height="24">O ícone Clown Face em outras coleções
Perguntas frequentes sobre Ícone Clown Face
O ícone Clown Face é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Clown Face no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:clown-face" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Clown Face a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/clown-face.svg" alt="Ícone Clown Face">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.