Ícone Ice
fluent-emoji-high-contrast:ice
O ícone Ice (fluent-emoji-high-contrast:ice) é 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
- Comidas e bebidas
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="M5.93 11.665c.05-.06.12-.08.19-.07s.14.06.19.13l1.36 1.97c.07.1.14.2.21.31c.28.46.43 1 .39 1.56c-.07 1.14-.93 1.94-1.99 1.87l-.075-.01q-.037-.003-.075-.01c-1.19-.17-2.16-1.35-2.16-2.63c0-.55.17-1.02.46-1.38l.05-.05zm1.8 11.62c0-.6.45-1.03 1.01-.95c.56.07 1.01.62 1.01 1.23c0 .6-.45 1.03-1.01.95s-1.01-.63-1.01-1.23m5.26-5.72c-.56-.08-1.01.35-1.01.95s.45 1.15 1.01 1.23c.56.07 1.01-.35 1.01-.95s-.45-1.16-1.01-1.23m7.64-4.15c.07-.01.13.01.18.07l1.33 1.55c.01.01.02.02.02.03l.01.02c.27.33.42.76.42 1.26c0 1.18-.89 2.26-1.98 2.41c-.05.01-.09.01-.14.01c-.97.06-1.76-.67-1.83-1.71c-.03-.51.1-1.01.35-1.43c.06-.1.12-.19.19-.28l1.25-1.81c.07-.07.14-.11.2-.12m6.11 6.34c.56-.08 1.01.35 1.01.95s-.45 1.15-1.01 1.23s-1.01-.35-1.01-.95s.45-1.15 1.01-1.23"/><path d="M17.182 1.02a3.5 3.5 0 0 0-2.363 0L2.986 5.265A3 3 0 0 0 1 8.088V23.6a3 3 0 0 0 1.974 2.819l11.829 4.305a3.5 3.5 0 0 0 2.394 0l11.829-4.305A3 3 0 0 0 31 23.599V8.089a3 3 0 0 0-1.987-2.824zm-1.688 1.883a1.5 1.5 0 0 1 1.012 0L27.7 6.917l-10.76 3.918c-.61.22-1.28.22-1.889 0h-.001L4.3 6.918zM3 8.573l11.281 4.11v.003c.43.156.72.568.72 1.03v14.951L3.657 24.54A1 1 0 0 1 3 23.6zm14 20.094V13.715q0-.413-.105-.8q.369-.07.725-.2L29 8.573V23.6a1 1 0 0 1-.658.94z"/></g></svg>
Como usar o ícone Ice
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ice]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ice"></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:ice"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ice.svg" alt="Ícone Ice" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Ice em outras coleções
Perguntas frequentes sobre Ícone Ice
O ícone Ice é 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 Ice no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:ice" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ice 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/ice.svg" alt="Ícone Ice">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
