Иконка Cake Slice

streamline-plump-color:cake-slice

Иконка Cake Slice (streamline-plump-color:cake-slice) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Еда и напитки
Теги: cakeslice

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M3.003 28.284c-.004-.834.239-1.655.807-2.265c5.803-6.216 24.664-13.479 32.154-14.718a3.72 3.72 0 0 1 3.249 1.031C41.307 14.401 45 19.16 45 27c0 7.423-.326 11.912-.606 14.397c-.179 1.59-1.417 2.757-3.01 2.912c-3.01.294-8.69.69-17.396.69c-8.7 0-14.368-.396-17.374-.69c-1.591-.155-2.829-1.321-3.008-2.91c-.263-2.338-.568-6.451-.603-13.116Z"/><path fill="#8fbffa" d="M3.216 27a3.7 3.7 0 0 0-.212 1.283c.035 6.664.34 10.777.603 13.116c.179 1.588 1.417 2.755 3.008 2.91c3.005.294 8.673.69 17.373.69c8.706 0 14.386-.396 17.397-.69c1.592-.155 2.83-1.322 3.01-2.912c.28-2.485.606-6.974.606-14.397zM34 15a6 6 0 1 1-12 0a6 6 0 0 1 12 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M33.16 11.907a34 34 0 0 1 2.804-.606a3.72 3.72 0 0 1 3.249 1.031C41.307 14.401 45 19.16 45 27c0 7.423-.326 11.912-.606 14.397c-.179 1.59-1.417 2.757-3.01 2.912c-3.01.294-8.69.69-17.396.69c-8.7 0-14.368-.396-17.374-.69c-1.591-.155-2.829-1.321-3.008-2.91c-.263-2.338-.568-6.451-.603-13.116c-.004-.833.239-1.654.807-2.264c3.323-3.559 10.927-7.462 18.227-10.38"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M34 15a6 6 0 1 1-12 0a6 6 0 0 1 12 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M28 9c0-3.314-2.45-6-6-6m22 33H4m41-9H4"/></g></svg>

Как использовать иконку Cake Slice

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-plump-color:cake-slice" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump-color:cake-slice" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump-color:cake-slice" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--cake-slice]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:cake-slice"></div>

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

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

<iconify-icon icon="streamline-plump-color:cake-slice"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/cake-slice.svg" alt="Иконка Cake Slice" width="24" height="24">

Иконка Cake Slice в других наборах

Вопросы и ответы: Иконка Cake Slice

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

Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Plump color icons →