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
All cake icons →cakeAkar IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHeroIconscakeHuge IconscakeIconParkcakeIconPark OutlinecakeIconPark SolidcakeIconPark TwoTonecakeKeyline IconscakeMaterial 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 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
