Ícone Bagel
fluent-emoji-flat:bagel
O ícone Bagel (fluent-emoji-flat:bagel) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat 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 Flat
- 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"><path fill="#e19747" d="M28.993 16.954c0 5.216-4.243 8.376-9.45 8.376h-.109c-5.107 0-9.28-2.99-9.45-8.058v2.96c0 .11-.01.21-.01.319c0 5.216 4.244 9.449 9.45 9.449h.11c5.216 0 9.449-4.243 9.449-9.45c0-.109 0-.208-.01-.317h.01v-3.28z"/><path fill="#ffe5d9" d="m19.484 8.05l1.719-.099c.805-.05 1.6.209 2.226.726l1.33 1.083c.1.08.2.149.299.218l1.44.924a3.22 3.22 0 0 1 1.372 1.888l.437 1.66c.03.119.07.238.11.347l.625 1.6c.289.755.289 1.58 0 2.335l-.626 1.6c-.04.12-.079.229-.109.348l-.437 1.66a3.26 3.26 0 0 1-1.371 1.887l-1.441.924c-.1.07-.199.14-.298.219l-1.332 1.083a3.3 3.3 0 0 1-2.225.725l-1.72-.1a2.3 2.3 0 0 0-.367 0l-1.719.1c-.805.05-1.6-.209-2.226-.725L13.84 25.37c-.1-.08-.199-.15-.298-.219l-1.44-.924a3.22 3.22 0 0 1-1.372-1.888l-.437-1.66a4 4 0 0 0-.11-.347l-.626-1.59a3.26 3.26 0 0 1 0-2.335l.626-1.6c.04-.119.08-.228.11-.347l.437-1.66a3.26 3.26 0 0 1 1.371-1.888l1.44-.924c.1-.07.2-.139.299-.218l1.331-1.083a3.3 3.3 0 0 1 2.226-.726l1.72.1c.118-.01.238-.01.367-.01"/><path fill="#6d4534" d="M20.05 21.008h-1.003a2.406 2.406 0 0 1-2.405-2.405a2.406 2.406 0 0 1 2.405-2.405h1.003a2.406 2.406 0 0 1 2.405 2.405a2.4 2.4 0 0 1-2.405 2.405"/><path fill="#f3ad61" d="m8.415 2.953l-.1.04c-4.68 2.285-6.647 7.95-4.362 12.64c.04.098.09.188.14.277c2.364 4.482 7.899 6.32 12.49 4.094l.099-.05c4.69-2.275 6.647-7.949 4.372-12.639c-2.276-4.68-7.95-6.647-12.64-4.362"/><path fill="#402a32" d="M17.904 6.64a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0M5.563 12.045a.497.497 0 1 0 0-.993a.497.497 0 0 0 0 .993m6.936 6.945a.497.497 0 1 0 0-.993a.497.497 0 0 0 0 .994m-1.63-11.069a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994m3.766 7.76a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0m-6.27-1.997a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994m8.764-3.766a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0"/><path fill="#fff3d7" d="M12.499 5.11a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994M7.59 7.137a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994m10.314 9.32a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0m1.54-4.412a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994M8.087 16.457a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0m.338-6.171a.497.497 0 1 0 0-.993a.497.497 0 0 0 0 .993m8.655 3.031a.497.497 0 1 1-.995 0a.497.497 0 0 1 .994 0m-6.349 2.812a.497.497 0 1 0 0-.994a.497.497 0 0 0 0 .994m4.034-8.655a.497.497 0 1 1-.994 0a.497.497 0 0 1 .994 0"/><path fill="#6d4534" d="M13.095 13.963H12.09a2.406 2.406 0 0 1-2.404-2.405a2.407 2.407 0 0 1 2.404-2.404h1.004a2.406 2.406 0 0 1 2.404 2.404a2.4 2.4 0 0 1-2.404 2.405"/></g></svg>Como usar o ícone Bagel
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:bagel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:bagel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:bagel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--bagel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:bagel"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:bagel"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bagel.svg" alt="Ícone Bagel" width="24" height="24">O ícone Bagel em outras coleções
Perguntas frequentes sobre Ícone Bagel
O ícone Bagel é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bagel no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:bagel" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bagel a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bagel.svg" alt="Ícone Bagel">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.