cake icon
cake-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- cake-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
cakeAkar IconscakeBootstrap IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHeroIconscakeHuge IconscakeIconParkcakeIconPark OutlinecakeIconPark SolidcakeIconPark TwoTonecakeMaterial Line IconscakeLucidecakeMajesticonscakeMaterial Icon ThemecakeMaterial SymbolscakeMaterial Symbols LightcakeMaterial Design Iconscake-fillMingCute IconcakeMyna UI IconscakeOpenMojicakePixelarticonscake-fillRemix Icon
Use the cake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 112a20 20 0 0 0-20-20h-76V75.71A28 28 0 0 0 156 48c0-25.84-24.73-42.63-25.78-43.33a4 4 0 0 0-4.44 0C124.73 5.37 100 22.16 100 48a28 28 0 0 0 24 27.71V92H48a20 20 0 0 0-20 20v23.33a36.85 36.85 0 0 0 8 22.91V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-41.76a36.85 36.85 0 0 0 8-22.91ZM108 48c0-17.39 14.37-30.53 20-35c5.63 4.48 20 17.62 20 35a20 20 0 0 1-40 0m92 164H56a12 12 0 0 1-12-12v-34.27A35.16 35.16 0 0 0 63 172a36.13 36.13 0 0 0 33-19.48a36 36 0 0 0 64 0A36.13 36.13 0 0 0 192 172h1a35.16 35.16 0 0 0 19-6.26V200a12 12 0 0 1-12 12m20-76.67c0 15.39-12.21 28.25-27.21 28.66A28 28 0 0 1 164 136a4 4 0 0 0-8 0a28 28 0 0 1-56 0a4 4 0 0 0-8 0a28 28 0 0 1-28.79 28c-15-.41-27.21-13.27-27.21-28.66V112a12 12 0 0 1 12-12h160a12 12 0 0 1 12 12Z"/></svg>
React
import type { SVGProps } from "react";
export function PhCakeThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 112a20 20 0 0 0-20-20h-76V75.71A28 28 0 0 0 156 48c0-25.84-24.73-42.63-25.78-43.33a4 4 0 0 0-4.44 0C124.73 5.37 100 22.16 100 48a28 28 0 0 0 24 27.71V92H48a20 20 0 0 0-20 20v23.33a36.85 36.85 0 0 0 8 22.91V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-41.76a36.85 36.85 0 0 0 8-22.91ZM108 48c0-17.39 14.37-30.53 20-35c5.63 4.48 20 17.62 20 35a20 20 0 0 1-40 0m92 164H56a12 12 0 0 1-12-12v-34.27A35.16 35.16 0 0 0 63 172a36.13 36.13 0 0 0 33-19.48a36 36 0 0 0 64 0A36.13 36.13 0 0 0 192 172h1a35.16 35.16 0 0 0 19-6.26V200a12 12 0 0 1-12 12m20-76.67c0 15.39-12.21 28.25-27.21 28.66A28 28 0 0 1 164 136a4 4 0 0 0-8 0a28 28 0 0 1-56 0a4 4 0 0 0-8 0a28 28 0 0 1-28.79 28c-15-.41-27.21-13.27-27.21-28.66V112a12 12 0 0 1 12-12h160a12 12 0 0 1 12 12Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 112a20 20 0 0 0-20-20h-76V75.71A28 28 0 0 0 156 48c0-25.84-24.73-42.63-25.78-43.33a4 4 0 0 0-4.44 0C124.73 5.37 100 22.16 100 48a28 28 0 0 0 24 27.71V92H48a20 20 0 0 0-20 20v23.33a36.85 36.85 0 0 0 8 22.91V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-41.76a36.85 36.85 0 0 0 8-22.91ZM108 48c0-17.39 14.37-30.53 20-35c5.63 4.48 20 17.62 20 35a20 20 0 0 1-40 0m92 164H56a12 12 0 0 1-12-12v-34.27A35.16 35.16 0 0 0 63 172a36.13 36.13 0 0 0 33-19.48a36 36 0 0 0 64 0A36.13 36.13 0 0 0 192 172h1a35.16 35.16 0 0 0 19-6.26V200a12 12 0 0 1-12 12m20-76.67c0 15.39-12.21 28.25-27.21 28.66A28 28 0 0 1 164 136a4 4 0 0 0-8 0a28 28 0 0 1-56 0a4 4 0 0 0-8 0a28 28 0 0 1-28.79 28c-15-.41-27.21-13.27-27.21-28.66V112a12 12 0 0 1 12-12h160a12 12 0 0 1 12 12Z"/></svg> </template>
CSS
.icon-cake-thin {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228%20112a20%2020%200%200%200-20-20h-76V75.71A28%2028%200%200%200%20156%2048c0-25.84-24.73-42.63-25.78-43.33a4%204%200%200%200-4.44%200C124.73%205.37%20100%2022.16%20100%2048a28%2028%200%200%200%2024%2027.71V92H48a20%2020%200%200%200-20%2020v23.33a36.85%2036.85%200%200%200%208%2022.91V200a20%2020%200%200%200%2020%2020h144a20%2020%200%200%200%2020-20v-41.76a36.85%2036.85%200%200%200%208-22.91ZM108%2048c0-17.39%2014.37-30.53%2020-35c5.63%204.48%2020%2017.62%2020%2035a20%2020%200%200%201-40%200m92%20164H56a12%2012%200%200%201-12-12v-34.27A35.16%2035.16%200%200%200%2063%20172a36.13%2036.13%200%200%200%2033-19.48a36%2036%200%200%200%2064%200A36.13%2036.13%200%200%200%20192%20172h1a35.16%2035.16%200%200%200%2019-6.26V200a12%2012%200%200%201-12%2012m20-76.67c0%2015.39-12.21%2028.25-27.21%2028.66A28%2028%200%200%201%20164%20136a4%204%200%200%200-8%200a28%2028%200%200%201-56%200a4%204%200%200%200-8%200a28%2028%200%200%201-28.79%2028c-15-.41-27.21-13.27-27.21-28.66V112a12%2012%200%200%201%2012-12h160a12%2012%200%200%201%2012%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228%20112a20%2020%200%200%200-20-20h-76V75.71A28%2028%200%200%200%20156%2048c0-25.84-24.73-42.63-25.78-43.33a4%204%200%200%200-4.44%200C124.73%205.37%20100%2022.16%20100%2048a28%2028%200%200%200%2024%2027.71V92H48a20%2020%200%200%200-20%2020v23.33a36.85%2036.85%200%200%200%208%2022.91V200a20%2020%200%200%200%2020%2020h144a20%2020%200%200%200%2020-20v-41.76a36.85%2036.85%200%200%200%208-22.91ZM108%2048c0-17.39%2014.37-30.53%2020-35c5.63%204.48%2020%2017.62%2020%2035a20%2020%200%200%201-40%200m92%20164H56a12%2012%200%200%201-12-12v-34.27A35.16%2035.16%200%200%200%2063%20172a36.13%2036.13%200%200%200%2033-19.48a36%2036%200%200%200%2064%200A36.13%2036.13%200%200%200%20192%20172h1a35.16%2035.16%200%200%200%2019-6.26V200a12%2012%200%200%201-12%2012m20-76.67c0%2015.39-12.21%2028.25-27.21%2028.66A28%2028%200%200%201%20164%20136a4%204%200%200%200-8%200a28%2028%200%200%201-56%200a4%204%200%200%200-8%200a28%2028%200%200%201-28.79%2028c-15-.41-27.21-13.27-27.21-28.66V112a12%2012%200%200%201%2012-12h160a12%2012%200%200%201%2012%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cake-thin.svg?color=%231a73e8&size=48
