food cake icon
food-cake-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- food-cake-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the food cake icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.814 1.667C7.076 1.32 7.482 1 8 1s.924.32 1.186.667c.269.355.45.813.51 1.267c.06.45.01.96-.267 1.375C9.134 4.75 8.639 5 8 5c-.64 0-1.134-.25-1.429-.691c-.276-.416-.327-.926-.267-1.375c.06-.454.241-.912.51-1.267M2.03 7.65A2 2 0 0 1 4 6h8a2 2 0 0 1 1.99 1.802a31 31 0 0 1-1.427 1.32c-.429.369-.878.728-1.277.993q-.301.2-.523.301a.8.8 0 0 1-.263.084c-.258 0-.432-.166-.821-.589l-.003-.003C9.34 9.544 8.84 9 8 9s-1.34.544-1.676.908l-.003.003c-.39.423-.563.589-.821.589a.3.3 0 0 1-.063-.014a1 1 0 0 1-.172-.068a4 4 0 0 1-.517-.302c-.396-.266-.85-.627-1.284-.997A33 33 0 0 1 2.01 7.8q.008-.076.02-.15M2 9.16c.243.223.523.472.816.722c.446.38.932.769 1.376 1.066c.221.148.442.28.648.377c.195.091.428.176.66.176c.728 0 1.192-.51 1.495-.844l.062-.067c.355-.387.585-.59.943-.59s.588.203.943.589l.062.067c.303.334.767.844 1.495.844c.236 0 .473-.081.677-.174a5 5 0 0 0 .662-.378c.45-.298.935-.689 1.377-1.07c.282-.242.55-.485.784-.702V13h.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H2z"/></svg>
React
import type { SVGProps } from "react";
export function FluentFoodCake16Filled(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="M6.814 1.667C7.076 1.32 7.482 1 8 1s.924.32 1.186.667c.269.355.45.813.51 1.267c.06.45.01.96-.267 1.375C9.134 4.75 8.639 5 8 5c-.64 0-1.134-.25-1.429-.691c-.276-.416-.327-.926-.267-1.375c.06-.454.241-.912.51-1.267M2.03 7.65A2 2 0 0 1 4 6h8a2 2 0 0 1 1.99 1.802a31 31 0 0 1-1.427 1.32c-.429.369-.878.728-1.277.993q-.301.2-.523.301a.8.8 0 0 1-.263.084c-.258 0-.432-.166-.821-.589l-.003-.003C9.34 9.544 8.84 9 8 9s-1.34.544-1.676.908l-.003.003c-.39.423-.563.589-.821.589a.3.3 0 0 1-.063-.014a1 1 0 0 1-.172-.068a4 4 0 0 1-.517-.302c-.396-.266-.85-.627-1.284-.997A33 33 0 0 1 2.01 7.8q.008-.076.02-.15M2 9.16c.243.223.523.472.816.722c.446.38.932.769 1.376 1.066c.221.148.442.28.648.377c.195.091.428.176.66.176c.728 0 1.192-.51 1.495-.844l.062-.067c.355-.387.585-.59.943-.59s.588.203.943.589l.062.067c.303.334.767.844 1.495.844c.236 0 .473-.081.677-.174a5 5 0 0 0 .662-.378c.45-.298.935-.689 1.377-1.07c.282-.242.55-.485.784-.702V13h.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.814 1.667C7.076 1.32 7.482 1 8 1s.924.32 1.186.667c.269.355.45.813.51 1.267c.06.45.01.96-.267 1.375C9.134 4.75 8.639 5 8 5c-.64 0-1.134-.25-1.429-.691c-.276-.416-.327-.926-.267-1.375c.06-.454.241-.912.51-1.267M2.03 7.65A2 2 0 0 1 4 6h8a2 2 0 0 1 1.99 1.802a31 31 0 0 1-1.427 1.32c-.429.369-.878.728-1.277.993q-.301.2-.523.301a.8.8 0 0 1-.263.084c-.258 0-.432-.166-.821-.589l-.003-.003C9.34 9.544 8.84 9 8 9s-1.34.544-1.676.908l-.003.003c-.39.423-.563.589-.821.589a.3.3 0 0 1-.063-.014a1 1 0 0 1-.172-.068a4 4 0 0 1-.517-.302c-.396-.266-.85-.627-1.284-.997A33 33 0 0 1 2.01 7.8q.008-.076.02-.15M2 9.16c.243.223.523.472.816.722c.446.38.932.769 1.376 1.066c.221.148.442.28.648.377c.195.091.428.176.66.176c.728 0 1.192-.51 1.495-.844l.062-.067c.355-.387.585-.59.943-.59s.588.203.943.589l.062.067c.303.334.767.844 1.495.844c.236 0 .473-.081.677-.174a5 5 0 0 0 .662-.378c.45-.298.935-.689 1.377-1.07c.282-.242.55-.485.784-.702V13h.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H2z"/></svg> </template>
CSS
.icon-food-cake-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.814%201.667C7.076%201.32%207.482%201%208%201s.924.32%201.186.667c.269.355.45.813.51%201.267c.06.45.01.96-.267%201.375C9.134%204.75%208.639%205%208%205c-.64%200-1.134-.25-1.429-.691c-.276-.416-.327-.926-.267-1.375c.06-.454.241-.912.51-1.267M2.03%207.65A2%202%200%200%201%204%206h8a2%202%200%200%201%201.99%201.802a31%2031%200%200%201-1.427%201.32c-.429.369-.878.728-1.277.993q-.301.2-.523.301a.8.8%200%200%201-.263.084c-.258%200-.432-.166-.821-.589l-.003-.003C9.34%209.544%208.84%209%208%209s-1.34.544-1.676.908l-.003.003c-.39.423-.563.589-.821.589a.3.3%200%200%201-.063-.014a1%201%200%200%201-.172-.068a4%204%200%200%201-.517-.302c-.396-.266-.85-.627-1.284-.997A33%2033%200%200%201%202.01%207.8q.008-.076.02-.15M2%209.16c.243.223.523.472.816.722c.446.38.932.769%201.376%201.066c.221.148.442.28.648.377c.195.091.428.176.66.176c.728%200%201.192-.51%201.495-.844l.062-.067c.355-.387.585-.59.943-.59s.588.203.943.589l.062.067c.303.334.767.844%201.495.844c.236%200%20.473-.081.677-.174a5%205%200%200%200%20.662-.378c.45-.298.935-.689%201.377-1.07c.282-.242.55-.485.784-.702V13h.5a.5.5%200%200%201%200%201h-13a.5.5%200%200%201%200-1H2z%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%22M6.814%201.667C7.076%201.32%207.482%201%208%201s.924.32%201.186.667c.269.355.45.813.51%201.267c.06.45.01.96-.267%201.375C9.134%204.75%208.639%205%208%205c-.64%200-1.134-.25-1.429-.691c-.276-.416-.327-.926-.267-1.375c.06-.454.241-.912.51-1.267M2.03%207.65A2%202%200%200%201%204%206h8a2%202%200%200%201%201.99%201.802a31%2031%200%200%201-1.427%201.32c-.429.369-.878.728-1.277.993q-.301.2-.523.301a.8.8%200%200%201-.263.084c-.258%200-.432-.166-.821-.589l-.003-.003C9.34%209.544%208.84%209%208%209s-1.34.544-1.676.908l-.003.003c-.39.423-.563.589-.821.589a.3.3%200%200%201-.063-.014a1%201%200%200%201-.172-.068a4%204%200%200%201-.517-.302c-.396-.266-.85-.627-1.284-.997A33%2033%200%200%201%202.01%207.8q.008-.076.02-.15M2%209.16c.243.223.523.472.816.722c.446.38.932.769%201.376%201.066c.221.148.442.28.648.377c.195.091.428.176.66.176c.728%200%201.192-.51%201.495-.844l.062-.067c.355-.387.585-.59.943-.59s.588.203.943.589l.062.067c.303.334.767.844%201.495.844c.236%200%20.473-.081.677-.174a5%205%200%200%200%20.662-.378c.45-.298.935-.689%201.377-1.07c.282-.242.55-.485.784-.702V13h.5a.5.5%200%200%201%200%201h-13a.5.5%200%200%201%200-1H2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/food-cake-16-filled.svg?color=%231a73e8&size=48
