Ícone Cooking
fluent-emoji-high-contrast:cooking
O ícone Cooking (fluent-emoji-high-contrast:cooking) é 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="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="M25.42 27.51a1.485 1.485 0 1 1 2.1-2.1a1.485 1.485 0 0 1-2.1 2.1m-10.3-13.86a2.53 2.53 0 1 1-5.06 0a2.53 2.53 0 0 1 5.06 0"/><path d="M22.88 13.88a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-4.59-2.71c-.45-.16-.85-.45-1.17-.8a4 4 0 0 0-.46-.45a5.03 5.03 0 0 0-5.72-.58c-.46.26-.96.43-1.48.53h-.01c-.54.11-.96.57-1.03 1.12c-.01.13-.01.25.01.37c.08.49.11.98.02 1.47a5.01 5.01 0 0 0 6.24 5.73c.58-.16 1.19-.2 1.79-.16c.39.02.78-.11 1.08-.41c.39-.39.51-.96.34-1.45c-.08-.24-.06-.51.04-.74v-.01c.1-.23.29-.4.51-.5c.35-.16.66-.42.91-.77c.52-.78.52-1.8-.01-2.54c-.28-.39-.65-.67-1.06-.81"/><path d="M13.88 0C6.214 0 0 6.214 0 13.88s6.214 13.88 13.88 13.88c2.078 0 4.052-.458 5.825-1.278l2.586 3.383l.003.004c1.99 2.59 5.81 2.866 8.14.535c2.308-2.308 2.05-6.143-.562-8.125l-.004-.003l-3.38-2.584a13.8 13.8 0 0 0 1.272-5.812C27.76 6.214 21.546 0 13.88 0m6.374 23.907a11.8 11.8 0 0 1-6.374 1.853C7.319 25.76 2 20.441 2 13.88S7.319 2 13.88 2s11.88 5.319 11.88 11.88c0 2.34-.677 4.523-1.845 6.362l4.745 3.628c1.65 1.25 1.81 3.67.36 5.12a3.422 3.422 0 0 1-5.14-.34z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Como usar o ícone Cooking
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cooking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cooking"></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:cooking"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cooking.svg" alt="Ícone Cooking" width="24" height="24">
O ícone Cooking em outras coleções
Perguntas frequentes sobre Ícone Cooking
O ícone Cooking é 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 Cooking no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:cooking" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cooking 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/cooking.svg" alt="Ícone Cooking">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
