cake icon
cake-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- cake-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
The same icon in other sets
cakeAkar IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHeroIconscakeHuge 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="m7.399.804l.595-.792l.598.79A.747.747 0 0 1 8.5 1.806V4H11a2 2 0 0 1 2 2v3h1a2 2 0 0 1 2 2v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a2 2 0 0 1 2-2h1V6a2 2 0 0 1 2-2h2.5V1.813a.747.747 0 0 1-.101-1.01ZM12 6.414a.9.9 0 0 1-.646-.268a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0A.9.9 0 0 1 4 6.414v1c.49 0 .98-.187 1.354-.56a.914.914 0 0 1 1.292 0c.748.747 1.96.747 2.708 0a.914.914 0 0 1 1.292 0c.374.373.864.56 1.354.56zm2.646 5.732a.914.914 0 0 1-1.293 0a1.914 1.914 0 0 0-2.707 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0L1 11.793v1.34c.737.452 1.715.36 2.354-.28a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.708 0a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.707 0a.914.914 0 0 1 1.293 0a1.915 1.915 0 0 0 2.354.28v-1.34z"/></svg>
React
import type { SVGProps } from "react";
export function BiCakeFill(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="m7.399.804l.595-.792l.598.79A.747.747 0 0 1 8.5 1.806V4H11a2 2 0 0 1 2 2v3h1a2 2 0 0 1 2 2v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a2 2 0 0 1 2-2h1V6a2 2 0 0 1 2-2h2.5V1.813a.747.747 0 0 1-.101-1.01ZM12 6.414a.9.9 0 0 1-.646-.268a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0A.9.9 0 0 1 4 6.414v1c.49 0 .98-.187 1.354-.56a.914.914 0 0 1 1.292 0c.748.747 1.96.747 2.708 0a.914.914 0 0 1 1.292 0c.374.373.864.56 1.354.56zm2.646 5.732a.914.914 0 0 1-1.293 0a1.914 1.914 0 0 0-2.707 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0L1 11.793v1.34c.737.452 1.715.36 2.354-.28a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.708 0a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.707 0a.914.914 0 0 1 1.293 0a1.915 1.915 0 0 0 2.354.28v-1.34z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m7.399.804l.595-.792l.598.79A.747.747 0 0 1 8.5 1.806V4H11a2 2 0 0 1 2 2v3h1a2 2 0 0 1 2 2v4a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-4a2 2 0 0 1 2-2h1V6a2 2 0 0 1 2-2h2.5V1.813a.747.747 0 0 1-.101-1.01ZM12 6.414a.9.9 0 0 1-.646-.268a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0A.9.9 0 0 1 4 6.414v1c.49 0 .98-.187 1.354-.56a.914.914 0 0 1 1.292 0c.748.747 1.96.747 2.708 0a.914.914 0 0 1 1.292 0c.374.373.864.56 1.354.56zm2.646 5.732a.914.914 0 0 1-1.293 0a1.914 1.914 0 0 0-2.707 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0a1.914 1.914 0 0 0-2.708 0a.914.914 0 0 1-1.292 0L1 11.793v1.34c.737.452 1.715.36 2.354-.28a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.708 0a.914.914 0 0 1 1.292 0c.748.748 1.96.748 2.707 0a.914.914 0 0 1 1.293 0a1.915 1.915 0 0 0 2.354.28v-1.34z"/></svg> </template>
CSS
.icon-cake-fill {
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%22m7.399.804l.595-.792l.598.79A.747.747%200%200%201%208.5%201.806V4H11a2%202%200%200%201%202%202v3h1a2%202%200%200%201%202%202v4a1%201%200%200%201-1%201H1a1%201%200%200%201-1-1v-4a2%202%200%200%201%202-2h1V6a2%202%200%200%201%202-2h2.5V1.813a.747.747%200%200%201-.101-1.01ZM12%206.414a.9.9%200%200%201-.646-.268a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200A.9.9%200%200%201%204%206.414v1c.49%200%20.98-.187%201.354-.56a.914.914%200%200%201%201.292%200c.748.747%201.96.747%202.708%200a.914.914%200%200%201%201.292%200c.374.373.864.56%201.354.56zm2.646%205.732a.914.914%200%200%201-1.293%200a1.914%201.914%200%200%200-2.707%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200L1%2011.793v1.34c.737.452%201.715.36%202.354-.28a.914.914%200%200%201%201.292%200c.748.748%201.96.748%202.708%200a.914.914%200%200%201%201.292%200c.748.748%201.96.748%202.707%200a.914.914%200%200%201%201.293%200a1.915%201.915%200%200%200%202.354.28v-1.34z%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%22m7.399.804l.595-.792l.598.79A.747.747%200%200%201%208.5%201.806V4H11a2%202%200%200%201%202%202v3h1a2%202%200%200%201%202%202v4a1%201%200%200%201-1%201H1a1%201%200%200%201-1-1v-4a2%202%200%200%201%202-2h1V6a2%202%200%200%201%202-2h2.5V1.813a.747.747%200%200%201-.101-1.01ZM12%206.414a.9.9%200%200%201-.646-.268a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200A.9.9%200%200%201%204%206.414v1c.49%200%20.98-.187%201.354-.56a.914.914%200%200%201%201.292%200c.748.747%201.96.747%202.708%200a.914.914%200%200%201%201.292%200c.374.373.864.56%201.354.56zm2.646%205.732a.914.914%200%200%201-1.293%200a1.914%201.914%200%200%200-2.707%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200a1.914%201.914%200%200%200-2.708%200a.914.914%200%200%201-1.292%200L1%2011.793v1.34c.737.452%201.715.36%202.354-.28a.914.914%200%200%201%201.292%200c.748.748%201.96.748%202.708%200a.914.914%200%200%201%201.292%200c.748.748%201.96.748%202.707%200a.914.914%200%200%201%201.293%200a1.915%201.915%200%200%200%202.354.28v-1.34z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/cake-fill.svg?color=%231a73e8&size=48
