Иконка Cake2 Fill

bi:cake2-fill

Иконка Cake2 Fill (bi:cake2-fill) — бесплатная SVG-иконка из набора Bootstrap Icons от The Bootstrap Authors. Она нарисована на сетке 24 × 24. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Bootstrap Icons
Автор: The Bootstrap Authors
Лицензия: MIT
Размер: 24 × 24
Теги: cake2fill

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="bi:cake2-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/bi/cake2-fill.svg" alt="Иконка Cake2 Fill" width="24" height="24">

Вопросы и ответы: Иконка Cake2 Fill

Можно ли бесплатно использовать иконку Cake2 Fill в коммерческих проектах?

Да. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cake2 Fill в React?

Установите @iconify/react и выведите <Icon icon="bi:cake2-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cake2 Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bi/cake2-fill.svg" alt="Иконка Cake2 Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Bootstrap Icons →