cake icon
cake-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- cake-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign 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 IconcakeMyna UI IconscakeOpenMojicakePhosphorcakePixelarticons
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="M9.002 1.998H6.998v2.004h2.004zm4 0h-2.004v2.004h2.004zm4 0h-2.004v2.004h2.004zM9 10V5H7v5H3v5h3.162L9 15.946l3-1l3 1L17.838 15H21v-5h-4V5h-2v5h-2V5h-2v5zm12 7h-2.838L15 18.054l-3-1l-3 1L5.838 17H3v3H1v2h22v-2h-2z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignCakeFilled(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="M9.002 1.998H6.998v2.004h2.004zm4 0h-2.004v2.004h2.004zm4 0h-2.004v2.004h2.004zM9 10V5H7v5H3v5h3.162L9 15.946l3-1l3 1L17.838 15H21v-5h-4V5h-2v5h-2V5h-2v5zm12 7h-2.838L15 18.054l-3-1l-3 1L5.838 17H3v3H1v2h22v-2h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.002 1.998H6.998v2.004h2.004zm4 0h-2.004v2.004h2.004zm4 0h-2.004v2.004h2.004zM9 10V5H7v5H3v5h3.162L9 15.946l3-1l3 1L17.838 15H21v-5h-4V5h-2v5h-2V5h-2v5zm12 7h-2.838L15 18.054l-3-1l-3 1L5.838 17H3v3H1v2h22v-2h-2z"/></svg> </template>
CSS
.icon-cake-filled {
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%22M9.002%201.998H6.998v2.004h2.004zm4%200h-2.004v2.004h2.004zm4%200h-2.004v2.004h2.004zM9%2010V5H7v5H3v5h3.162L9%2015.946l3-1l3%201L17.838%2015H21v-5h-4V5h-2v5h-2V5h-2v5zm12%207h-2.838L15%2018.054l-3-1l-3%201L5.838%2017H3v3H1v2h22v-2h-2z%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%22M9.002%201.998H6.998v2.004h2.004zm4%200h-2.004v2.004h2.004zm4%200h-2.004v2.004h2.004zM9%2010V5H7v5H3v5h3.162L9%2015.946l3-1l3%201L17.838%2015H21v-5h-4V5h-2v5h-2V5h-2v5zm12%207h-2.838L15%2018.054l-3-1l-3%201L5.838%2017H3v3H1v2h22v-2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/cake-filled.svg?color=%231a73e8&size=48
