cake icon
cake-outline-rounded from Material Symbols Light by Google · Outline Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- cake-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
cakeAkar IconscakeBootstrap IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHeroIconscakeHuge IconscakeIconParkcakeIconPark OutlinecakeIconPark SolidcakeIconPark TwoTonecakeMaterial Line IconscakeLucidecakeMajesticonscakeMaterial Icon ThemecakeMaterial SymbolscakeMaterial Design Iconscake-fillMingCute IconcakeMyna UI IconscakeOpenMojicakePhosphorcakePixelarticonscake-fillRemix Icon
More activities icons from Material Symbols Light
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="M4.73 21q-.309 0-.52-.23q-.21-.23-.21-.54v-4.768q0-.671.472-1.144t1.143-.472H6V9.692q0-.67.472-1.143q.472-.472 1.143-.472H11.5V6.588q-.43-.28-.715-.638t-.285-.842q0-.298.112-.565t.334-.49l.762-.76q.03-.031.292-.131q.05 0 .292.13l.762.762q.223.223.334.49t.112.564q0 .484-.285.842q-.284.358-.715.639v1.488h3.884q.672 0 1.144.472T18 9.692v4.154h.385q.67 0 1.143.472q.472.473.472 1.144v4.769q0 .31-.23.54t-.54.229zM7 13.846h10V9.692q0-.269-.173-.442t-.442-.173h-8.77q-.269 0-.442.173T7 9.692zM5 20h14v-4.538q0-.27-.173-.443t-.442-.173H5.615q-.269 0-.442.173T5 15.462zm2-6.154h10zM5 20h14zm13-6.154H6z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCakeOutlineRounded(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="M4.73 21q-.309 0-.52-.23q-.21-.23-.21-.54v-4.768q0-.671.472-1.144t1.143-.472H6V9.692q0-.67.472-1.143q.472-.472 1.143-.472H11.5V6.588q-.43-.28-.715-.638t-.285-.842q0-.298.112-.565t.334-.49l.762-.76q.03-.031.292-.131q.05 0 .292.13l.762.762q.223.223.334.49t.112.564q0 .484-.285.842q-.284.358-.715.639v1.488h3.884q.672 0 1.144.472T18 9.692v4.154h.385q.67 0 1.143.472q.472.473.472 1.144v4.769q0 .31-.23.54t-.54.229zM7 13.846h10V9.692q0-.269-.173-.442t-.442-.173h-8.77q-.269 0-.442.173T7 9.692zM5 20h14v-4.538q0-.27-.173-.443t-.442-.173H5.615q-.269 0-.442.173T5 15.462zm2-6.154h10zM5 20h14zm13-6.154H6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.73 21q-.309 0-.52-.23q-.21-.23-.21-.54v-4.768q0-.671.472-1.144t1.143-.472H6V9.692q0-.67.472-1.143q.472-.472 1.143-.472H11.5V6.588q-.43-.28-.715-.638t-.285-.842q0-.298.112-.565t.334-.49l.762-.76q.03-.031.292-.131q.05 0 .292.13l.762.762q.223.223.334.49t.112.564q0 .484-.285.842q-.284.358-.715.639v1.488h3.884q.672 0 1.144.472T18 9.692v4.154h.385q.67 0 1.143.472q.472.473.472 1.144v4.769q0 .31-.23.54t-.54.229zM7 13.846h10V9.692q0-.269-.173-.442t-.442-.173h-8.77q-.269 0-.442.173T7 9.692zM5 20h14v-4.538q0-.27-.173-.443t-.442-.173H5.615q-.269 0-.442.173T5 15.462zm2-6.154h10zM5 20h14zm13-6.154H6z"/></svg> </template>
CSS
.icon-cake-outline-rounded {
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%22M4.73%2021q-.309%200-.52-.23q-.21-.23-.21-.54v-4.768q0-.671.472-1.144t1.143-.472H6V9.692q0-.67.472-1.143q.472-.472%201.143-.472H11.5V6.588q-.43-.28-.715-.638t-.285-.842q0-.298.112-.565t.334-.49l.762-.76q.03-.031.292-.131q.05%200%20.292.13l.762.762q.223.223.334.49t.112.564q0%20.484-.285.842q-.284.358-.715.639v1.488h3.884q.672%200%201.144.472T18%209.692v4.154h.385q.67%200%201.143.472q.472.473.472%201.144v4.769q0%20.31-.23.54t-.54.229zM7%2013.846h10V9.692q0-.269-.173-.442t-.442-.173h-8.77q-.269%200-.442.173T7%209.692zM5%2020h14v-4.538q0-.27-.173-.443t-.442-.173H5.615q-.269%200-.442.173T5%2015.462zm2-6.154h10zM5%2020h14zm13-6.154H6z%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%22M4.73%2021q-.309%200-.52-.23q-.21-.23-.21-.54v-4.768q0-.671.472-1.144t1.143-.472H6V9.692q0-.67.472-1.143q.472-.472%201.143-.472H11.5V6.588q-.43-.28-.715-.638t-.285-.842q0-.298.112-.565t.334-.49l.762-.76q.03-.031.292-.131q.05%200%20.292.13l.762.762q.223.223.334.49t.112.564q0%20.484-.285.842q-.284.358-.715.639v1.488h3.884q.672%200%201.144.472T18%209.692v4.154h.385q.67%200%201.143.472q.472.473.472%201.144v4.769q0%20.31-.23.54t-.54.229zM7%2013.846h10V9.692q0-.269-.173-.442t-.442-.173h-8.77q-.269%200-.442.173T7%209.692zM5%2020h14v-4.538q0-.27-.173-.443t-.442-.173H5.615q-.269%200-.442.173T5%2015.462zm2-6.154h10zM5%2020h14zm13-6.154H6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/cake-outline-rounded.svg?color=%231a73e8&size=48
