cake two icon
cake-two from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- cake-two
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More foods icons from IconPark
Use the cake two icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M40 17.9L31.0577 8L9 17.9V30H40V17.9Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 18H26.386C26.4489 18 26.5 18.0511 26.5 18.114V21.625C26.5 23.2128 27.7872 24.5 29.375 24.5V24.5C30.9628 24.5 32.25 23.2128 32.25 21.625V18.114C32.25 18.0511 32.3011 18 32.364 18H40"/><path d="M9.5 23.9568C8.89836 24.2575 8.33775 24.5769 7.82243 24.913C5.41836 26.481 4 28.4118 4 30.4999C4 35.7466 12.9543 39.9999 24 39.9999C35.0457 39.9999 44 35.7466 44 30.4999C44 28.3609 42.5116 26.3869 40 24.799"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkCakeTwo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeWidth="4"><path strokeLinecap="round" strokeLinejoin="round" d="M40 17.9L31.0577 8L9 17.9V30H40V17.9Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M9 18H26.386C26.4489 18 26.5 18.0511 26.5 18.114V21.625C26.5 23.2128 27.7872 24.5 29.375 24.5V24.5C30.9628 24.5 32.25 23.2128 32.25 21.625V18.114C32.25 18.0511 32.3011 18 32.364 18H40"/><path d="M9.5 23.9568C8.89836 24.2575 8.33775 24.5769 7.82243 24.913C5.41836 26.481 4 28.4118 4 30.4999C4 35.7466 12.9543 39.9999 24 39.9999C35.0457 39.9999 44 35.7466 44 30.4999C44 28.3609 42.5116 26.3869 40 24.799"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M40 17.9L31.0577 8L9 17.9V30H40V17.9Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 18H26.386C26.4489 18 26.5 18.0511 26.5 18.114V21.625C26.5 23.2128 27.7872 24.5 29.375 24.5V24.5C30.9628 24.5 32.25 23.2128 32.25 21.625V18.114C32.25 18.0511 32.3011 18 32.364 18H40"/><path d="M9.5 23.9568C8.89836 24.2575 8.33775 24.5769 7.82243 24.913C5.41836 26.481 4 28.4118 4 30.4999C4 35.7466 12.9543 39.9999 24 39.9999C35.0457 39.9999 44 35.7466 44 30.4999C44 28.3609 42.5116 26.3869 40 24.799"/></g></svg> </template>
CSS
.icon-cake-two {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40%2017.9L31.0577%208L9%2017.9V30H40V17.9Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2018H26.386C26.4489%2018%2026.5%2018.0511%2026.5%2018.114V21.625C26.5%2023.2128%2027.7872%2024.5%2029.375%2024.5V24.5C30.9628%2024.5%2032.25%2023.2128%2032.25%2021.625V18.114C32.25%2018.0511%2032.3011%2018%2032.364%2018H40%22%2F%3E%3Cpath%20d%3D%22M9.5%2023.9568C8.89836%2024.2575%208.33775%2024.5769%207.82243%2024.913C5.41836%2026.481%204%2028.4118%204%2030.4999C4%2035.7466%2012.9543%2039.9999%2024%2039.9999C35.0457%2039.9999%2044%2035.7466%2044%2030.4999C44%2028.3609%2042.5116%2026.3869%2040%2024.799%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M40%2017.9L31.0577%208L9%2017.9V30H40V17.9Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2018H26.386C26.4489%2018%2026.5%2018.0511%2026.5%2018.114V21.625C26.5%2023.2128%2027.7872%2024.5%2029.375%2024.5V24.5C30.9628%2024.5%2032.25%2023.2128%2032.25%2021.625V18.114C32.25%2018.0511%2032.3011%2018%2032.364%2018H40%22%2F%3E%3Cpath%20d%3D%22M9.5%2023.9568C8.89836%2024.2575%208.33775%2024.5769%207.82243%2024.913C5.41836%2026.481%204%2028.4118%204%2030.4999C4%2035.7466%2012.9543%2039.9999%2024%2039.9999C35.0457%2039.9999%2044%2035.7466%2044%2030.4999C44%2028.3609%2042.5116%2026.3869%2040%2024.799%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/cake-two.svg?color=%231a73e8&size=48
