cake icon
cake-20-solid from HeroIcons by Refactoring UI Inc · Solid 20x20 · MIT Free for personal and commercial use.
- Name
- cake-20-solid
- Set
- HeroIcons
- Style
- Solid 20x20
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="m6.75.98l-.884.883a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.883a1.25 1.25 0 1 0 1.768 0zM10 .98l.884.883a1.25 1.25 0 1 1-1.768 0zM7.5 5.75a.75.75 0 0 0-1.5 0v.464c-1.179.305-2 1.39-2 2.622v.094q.15-.03.306-.052A43 43 0 0 1 10 8.5c1.93 0 3.83.129 5.694.378q.156.021.306.052v-.094c0-1.232-.821-2.317-2-2.622V5.75a.75.75 0 0 0-1.5 0v.318a46 46 0 0 0-1.75-.062V5.75a.75.75 0 0 0-1.5 0v.256q-.88.014-1.75.062zm-2.995 4.615A41 41 0 0 1 10 10q2.796.002 5.495.365C16.967 10.562 18 11.838 18 13.28v.693a3.7 3.7 0 0 1-1.665-.393a5.22 5.22 0 0 0-4.67 0a3.72 3.72 0 0 1-3.33 0a5.22 5.22 0 0 0-4.67 0A3.7 3.7 0 0 1 2 13.972v-.693c0-1.441 1.033-2.717 2.505-2.914m11.16 4.555a5.2 5.2 0 0 0 2.335.552V16.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 2 16.5v-1.028c.8 0 1.6-.184 2.335-.551a3.72 3.72 0 0 1 3.33 0c1.47.735 3.2.735 4.67 0a3.72 3.72 0 0 1 3.33 0"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsCake20Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m6.75.98l-.884.883a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.883a1.25 1.25 0 1 0 1.768 0zM10 .98l.884.883a1.25 1.25 0 1 1-1.768 0zM7.5 5.75a.75.75 0 0 0-1.5 0v.464c-1.179.305-2 1.39-2 2.622v.094q.15-.03.306-.052A43 43 0 0 1 10 8.5c1.93 0 3.83.129 5.694.378q.156.021.306.052v-.094c0-1.232-.821-2.317-2-2.622V5.75a.75.75 0 0 0-1.5 0v.318a46 46 0 0 0-1.75-.062V5.75a.75.75 0 0 0-1.5 0v.256q-.88.014-1.75.062zm-2.995 4.615A41 41 0 0 1 10 10q2.796.002 5.495.365C16.967 10.562 18 11.838 18 13.28v.693a3.7 3.7 0 0 1-1.665-.393a5.22 5.22 0 0 0-4.67 0a3.72 3.72 0 0 1-3.33 0a5.22 5.22 0 0 0-4.67 0A3.7 3.7 0 0 1 2 13.972v-.693c0-1.441 1.033-2.717 2.505-2.914m11.16 4.555a5.2 5.2 0 0 0 2.335.552V16.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 2 16.5v-1.028c.8 0 1.6-.184 2.335-.551a3.72 3.72 0 0 1 3.33 0c1.47.735 3.2.735 4.67 0a3.72 3.72 0 0 1 3.33 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="m6.75.98l-.884.883a1.25 1.25 0 1 0 1.768 0zm6.5 0l-.884.883a1.25 1.25 0 1 0 1.768 0zM10 .98l.884.883a1.25 1.25 0 1 1-1.768 0zM7.5 5.75a.75.75 0 0 0-1.5 0v.464c-1.179.305-2 1.39-2 2.622v.094q.15-.03.306-.052A43 43 0 0 1 10 8.5c1.93 0 3.83.129 5.694.378q.156.021.306.052v-.094c0-1.232-.821-2.317-2-2.622V5.75a.75.75 0 0 0-1.5 0v.318a46 46 0 0 0-1.75-.062V5.75a.75.75 0 0 0-1.5 0v.256q-.88.014-1.75.062zm-2.995 4.615A41 41 0 0 1 10 10q2.796.002 5.495.365C16.967 10.562 18 11.838 18 13.28v.693a3.7 3.7 0 0 1-1.665-.393a5.22 5.22 0 0 0-4.67 0a3.72 3.72 0 0 1-3.33 0a5.22 5.22 0 0 0-4.67 0A3.7 3.7 0 0 1 2 13.972v-.693c0-1.441 1.033-2.717 2.505-2.914m11.16 4.555a5.2 5.2 0 0 0 2.335.552V16.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 2 16.5v-1.028c.8 0 1.6-.184 2.335-.551a3.72 3.72 0 0 1 3.33 0c1.47.735 3.2.735 4.67 0a3.72 3.72 0 0 1 3.33 0"/></svg> </template>
CSS
.icon-cake-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.75.98l-.884.883a1.25%201.25%200%201%200%201.768%200zm6.5%200l-.884.883a1.25%201.25%200%201%200%201.768%200zM10%20.98l.884.883a1.25%201.25%200%201%201-1.768%200zM7.5%205.75a.75.75%200%200%200-1.5%200v.464c-1.179.305-2%201.39-2%202.622v.094q.15-.03.306-.052A43%2043%200%200%201%2010%208.5c1.93%200%203.83.129%205.694.378q.156.021.306.052v-.094c0-1.232-.821-2.317-2-2.622V5.75a.75.75%200%200%200-1.5%200v.318a46%2046%200%200%200-1.75-.062V5.75a.75.75%200%200%200-1.5%200v.256q-.88.014-1.75.062zm-2.995%204.615A41%2041%200%200%201%2010%2010q2.796.002%205.495.365C16.967%2010.562%2018%2011.838%2018%2013.28v.693a3.7%203.7%200%200%201-1.665-.393a5.22%205.22%200%200%200-4.67%200a3.72%203.72%200%200%201-3.33%200a5.22%205.22%200%200%200-4.67%200A3.7%203.7%200%200%201%202%2013.972v-.693c0-1.441%201.033-2.717%202.505-2.914m11.16%204.555a5.2%205.2%200%200%200%202.335.552V16.5a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%202%2016.5v-1.028c.8%200%201.6-.184%202.335-.551a3.72%203.72%200%200%201%203.33%200c1.47.735%203.2.735%204.67%200a3.72%203.72%200%200%201%203.33%200%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.75.98l-.884.883a1.25%201.25%200%201%200%201.768%200zm6.5%200l-.884.883a1.25%201.25%200%201%200%201.768%200zM10%20.98l.884.883a1.25%201.25%200%201%201-1.768%200zM7.5%205.75a.75.75%200%200%200-1.5%200v.464c-1.179.305-2%201.39-2%202.622v.094q.15-.03.306-.052A43%2043%200%200%201%2010%208.5c1.93%200%203.83.129%205.694.378q.156.021.306.052v-.094c0-1.232-.821-2.317-2-2.622V5.75a.75.75%200%200%200-1.5%200v.318a46%2046%200%200%200-1.75-.062V5.75a.75.75%200%200%200-1.5%200v.256q-.88.014-1.75.062zm-2.995%204.615A41%2041%200%200%201%2010%2010q2.796.002%205.495.365C16.967%2010.562%2018%2011.838%2018%2013.28v.693a3.7%203.7%200%200%201-1.665-.393a5.22%205.22%200%200%200-4.67%200a3.72%203.72%200%200%201-3.33%200a5.22%205.22%200%200%200-4.67%200A3.7%203.7%200%200%201%202%2013.972v-.693c0-1.441%201.033-2.717%202.505-2.914m11.16%204.555a5.2%205.2%200%200%200%202.335.552V16.5a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%202%2016.5v-1.028c.8%200%201.6-.184%202.335-.551a3.72%203.72%200%200%201%203.33%200c1.47.735%203.2.735%204.67%200a3.72%203.72%200%200%201%203.33%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/cake-20-solid.svg?color=%231a73e8&size=48
