Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as food, cupcake, dessert, bakery, sweet, and food and restaurant. Created in a clean lineal color style with a white, black, yellow, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-13.68 77.328-81.213 136.062-162.468 136.062-81.254 0-148.787-58.734-162.467-136.062-26.468-1.287-47.533-23.151-47.533-49.938 0-27.614 22.386-50 50-50 16.358 0 30.878 7.856 40 20 9.122-12.144 23.643-20 40-20 16.358 0 30.878 7.856 40 20 9.122-12.144 23.643-20 40-20 16.358 0 30.878 7.856 40 20 9.122-12.144 23.643-20 40-20 16.358 0 30.878 7.856 40 20 9.122-12.144 23.643-20 40-20 27.614 0 50 22.386 50 50C47.532-23.151 26.468-1.287 0 0"
transform="translate(418.468 313.938)"
fill="#ffa7dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.613-25.178 35.544-42.899 64.538-42.899S118.462-25.178 129.075 0C109.252 8.434 87.44 13.101 64.538 13.101 41.635 13.101 19.824 8.434 0 0"
transform="translate(191.462 436.899)"
fill="#ff8ad5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-6.726-8.954-16.394-15.564-27.562-18.425L-235-226H-5L27.562-18.425C16.394-15.564 6.727-8.954 0 0"
transform="translate(376 234)"
fill="#feff9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.091-17.909-40-40-40S-80-22.091-80 0s17.909 40 40 40S0 22.091 0 0"
transform="translate(296 464)"
fill="#ff7b7b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.357 0-30.878 7.856-40 20C-49.122 7.856-63.643 0-80 0s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20-22.383 0-41.328 14.709-47.704 34.988A49.974 49.974 0 0 1-370 20c0-27.614 22.386-50 50-50 16.357 0 30.878 7.856 40 20 9.122-12.144 23.643-20 40-20s30.878 7.856 40 20c9.122-12.144 23.643-20 40-20s30.878 7.856 40 20c9.122-12.144 23.643-20 40-20s30.878 7.856 40 20c9.122-12.144 23.643-20 40-20 27.614 0 50 22.386 50 50 0 5.224-.811 10.255-2.296 14.988C41.328 14.709 22.383 0 0 0"
transform="translate(416 244)"
fill="#ff8ad5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-9.122-12.144-23.643-20-40-20s-30.878 7.856-40 20c-6.726-8.954-16.394-15.564-27.562-18.425l4.657-29.691A80.7 80.7 0 0 1-240-39.225C-227.958-46.173-214.154-50-200-50s27.958 3.827 40 10.775C-147.958-46.173-134.154-50-120-50s27.958 3.827 40 10.775C-67.958-46.173-54.154-50-40-50s27.958 3.827 40 10.775a80.7 80.7 0 0 1 22.905-8.891l4.657 29.691C16.394-15.564 6.727-8.954 0 0"
transform="translate(376 234)"
fill="#f4f067"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.706-30h230l4.706 30z"
transform="translate(136.294 38)"
fill="#f4f067"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.785 0-31.146 10.343-37.081 25A39.854 39.854 0 0 1-40 10c0-22.091 17.909-40 40-40s40 17.909 40 40a39.873 39.873 0 0 1-2.918 15C31.146 10.343 16.785 0 0 0"
transform="translate(256 454)"
fill="#f75959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.091-17.909-40-40-40S-80-22.091-80 0s17.909 40 40 40S0 22.091 0 0Z"
transform="translate(296 464)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c64.67-14.3 115.08-66.53 126.69-132.17 26.47-1.29 47.53-23.15 47.53-49.94 0-27.61-22.39-50-50-50-16.36 0-30.88 7.86-40 20-9.12-12.14-23.64-20-40-20s-30.88 7.86-40 20c-9.12-12.14-23.64-20-40-20s-30.88 7.86-40 20c-9.12-12.14-23.64-20-40-20s-30.88 7.86-40 20c-9.12-12.14-23.64-20-40-20-27.61 0-50 22.39-50 50 0 26.79 21.06 48.65 47.53 49.94C-186.64-66.53-136.23-14.3-71.56 0"
transform="translate(291.78 446.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="100,15,830,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-32.563-207.574h-229.999L-295.125 0"
transform="translate(403.563 215.574)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="500,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0 23.299-208.817"
transform="translate(164 216.817)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-12.958 222"
transform="translate(233.299 8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="140,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-23.299-208.817"
transform="translate(348 216.817)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-12.958-222"
transform="translate(291.66 230)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a134.158 134.158 0 0 1-61.554 62.052"
transform="translate(377.554 344)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,15,15,15,600,15"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(153.5 293)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(184 344)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(224 304)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(244 364)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(183 384)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(132 334)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(273 274)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(303 324)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(343 294)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category