cake icon
cake-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- cake-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M104 48c0-24 24-40 24-40s24 16 24 40a24 24 0 0 1-48 0m104 48H48a16 16 0 0 0-16 16v23.33c0 17.44 13.67 32.18 31.1 32.66A32 32 0 0 0 96 136a32 32 0 0 0 64 0a32 32 0 0 0 32.9 32c17.43-.48 31.1-15.22 31.1-32.66V112a16 16 0 0 0-16-16" opacity=".2"/><path d="M232 112a24 24 0 0 0-24-24h-72v-9a32.06 32.06 0 0 0 24-31c0-28-26.44-45.91-27.56-46.66a8 8 0 0 0-8.88 0C122.44 2.09 96 20 96 48a32.06 32.06 0 0 0 24 31v9H48a24 24 0 0 0-24 24v23.33a40.84 40.84 0 0 0 8 24.24V200a24 24 0 0 0 24 24h144a24 24 0 0 0 24-24v-40.43a40.84 40.84 0 0 0 8-24.24ZM112 48c0-13.57 10-24.46 16-29.79c6 5.33 16 16.22 16 29.79a16 16 0 0 1-32 0m-72 64a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8v23.33c0 13.25-10.46 24.31-23.32 24.66A24 24 0 0 1 168 136a8 8 0 0 0-16 0a24 24 0 0 1-48 0a8 8 0 0 0-16 0a24 24 0 0 1-24.68 24C50.46 159.64 40 148.58 40 135.33Zm160 96H56a8 8 0 0 1-8-8v-27.44A38.8 38.8 0 0 0 62.88 176a39.7 39.7 0 0 0 29-11.31A40.4 40.4 0 0 0 96 160a40 40 0 0 0 64 0a40.4 40.4 0 0 0 4.13 4.67A39.67 39.67 0 0 0 192 176h1.14a38.8 38.8 0 0 0 14.86-3.44V200a8 8 0 0 1-8 8"/></g></svg>
React
import type { SVGProps } from "react";
export function PhCakeDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M104 48c0-24 24-40 24-40s24 16 24 40a24 24 0 0 1-48 0m104 48H48a16 16 0 0 0-16 16v23.33c0 17.44 13.67 32.18 31.1 32.66A32 32 0 0 0 96 136a32 32 0 0 0 64 0a32 32 0 0 0 32.9 32c17.43-.48 31.1-15.22 31.1-32.66V112a16 16 0 0 0-16-16" opacity=".2"/><path d="M232 112a24 24 0 0 0-24-24h-72v-9a32.06 32.06 0 0 0 24-31c0-28-26.44-45.91-27.56-46.66a8 8 0 0 0-8.88 0C122.44 2.09 96 20 96 48a32.06 32.06 0 0 0 24 31v9H48a24 24 0 0 0-24 24v23.33a40.84 40.84 0 0 0 8 24.24V200a24 24 0 0 0 24 24h144a24 24 0 0 0 24-24v-40.43a40.84 40.84 0 0 0 8-24.24ZM112 48c0-13.57 10-24.46 16-29.79c6 5.33 16 16.22 16 29.79a16 16 0 0 1-32 0m-72 64a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8v23.33c0 13.25-10.46 24.31-23.32 24.66A24 24 0 0 1 168 136a8 8 0 0 0-16 0a24 24 0 0 1-48 0a8 8 0 0 0-16 0a24 24 0 0 1-24.68 24C50.46 159.64 40 148.58 40 135.33Zm160 96H56a8 8 0 0 1-8-8v-27.44A38.8 38.8 0 0 0 62.88 176a39.7 39.7 0 0 0 29-11.31A40.4 40.4 0 0 0 96 160a40 40 0 0 0 64 0a40.4 40.4 0 0 0 4.13 4.67A39.67 39.67 0 0 0 192 176h1.14a38.8 38.8 0 0 0 14.86-3.44V200a8 8 0 0 1-8 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M104 48c0-24 24-40 24-40s24 16 24 40a24 24 0 0 1-48 0m104 48H48a16 16 0 0 0-16 16v23.33c0 17.44 13.67 32.18 31.1 32.66A32 32 0 0 0 96 136a32 32 0 0 0 64 0a32 32 0 0 0 32.9 32c17.43-.48 31.1-15.22 31.1-32.66V112a16 16 0 0 0-16-16" opacity=".2"/><path d="M232 112a24 24 0 0 0-24-24h-72v-9a32.06 32.06 0 0 0 24-31c0-28-26.44-45.91-27.56-46.66a8 8 0 0 0-8.88 0C122.44 2.09 96 20 96 48a32.06 32.06 0 0 0 24 31v9H48a24 24 0 0 0-24 24v23.33a40.84 40.84 0 0 0 8 24.24V200a24 24 0 0 0 24 24h144a24 24 0 0 0 24-24v-40.43a40.84 40.84 0 0 0 8-24.24ZM112 48c0-13.57 10-24.46 16-29.79c6 5.33 16 16.22 16 29.79a16 16 0 0 1-32 0m-72 64a8 8 0 0 1 8-8h160a8 8 0 0 1 8 8v23.33c0 13.25-10.46 24.31-23.32 24.66A24 24 0 0 1 168 136a8 8 0 0 0-16 0a24 24 0 0 1-48 0a8 8 0 0 0-16 0a24 24 0 0 1-24.68 24C50.46 159.64 40 148.58 40 135.33Zm160 96H56a8 8 0 0 1-8-8v-27.44A38.8 38.8 0 0 0 62.88 176a39.7 39.7 0 0 0 29-11.31A40.4 40.4 0 0 0 96 160a40 40 0 0 0 64 0a40.4 40.4 0 0 0 4.13 4.67A39.67 39.67 0 0 0 192 176h1.14a38.8 38.8 0 0 0 14.86-3.44V200a8 8 0 0 1-8 8"/></g></svg> </template>
CSS
.icon-cake-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104%2048c0-24%2024-40%2024-40s24%2016%2024%2040a24%2024%200%200%201-48%200m104%2048H48a16%2016%200%200%200-16%2016v23.33c0%2017.44%2013.67%2032.18%2031.1%2032.66A32%2032%200%200%200%2096%20136a32%2032%200%200%200%2064%200a32%2032%200%200%200%2032.9%2032c17.43-.48%2031.1-15.22%2031.1-32.66V112a16%2016%200%200%200-16-16%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M232%20112a24%2024%200%200%200-24-24h-72v-9a32.06%2032.06%200%200%200%2024-31c0-28-26.44-45.91-27.56-46.66a8%208%200%200%200-8.88%200C122.44%202.09%2096%2020%2096%2048a32.06%2032.06%200%200%200%2024%2031v9H48a24%2024%200%200%200-24%2024v23.33a40.84%2040.84%200%200%200%208%2024.24V200a24%2024%200%200%200%2024%2024h144a24%2024%200%200%200%2024-24v-40.43a40.84%2040.84%200%200%200%208-24.24ZM112%2048c0-13.57%2010-24.46%2016-29.79c6%205.33%2016%2016.22%2016%2029.79a16%2016%200%200%201-32%200m-72%2064a8%208%200%200%201%208-8h160a8%208%200%200%201%208%208v23.33c0%2013.25-10.46%2024.31-23.32%2024.66A24%2024%200%200%201%20168%20136a8%208%200%200%200-16%200a24%2024%200%200%201-48%200a8%208%200%200%200-16%200a24%2024%200%200%201-24.68%2024C50.46%20159.64%2040%20148.58%2040%20135.33Zm160%2096H56a8%208%200%200%201-8-8v-27.44A38.8%2038.8%200%200%200%2062.88%20176a39.7%2039.7%200%200%200%2029-11.31A40.4%2040.4%200%200%200%2096%20160a40%2040%200%200%200%2064%200a40.4%2040.4%200%200%200%204.13%204.67A39.67%2039.67%200%200%200%20192%20176h1.14a38.8%2038.8%200%200%200%2014.86-3.44V200a8%208%200%200%201-8%208%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M104%2048c0-24%2024-40%2024-40s24%2016%2024%2040a24%2024%200%200%201-48%200m104%2048H48a16%2016%200%200%200-16%2016v23.33c0%2017.44%2013.67%2032.18%2031.1%2032.66A32%2032%200%200%200%2096%20136a32%2032%200%200%200%2064%200a32%2032%200%200%200%2032.9%2032c17.43-.48%2031.1-15.22%2031.1-32.66V112a16%2016%200%200%200-16-16%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M232%20112a24%2024%200%200%200-24-24h-72v-9a32.06%2032.06%200%200%200%2024-31c0-28-26.44-45.91-27.56-46.66a8%208%200%200%200-8.88%200C122.44%202.09%2096%2020%2096%2048a32.06%2032.06%200%200%200%2024%2031v9H48a24%2024%200%200%200-24%2024v23.33a40.84%2040.84%200%200%200%208%2024.24V200a24%2024%200%200%200%2024%2024h144a24%2024%200%200%200%2024-24v-40.43a40.84%2040.84%200%200%200%208-24.24ZM112%2048c0-13.57%2010-24.46%2016-29.79c6%205.33%2016%2016.22%2016%2029.79a16%2016%200%200%201-32%200m-72%2064a8%208%200%200%201%208-8h160a8%208%200%200%201%208%208v23.33c0%2013.25-10.46%2024.31-23.32%2024.66A24%2024%200%200%201%20168%20136a8%208%200%200%200-16%200a24%2024%200%200%201-48%200a8%208%200%200%200-16%200a24%2024%200%200%201-24.68%2024C50.46%20159.64%2040%20148.58%2040%20135.33Zm160%2096H56a8%208%200%200%201-8-8v-27.44A38.8%2038.8%200%200%200%2062.88%20176a39.7%2039.7%200%200%200%2029-11.31A40.4%2040.4%200%200%200%2096%20160a40%2040%200%200%200%2064%200a40.4%2040.4%200%200%200%204.13%204.67A39.67%2039.67%200%200%200%20192%20176h1.14a38.8%2038.8%200%200%200%2014.86-3.44V200a8%208%200%200%201-8%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cake-duotone.svg?color=%231a73e8&size=48
