cake icon
cake-solid from HeroIcons by Refactoring UI Inc · Solid 24x24 · MIT Free for personal and commercial use.
- Name
- cake-solid
- Set
- HeroIcons
- Style
- Solid 24x24
- Viewbox
- 24×24
- License
- MIT
3 other variants in HeroIcons
The same icon in other sets
cakeAkar IconscakeBootstrap IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHuge IconscakeIconParkcakeIconPark OutlinecakeIconPark SolidcakeIconPark TwoTonecakeMaterial Line IconscakeLucidecakeMajesticonscakeMaterial Icon ThemecakeMaterial SymbolscakeMaterial Symbols LightcakeMaterial Design Iconscake-fillMingCute IconcakeMyna UI IconscakeOpenMojicakePhosphorcakePixelarticonscake-fillRemix Icon
Use the cake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15 1.784l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm.75 5.763q.747-.032 1.5-.042V6.75a.75.75 0 0 1 1.5 0v.755q.753.01 1.5.042V6.75a.75.75 0 0 1 1.5 0v.88l.307.022c1.55.117 2.693 1.427 2.693 2.946v1.018a62.2 62.2 0 0 0-13.5 0v-1.018c0-1.519 1.143-2.829 2.693-2.946l.307-.022v-.88a.75.75 0 0 1 1.5 0zM12 12.75c-2.472 0-4.9.184-7.274.54c-1.454.217-2.476 1.482-2.476 2.916v.384a4.1 4.1 0 0 1 2.585.364a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 2.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49 49 0 0 0 12 12.75m9.75 5.381a2.6 2.6 0 0 0-1.915.165a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-1.915-.165v2.494c0 1.035.84 1.875 1.875 1.875h15.75c1.035 0 1.875-.84 1.875-1.875z"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsCakeSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15 1.784l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm.75 5.763q.747-.032 1.5-.042V6.75a.75.75 0 0 1 1.5 0v.755q.753.01 1.5.042V6.75a.75.75 0 0 1 1.5 0v.88l.307.022c1.55.117 2.693 1.427 2.693 2.946v1.018a62.2 62.2 0 0 0-13.5 0v-1.018c0-1.519 1.143-2.829 2.693-2.946l.307-.022v-.88a.75.75 0 0 1 1.5 0zM12 12.75c-2.472 0-4.9.184-7.274.54c-1.454.217-2.476 1.482-2.476 2.916v.384a4.1 4.1 0 0 1 2.585.364a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 2.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49 49 0 0 0 12 12.75m9.75 5.381a2.6 2.6 0 0 0-1.915.165a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-1.915-.165v2.494c0 1.035.84 1.875 1.875 1.875h15.75c1.035 0 1.875-.84 1.875-1.875z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15 1.784l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm-3 0l-.796.795a1.125 1.125 0 1 0 1.592 0zm.75 5.763q.747-.032 1.5-.042V6.75a.75.75 0 0 1 1.5 0v.755q.753.01 1.5.042V6.75a.75.75 0 0 1 1.5 0v.88l.307.022c1.55.117 2.693 1.427 2.693 2.946v1.018a62.2 62.2 0 0 0-13.5 0v-1.018c0-1.519 1.143-2.829 2.693-2.946l.307-.022v-.88a.75.75 0 0 1 1.5 0zM12 12.75c-2.472 0-4.9.184-7.274.54c-1.454.217-2.476 1.482-2.476 2.916v.384a4.1 4.1 0 0 1 2.585.364a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 3.67 0a2.6 2.6 0 0 0 2.33 0a4.1 4.1 0 0 1 2.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49 49 0 0 0 12 12.75m9.75 5.381a2.6 2.6 0 0 0-1.915.165a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-2.33 0a4.1 4.1 0 0 1-3.67 0a2.6 2.6 0 0 0-1.915-.165v2.494c0 1.035.84 1.875 1.875 1.875h15.75c1.035 0 1.875-.84 1.875-1.875z"/></svg> </template>
CSS
.icon-cake-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15%201.784l-.796.795a1.125%201.125%200%201%200%201.592%200zm-3%200l-.796.795a1.125%201.125%200%201%200%201.592%200zm-3%200l-.796.795a1.125%201.125%200%201%200%201.592%200zm.75%205.763q.747-.032%201.5-.042V6.75a.75.75%200%200%201%201.5%200v.755q.753.01%201.5.042V6.75a.75.75%200%200%201%201.5%200v.88l.307.022c1.55.117%202.693%201.427%202.693%202.946v1.018a62.2%2062.2%200%200%200-13.5%200v-1.018c0-1.519%201.143-2.829%202.693-2.946l.307-.022v-.88a.75.75%200%200%201%201.5%200zM12%2012.75c-2.472%200-4.9.184-7.274.54c-1.454.217-2.476%201.482-2.476%202.916v.384a4.1%204.1%200%200%201%202.585.364a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%203.67%200a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%203.67%200a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%202.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49%2049%200%200%200%2012%2012.75m9.75%205.381a2.6%202.6%200%200%200-1.915.165a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-2.33%200a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-2.33%200a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-1.915-.165v2.494c0%201.035.84%201.875%201.875%201.875h15.75c1.035%200%201.875-.84%201.875-1.875z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15%201.784l-.796.795a1.125%201.125%200%201%200%201.592%200zm-3%200l-.796.795a1.125%201.125%200%201%200%201.592%200zm-3%200l-.796.795a1.125%201.125%200%201%200%201.592%200zm.75%205.763q.747-.032%201.5-.042V6.75a.75.75%200%200%201%201.5%200v.755q.753.01%201.5.042V6.75a.75.75%200%200%201%201.5%200v.88l.307.022c1.55.117%202.693%201.427%202.693%202.946v1.018a62.2%2062.2%200%200%200-13.5%200v-1.018c0-1.519%201.143-2.829%202.693-2.946l.307-.022v-.88a.75.75%200%200%201%201.5%200zM12%2012.75c-2.472%200-4.9.184-7.274.54c-1.454.217-2.476%201.482-2.476%202.916v.384a4.1%204.1%200%200%201%202.585.364a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%203.67%200a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%203.67%200a2.6%202.6%200%200%200%202.33%200a4.1%204.1%200%200%201%202.585-.364v-.384c0-1.434-1.022-2.7-2.476-2.917A49%2049%200%200%200%2012%2012.75m9.75%205.381a2.6%202.6%200%200%200-1.915.165a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-2.33%200a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-2.33%200a4.1%204.1%200%200%201-3.67%200a2.6%202.6%200%200%200-1.915-.165v2.494c0%201.035.84%201.875%201.875%201.875h15.75c1.035%200%201.875-.84%201.875-1.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/cake-solid.svg?color=%231a73e8&size=48
