cake icon

cake from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name: cake
Set: Bootstrap Icons
Style: Outline
Viewbox: 16×16
License: MIT

1 other variant in Bootstrap Icons

The same icon in other sets

cakeAkar Icons cakeBoxIcons v2 cakeBoxIcons v2 Solid cakeDevicon cakeHeroIcons cakeHuge Icons cakeMaterial Line Icons cakeLucide cakeMajesticons cakeMaterial Symbols cakeMaterial Design Icons cake-fillMingCute Icon cakeOpenMoji cakePhosphor cakePixelarticons cake-fillRemix Icon cakeTabler Icons

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.994.013l-.595.79a.747.747 0 0 0 .101 1.01V4H5a2 2 0 0 0-2 2v3H2a2 2 0 0 0-2 2v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a2 2 0 0 0-2-2h-1V6a2 2 0 0 0-2-2H8.5V1.806A.747.747 0 0 0 8.592.802zM4 6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v.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.414zm0 1.414c.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.56V9H4zM1 11a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.793l-.354.354a.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.793zm11.646 1.854a1.915 1.915 0 0 0 2.354.279V15H1v-1.867c.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 0Z"/></svg>

React

import type { SVGProps } from "react";

export function BiCake(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.994.013l-.595.79a.747.747 0 0 0 .101 1.01V4H5a2 2 0 0 0-2 2v3H2a2 2 0 0 0-2 2v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a2 2 0 0 0-2-2h-1V6a2 2 0 0 0-2-2H8.5V1.806A.747.747 0 0 0 8.592.802zM4 6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v.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.414zm0 1.414c.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.56V9H4zM1 11a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.793l-.354.354a.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.793zm11.646 1.854a1.915 1.915 0 0 0 2.354.279V15H1v-1.867c.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 0Z"/></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.994.013l-.595.79a.747.747 0 0 0 .101 1.01V4H5a2 2 0 0 0-2 2v3H2a2 2 0 0 0-2 2v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a2 2 0 0 0-2-2h-1V6a2 2 0 0 0-2-2H8.5V1.806A.747.747 0 0 0 8.592.802zM4 6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v.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.414zm0 1.414c.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.56V9H4zM1 11a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.793l-.354.354a.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.793zm11.646 1.854a1.915 1.915 0 0 0 2.354.279V15H1v-1.867c.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 0Z"/></svg>
</template>

CSS

.icon-cake {
  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.994.013l-.595.79a.747.747%200%200%200%20.101%201.01V4H5a2%202%200%200%200-2%202v3H2a2%202%200%200%200-2%202v4a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-4a2%202%200%200%200-2-2h-1V6a2%202%200%200%200-2-2H8.5V1.806A.747.747%200%200%200%208.592.802zM4%206a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v.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.414zm0%201.414c.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.56V9H4zM1%2011a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v.793l-.354.354a.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.793zm11.646%201.854a1.915%201.915%200%200%200%202.354.279V15H1v-1.867c.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%200Z%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.994.013l-.595.79a.747.747%200%200%200%20.101%201.01V4H5a2%202%200%200%200-2%202v3H2a2%202%200%200%200-2%202v4a1%201%200%200%200%201%201h14a1%201%200%200%200%201-1v-4a2%202%200%200%200-2-2h-1V6a2%202%200%200%200-2-2H8.5V1.806A.747.747%200%200%200%208.592.802zM4%206a1%201%200%200%201%201-1h6a1%201%200%200%201%201%201v.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.414zm0%201.414c.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.56V9H4zM1%2011a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v.793l-.354.354a.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.793zm11.646%201.854a1.915%201.915%200%200%200%202.354.279V15H1v-1.867c.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%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/cake.svg?color=%231a73e8&size=48