Ícone Cake2 Fill
bi:cake2-fill
O ícone Cake2 Fill (bi:cake2-fill) é um ícone SVG gratuito da coleção Bootstrap Icons de The Bootstrap Authors. Ele é desenhado em uma grade de 24 × 24. Bootstrap 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
- Bootstrap Icons
- Autor
- The Bootstrap Authors
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- cake2fill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="m2.899.804l.595-.792l.598.79A.747.747 0 0 1 4 1.806v4.886q-.532-.09-1-.201V1.813a.747.747 0 0 1-.1-1.01ZM13 1.806v4.685a15 15 0 0 1-1 .201v-4.88a.747.747 0 0 1-.1-1.007l.595-.792l.598.79A.746.746 0 0 1 13 1.806m-3 0a.746.746 0 0 0 .092-1.004l-.598-.79l-.595.792A.747.747 0 0 0 9 1.813v5.17q.512-.02 1-.055zm-3 0v5.176q-.512-.018-1-.054V1.813a.747.747 0 0 1-.1-1.01l.595-.79l.598.789A.747.747 0 0 1 7 1.806"/><path d="M4.5 6.988V4.226a23 23 0 0 1 1-.114V7.16c0 .131.101.24.232.25l.231.017q.498.037 1.02.055l.258.01a.25.25 0 0 0 .26-.25V4.003a29 29 0 0 1 1 0V7.24a.25.25 0 0 0 .258.25l.259-.009q.52-.018 1.019-.055l.231-.017a.25.25 0 0 0 .232-.25V4.112q.518.047 1 .114v2.762a.25.25 0 0 0 .292.246l.291-.049q.547-.091 1.033-.208l.192-.046a.25.25 0 0 0 .192-.243V4.621c.672.184 1.251.409 1.677.678c.415.261.823.655.823 1.2V13.5c0 .546-.408.94-.823 1.201c-.44.278-1.043.51-1.745.696c-1.41.376-3.33.603-5.432.603s-4.022-.227-5.432-.603c-.702-.187-1.305-.418-1.745-.696C.408 14.44 0 14.046 0 13.5v-7c0-.546.408-.94.823-1.201c.426-.269 1.005-.494 1.677-.678v2.067c0 .116.08.216.192.243l.192.046q.486.116 1.033.208l.292.05a.25.25 0 0 0 .291-.247M1 8.82v1.659a1.935 1.935 0 0 0 2.298.43a.935.935 0 0 1 1.08.175l.348.349a2 2 0 0 0 2.615.185l.059-.044a1 1 0 0 1 1.2 0l.06.044a2 2 0 0 0 2.613-.185l.348-.348a.94.94 0 0 1 1.082-.175c.781.39 1.718.208 2.297-.426V8.833l-.68.907a.94.94 0 0 1-1.17.276a1.94 1.94 0 0 0-2.236.363l-.348.348a1 1 0 0 1-1.307.092l-.06-.044a2 2 0 0 0-2.399 0l-.06.044a1 1 0 0 1-1.306-.092l-.35-.35a1.935 1.935 0 0 0-2.233-.362a.935.935 0 0 1-1.168-.277z"/></g></svg>Como usar o ícone Cake2 Fill
React
import { Icon } from "@iconify/react";
<Icon icon="bi:cake2-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bi:cake2-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bi:cake2-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--cake2-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:cake2-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bi:cake2-fill"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/bi/cake2-fill.svg" alt="Ícone Cake2 Fill" width="24" height="24">Ícones relacionados em Bootstrap Icons
Perguntas frequentes sobre Ícone Cake2 Fill
O ícone Cake2 Fill é grátis para uso comercial?
Sim. Bootstrap Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cake2 Fill no React?
Instale @iconify/react e renderize <Icon icon="bi:cake2-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cake2 Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bi/cake2-fill.svg" alt="Ícone Cake2 Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.