Ícone Dizzy
fluent-emoji-high-contrast:dizzy
O ícone Dizzy (fluent-emoji-high-contrast:dizzy) é 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.028 7.608c.14 1.45.62 2.8 1.2 4.07c.05.09.16.14.25.11c.11-.04.17-.15.13-.26c-.43-1.3-.74-2.64-.72-3.96c.01-1.29.39-2.6 1.33-3.27c.9-.71 2.17-.85 3.41-.65c1.25.2 2.48.64 3.67 1.23c2.37 1.14 4.54 2.73 6.48 4.55c1.94 1.81 3.7 3.84 5.12 6.04c.72 1.09 1.34 2.24 1.85 3.4c.5 1.16.89 2.37 1.04 3.5c.17 1.11.12 2.2-.19 2.77c-.073.248-.22.384-.372.525q-.086.077-.168.165l-.139.072c-.244.13-.52.275-.922.308c-.91.19-2.1.05-3.28-.24c-1.2-.27-2.41-.72-3.61-1.25l-.226-.1l.127-.04c1.12-.34 1.36-1.82.4-2.5l-1.2-.85c-.38-.27-.61-.7-.6-1.17l.02-1.47c.01-1.17-1.32-1.85-2.26-1.15l-1.18.88c-.37.28-.86.36-1.3.21l-1.39-.47c-1.11-.38-2.17.68-1.78 1.79l.47 1.39c.15.44.07.93-.21 1.3l-.88 1.18c-.7.94-.02 2.28 1.14 2.26l1.47-.02c.46 0 .9.22 1.17.6l.85 1.2c.67.95 2.15.72 2.5-.4l.318-1.019q.55.446 1.132.86c1.17.89 2.5 1.59 3.92 2.19c1.44.56 3.02.99 4.87.87c.91-.04 1.92-.37 2.85-.89q.128-.1.261-.196c.354-.26.712-.524.968-.885c.18-.21.35-.43.51-.65c.13-.24.25-.47.37-.71c.88-1.97.64-3.8.29-5.36c-.39-1.59-1.03-2.98-1.75-4.29q-1.08-1.965-2.43-3.69c-1.77-2.32-3.81-4.36-6.05-6.16c-2.23-1.8-4.69-3.35-7.4-4.42c-1.35-.52-2.79-.9-4.3-.99c-1.48-.1-3.19.19-4.39 1.33c-.62.54-1.01 1.29-1.2 2.03c-.2.75-.23 1.5-.17 2.23"/></svg>
Como usar o ícone Dizzy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:dizzy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:dizzy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:dizzy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--dizzy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:dizzy"></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:dizzy"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dizzy.svg" alt="Ícone Dizzy" width="24" height="24">
O ícone Dizzy em outras coleções
Perguntas frequentes sobre Ícone Dizzy
O ícone Dizzy é 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 Dizzy no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:dizzy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Dizzy 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/dizzy.svg" alt="Ícone Dizzy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
