cake icon
cake-line from Remix Icon by Remix Design · Line · Food · Apache-2.0 Free for personal and commercial use.
- Name
- cake-line
- Set
- Remix Icon
- Style
- Line
- Category
- Food
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
cakeAkar IconscakeBootstrap IconscakeBoxIcons v2cakeBoxIcons v2 SolidcakeDeviconcakeFont Awesome SolidcakeHeroIconscakeHuge IconscakeIconParkcakeIconPark OutlinecakeIconPark SolidcakeIconPark TwoTonecakeMaterial Line IconscakeLucidecakeMajesticonscakeMaterial Icon ThemecakeMaterial SymbolscakeMaterial Symbols LightcakeMaterial Design Iconscake-fillMingCute IconcakeMyna UI IconscakeOpenMojicakePhosphorcakePixelarticons
More food icons from Remix Icon
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="M13 7v4h7a1 1 0 0 1 1 1v8h2v2H1v-2h2v-8a1 1 0 0 1 1-1h7V7zm6 6H5v7h14zM13.83.402A3 3 0 0 1 12.732 4.5L11 5.5a3 3 0 0 1 1.098-4.098z"/></svg>
React
import type { SVGProps } from "react";
export function RiCakeLine(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="M13 7v4h7a1 1 0 0 1 1 1v8h2v2H1v-2h2v-8a1 1 0 0 1 1-1h7V7zm6 6H5v7h14zM13.83.402A3 3 0 0 1 12.732 4.5L11 5.5a3 3 0 0 1 1.098-4.098z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 7v4h7a1 1 0 0 1 1 1v8h2v2H1v-2h2v-8a1 1 0 0 1 1-1h7V7zm6 6H5v7h14zM13.83.402A3 3 0 0 1 12.732 4.5L11 5.5a3 3 0 0 1 1.098-4.098z"/></svg> </template>
CSS
.icon-cake-line {
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%22M13%207v4h7a1%201%200%200%201%201%201v8h2v2H1v-2h2v-8a1%201%200%200%201%201-1h7V7zm6%206H5v7h14zM13.83.402A3%203%200%200%201%2012.732%204.5L11%205.5a3%203%200%200%201%201.098-4.098z%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%22M13%207v4h7a1%201%200%200%201%201%201v8h2v2H1v-2h2v-8a1%201%200%200%201%201-1h7V7zm6%206H5v7h14zM13.83.402A3%203%200%200%201%2012.732%204.5L11%205.5a3%203%200%200%201%201.098-4.098z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/cake-line.svg?color=%231a73e8&size=48
