cake logo
cake from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- cake
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo 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
Use the cake logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.569 3c-1.48 0-2.475 1.35-2.194 2.812l.562 3.375C4.721 10.144 3 11.887 3 13.97v1.293c0 1.744 1.136 3.207 2.728 4.163C7.371 20.437 9.525 21 11.972 21s4.601-.563 6.244-1.575C19.864 18.469 21 17.006 21 15.262V13.97c0-2.081-1.721-3.77-3.937-4.725l.562-3.432C17.85 4.35 16.798 3 15.319 3c-1.305 0-2.194 1.069-2.194 2.362V8.39a9 9 0 0 0-1.153-.057h-1.283l.186-2.97C10.875 4.07 9.868 3 8.569 3m.337 12.375c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407s-.844.647-.844 1.407s.371 1.406.844 1.406m6.187 0c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407c-.472 0-.843.647-.843 1.407s.37 1.406.843 1.406" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenCake(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" fillRule="evenodd" d="M8.569 3c-1.48 0-2.475 1.35-2.194 2.812l.562 3.375C4.721 10.144 3 11.887 3 13.97v1.293c0 1.744 1.136 3.207 2.728 4.163C7.371 20.437 9.525 21 11.972 21s4.601-.563 6.244-1.575C19.864 18.469 21 17.006 21 15.262V13.97c0-2.081-1.721-3.77-3.937-4.725l.562-3.432C17.85 4.35 16.798 3 15.319 3c-1.305 0-2.194 1.069-2.194 2.362V8.39a9 9 0 0 0-1.153-.057h-1.283l.186-2.97C10.875 4.07 9.868 3 8.569 3m.337 12.375c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407s-.844.647-.844 1.407s.371 1.406.844 1.406m6.187 0c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407c-.472 0-.843.647-.843 1.407s.37 1.406.843 1.406" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.569 3c-1.48 0-2.475 1.35-2.194 2.812l.562 3.375C4.721 10.144 3 11.887 3 13.97v1.293c0 1.744 1.136 3.207 2.728 4.163C7.371 20.437 9.525 21 11.972 21s4.601-.563 6.244-1.575C19.864 18.469 21 17.006 21 15.262V13.97c0-2.081-1.721-3.77-3.937-4.725l.562-3.432C17.85 4.35 16.798 3 15.319 3c-1.305 0-2.194 1.069-2.194 2.362V8.39a9 9 0 0 0-1.153-.057h-1.283l.186-2.97C10.875 4.07 9.868 3 8.569 3m.337 12.375c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407s-.844.647-.844 1.407s.371 1.406.844 1.406m6.187 0c.473 0 .844-.647.844-1.406c0-.76-.371-1.407-.844-1.407c-.472 0-.843.647-.843 1.407s.37 1.406.843 1.406" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.569%203c-1.48%200-2.475%201.35-2.194%202.812l.562%203.375C4.721%2010.144%203%2011.887%203%2013.97v1.293c0%201.744%201.136%203.207%202.728%204.163C7.371%2020.437%209.525%2021%2011.972%2021s4.601-.563%206.244-1.575C19.864%2018.469%2021%2017.006%2021%2015.262V13.97c0-2.081-1.721-3.77-3.937-4.725l.562-3.432C17.85%204.35%2016.798%203%2015.319%203c-1.305%200-2.194%201.069-2.194%202.362V8.39a9%209%200%200%200-1.153-.057h-1.283l.186-2.97C10.875%204.07%209.868%203%208.569%203m.337%2012.375c.473%200%20.844-.647.844-1.406c0-.76-.371-1.407-.844-1.407s-.844.647-.844%201.407s.371%201.406.844%201.406m6.187%200c.473%200%20.844-.647.844-1.406c0-.76-.371-1.407-.844-1.407c-.472%200-.843.647-.843%201.407s.37%201.406.843%201.406%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M8.569%203c-1.48%200-2.475%201.35-2.194%202.812l.562%203.375C4.721%2010.144%203%2011.887%203%2013.97v1.293c0%201.744%201.136%203.207%202.728%204.163C7.371%2020.437%209.525%2021%2011.972%2021s4.601-.563%206.244-1.575C19.864%2018.469%2021%2017.006%2021%2015.262V13.97c0-2.081-1.721-3.77-3.937-4.725l.562-3.432C17.85%204.35%2016.798%203%2015.319%203c-1.305%200-2.194%201.069-2.194%202.362V8.39a9%209%200%200%200-1.153-.057h-1.283l.186-2.97C10.875%204.07%209.868%203%208.569%203m.337%2012.375c.473%200%20.844-.647.844-1.406c0-.76-.371-1.407-.844-1.407s-.844.647-.844%201.407s.371%201.406.844%201.406m6.187%200c.473%200%20.844-.647.844-1.406c0-.76-.371-1.407-.844-1.407c-.472%200-.843.647-.843%201.407s.37%201.406.843%201.406%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/cake.svg?color=%231a73e8&size=48
