cake icon
cake-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.
- Name
- cake-16-solid
- Set
- HeroIcons
- Style
- Solid 16x16
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="m4.75 1l-.884.884a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.884a1.25 1.25 0 1 0 1.768 0zm-2.366.884L8 1l-.884.884a1.25 1.25 0 1 0 1.768 0M4 7a2 2 0 0 0-2 2v1.034a3.3 3.3 0 0 0 1.028-.167l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.25 3.25 0 0 0 2.056 0l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.3 3.3 0 0 0 1.028.167V9a2 2 0 0 0-2-2V5.75a.75.75 0 0 0-1.5 0V7H8.75V5.75a.75.75 0 0 0-1.5 0V7H5.5V5.75a.75.75 0 0 0-1.5 0zm10 4.534a4.8 4.8 0 0 1-1.502-.244l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157a4.75 4.75 0 0 1-3.004 0l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157A4.8 4.8 0 0 1 2 11.534V13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsCake16Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m4.75 1l-.884.884a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.884a1.25 1.25 0 1 0 1.768 0zm-2.366.884L8 1l-.884.884a1.25 1.25 0 1 0 1.768 0M4 7a2 2 0 0 0-2 2v1.034a3.3 3.3 0 0 0 1.028-.167l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.25 3.25 0 0 0 2.056 0l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.3 3.3 0 0 0 1.028.167V9a2 2 0 0 0-2-2V5.75a.75.75 0 0 0-1.5 0V7H8.75V5.75a.75.75 0 0 0-1.5 0V7H5.5V5.75a.75.75 0 0 0-1.5 0zm10 4.534a4.8 4.8 0 0 1-1.502-.244l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157a4.75 4.75 0 0 1-3.004 0l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157A4.8 4.8 0 0 1 2 11.534V13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m4.75 1l-.884.884a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.884a1.25 1.25 0 1 0 1.768 0zm-2.366.884L8 1l-.884.884a1.25 1.25 0 1 0 1.768 0M4 7a2 2 0 0 0-2 2v1.034a3.3 3.3 0 0 0 1.028-.167l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.25 3.25 0 0 0 2.056 0l.47-.157a4.75 4.75 0 0 1 3.004 0l.47.157a3.3 3.3 0 0 0 1.028.167V9a2 2 0 0 0-2-2V5.75a.75.75 0 0 0-1.5 0V7H8.75V5.75a.75.75 0 0 0-1.5 0V7H5.5V5.75a.75.75 0 0 0-1.5 0zm10 4.534a4.8 4.8 0 0 1-1.502-.244l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157a4.75 4.75 0 0 1-3.004 0l-.47-.157a3.25 3.25 0 0 0-2.056 0l-.47.157A4.8 4.8 0 0 1 2 11.534V13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1z"/></svg> </template>
CSS
.icon-cake-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.75%201l-.884.884a1.25%201.25%200%201%200%201.768%200zm6.5%200l-.884.884a1.25%201.25%200%201%200%201.768%200zm-2.366.884L8%201l-.884.884a1.25%201.25%200%201%200%201.768%200M4%207a2%202%200%200%200-2%202v1.034a3.3%203.3%200%200%200%201.028-.167l.47-.157a4.75%204.75%200%200%201%203.004%200l.47.157a3.25%203.25%200%200%200%202.056%200l.47-.157a4.75%204.75%200%200%201%203.004%200l.47.157a3.3%203.3%200%200%200%201.028.167V9a2%202%200%200%200-2-2V5.75a.75.75%200%200%200-1.5%200V7H8.75V5.75a.75.75%200%200%200-1.5%200V7H5.5V5.75a.75.75%200%200%200-1.5%200zm10%204.534a4.8%204.8%200%200%201-1.502-.244l-.47-.157a3.25%203.25%200%200%200-2.056%200l-.47.157a4.75%204.75%200%200%201-3.004%200l-.47-.157a3.25%203.25%200%200%200-2.056%200l-.47.157A4.8%204.8%200%200%201%202%2011.534V13a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4.75%201l-.884.884a1.25%201.25%200%201%200%201.768%200zm6.5%200l-.884.884a1.25%201.25%200%201%200%201.768%200zm-2.366.884L8%201l-.884.884a1.25%201.25%200%201%200%201.768%200M4%207a2%202%200%200%200-2%202v1.034a3.3%203.3%200%200%200%201.028-.167l.47-.157a4.75%204.75%200%200%201%203.004%200l.47.157a3.25%203.25%200%200%200%202.056%200l.47-.157a4.75%204.75%200%200%201%203.004%200l.47.157a3.3%203.3%200%200%200%201.028.167V9a2%202%200%200%200-2-2V5.75a.75.75%200%200%200-1.5%200V7H8.75V5.75a.75.75%200%200%200-1.5%200V7H5.5V5.75a.75.75%200%200%200-1.5%200zm10%204.534a4.8%204.8%200%200%201-1.502-.244l-.47-.157a3.25%203.25%200%200%200-2.056%200l-.47.157a4.75%204.75%200%200%201-3.004%200l-.47-.157a3.25%203.25%200%200%200-2.056%200l-.47.157A4.8%204.8%200%200%201%202%2011.534V13a1%201%200%200%200%201%201h10a1%201%200%200%200%201-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/cake-16-solid.svg?color=%231a73e8&size=48
