cake icon
cake-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cake-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
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 IconcakeOpenMojicakePhosphorcakePixelarticonscake-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="M7 3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 7 3.25m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m-10 3a.75.75 0 0 1 .75.75v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25H18a2.77 2.77 0 0 1 2.75 2.73v7.27H22a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h1.25V13a3 3 0 0 1 .007-.191A2.77 2.77 0 0 1 6 10.25h.25V7A.75.75 0 0 1 7 6.25m-1 5.5c-.56 0-1.052.396-1.203.917c.568.549 1.167.675 1.665.522c.453-.14.989-.559 1.434-1.439zm10.12 0c.408.758.922 1.209 1.397 1.394c.525.205 1.126.135 1.699-.428A1.275 1.275 0 0 0 18 11.75zm-2.222 0h-3.78c.546 1.016 1.276 1.464 1.86 1.498c.558.032 1.32-.307 1.92-1.498"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCakeSolid(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="M7 3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 7 3.25m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m-10 3a.75.75 0 0 1 .75.75v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25H18a2.77 2.77 0 0 1 2.75 2.73v7.27H22a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h1.25V13a3 3 0 0 1 .007-.191A2.77 2.77 0 0 1 6 10.25h.25V7A.75.75 0 0 1 7 6.25m-1 5.5c-.56 0-1.052.396-1.203.917c.568.549 1.167.675 1.665.522c.453-.14.989-.559 1.434-1.439zm10.12 0c.408.758.922 1.209 1.397 1.394c.525.205 1.126.135 1.699-.428A1.275 1.275 0 0 0 18 11.75zm-2.222 0h-3.78c.546 1.016 1.276 1.464 1.86 1.498c.558.032 1.32-.307 1.92-1.498"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 3.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 7 3.25m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0V4a.75.75 0 0 1 .75-.75m-10 3a.75.75 0 0 1 .75.75v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25h3.5V7a.75.75 0 0 1 1.5 0v3.25H18a2.77 2.77 0 0 1 2.75 2.73v7.27H22a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h1.25V13a3 3 0 0 1 .007-.191A2.77 2.77 0 0 1 6 10.25h.25V7A.75.75 0 0 1 7 6.25m-1 5.5c-.56 0-1.052.396-1.203.917c.568.549 1.167.675 1.665.522c.453-.14.989-.559 1.434-1.439zm10.12 0c.408.758.922 1.209 1.397 1.394c.525.205 1.126.135 1.699-.428A1.275 1.275 0 0 0 18 11.75zm-2.222 0h-3.78c.546 1.016 1.276 1.464 1.86 1.498c.558.032 1.32-.307 1.92-1.498"/></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%22M7%203.25a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4A.75.75%200%200%201%207%203.25m5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4a.75.75%200%200%201%20.75-.75m5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4a.75.75%200%200%201%20.75-.75m-10%203a.75.75%200%200%201%20.75.75v3.25h3.5V7a.75.75%200%200%201%201.5%200v3.25h3.5V7a.75.75%200%200%201%201.5%200v3.25H18a2.77%202.77%200%200%201%202.75%202.73v7.27H22a.75.75%200%200%201%200%201.5H2a.75.75%200%200%201%200-1.5h1.25V13a3%203%200%200%201%20.007-.191A2.77%202.77%200%200%201%206%2010.25h.25V7A.75.75%200%200%201%207%206.25m-1%205.5c-.56%200-1.052.396-1.203.917c.568.549%201.167.675%201.665.522c.453-.14.989-.559%201.434-1.439zm10.12%200c.408.758.922%201.209%201.397%201.394c.525.205%201.126.135%201.699-.428A1.275%201.275%200%200%200%2018%2011.75zm-2.222%200h-3.78c.546%201.016%201.276%201.464%201.86%201.498c.558.032%201.32-.307%201.92-1.498%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%22M7%203.25a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4A.75.75%200%200%201%207%203.25m5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4a.75.75%200%200%201%20.75-.75m5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200V4a.75.75%200%200%201%20.75-.75m-10%203a.75.75%200%200%201%20.75.75v3.25h3.5V7a.75.75%200%200%201%201.5%200v3.25h3.5V7a.75.75%200%200%201%201.5%200v3.25H18a2.77%202.77%200%200%201%202.75%202.73v7.27H22a.75.75%200%200%201%200%201.5H2a.75.75%200%200%201%200-1.5h1.25V13a3%203%200%200%201%20.007-.191A2.77%202.77%200%200%201%206%2010.25h.25V7A.75.75%200%200%201%207%206.25m-1%205.5c-.56%200-1.052.396-1.203.917c.568.549%201.167.675%201.665.522c.453-.14.989-.559%201.434-1.439zm10.12%200c.408.758.922%201.209%201.397%201.394c.525.205%201.126.135%201.699-.428A1.275%201.275%200%200%200%2018%2011.75zm-2.222%200h-3.78c.546%201.016%201.276%201.464%201.86%201.498c.558.032%201.32-.307%201.92-1.498%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cake-solid.svg?color=%231a73e8&size=48
