Cake Slice icon
streamline-plump:cake-slice
The Cake Slice icon (streamline-plump:cake-slice) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- FoodDrink
- Tags
- cakeslice
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path 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 d="M34 15a6 6 0 1 1-12 0a6 6 0 0 1 12 0"/><path d="M28 9c0-3.314-2.45-6-6-6m22 33H4m41-9H4"/></g></svg>How to use the Cake Slice icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:cake-slice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:cake-slice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:cake-slice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--cake-slice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:cake-slice"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:cake-slice"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/cake-slice.svg" alt="Cake Slice icon" width="24" height="24">Related icons in Plump free icons
Cake Slice icon in other icon sets
Cake Slice icon FAQ
Is the Cake Slice icon free for commercial use?
Yes. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Cake Slice icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:cake-slice" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cake Slice icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/cake-slice.svg" alt="Cake Slice icon">, or paste the SVG code inline to style it with CSS.