Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as cupcake, heart, dessert, bakery, sweet, muffin, and food and restaurant. Created in a clean lineal color style with a white, silver, black, 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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0-17.673-14.327-32-32-32l32-192H0L32-32C14.327-32 0-17.673 0 0"
transform="translate(352 232)"
fill="#cedbf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32-192h-24L-22.46 9.21C-16.69 3.51-8.75 0 0 0"
transform="translate(384 200)"
fill="#9bb6f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32 0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32 0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32 0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32 0-17.673 14.327-32 32-32 17.673 0 32 14.327 32 32C32-14.327 17.673 0 0 0"
transform="translate(384 264)"
fill="#ccfff4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 70.692-57.308 128-128 128-4.047 0-8.048-.197-12-.564C-74.936 121.385-24 66.645-24 0-6.327 0 8-14.327 8-32 8-45.428-.275-56.917-12-61.665A31.896 31.896 0 0 1 0-64c17.673 0 32 14.327 32 32C32-14.327 17.673 0 0 0"
transform="translate(384 264)"
fill="#82dac6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.204 40.204c-10.248 10.248-10.248 26.863 0 37.111 10.248 10.248 26.863 10.248 37.111 0L0 74.223l3.313 3.092c10.248 10.248 26.863 10.248 37.111 0 10.248-10.248 10.248-26.863 0-37.111z"
transform="translate(255.89 256)"
fill="#ffb9d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a26.118 26.118 0 0 1-15.529 7.505C-5.762-2.776-5.914-19.025-16-29.111l-36.413-36.215 11.989-11.989L0-37.111C10.248-26.863 10.248-10.248 0 0"
transform="translate(296.314 333.315)"
fill="#ff8fa4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.204 40.204c-10.248 10.248-10.248 26.863 0 37.111 10.248 10.248 26.863 10.248 37.111 0L0 74.223l3.313 3.092c10.248 10.248 26.863 10.248 37.111 0 10.248-10.248 10.248-26.863 0-37.111z"
transform="translate(255.89 256)"
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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32"
transform="translate(224 232)"
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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32"
transform="translate(288 232)"
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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32"
transform="translate(352 232)"
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 0c59.221-11.233 104-63.264 104-125.753 17.673 0 32-14.327 32-32 0-17.674-14.327-32-32-32-17.673 0-32 14.326-32 32"
transform="translate(280 389.753)"
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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32 0 53.718 33.091 99.708 80 118.696"
transform="translate(160 232)"
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-16-96h-192l-32 192"
transform="translate(368 104)"
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-13.333-80"
transform="translate(384 200)"
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-14 168"
transform="translate(208 8)"
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 16 192"
transform="translate(304 8)"
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 0v-192"
transform="translate(256 200)"
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 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0"
transform="translate(288 408)"
fill="#ffb9d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.31-5.845 10.264-14.198 10.264-23.477 0-17.673-14.327-32-32-32-1.959 0-3.874.185-5.736.523 5.707-5.287 13.342-8.523 21.736-8.523 17.673 0 32 14.327 32 32C26.264-15.763 14.934-2.705 0 0"
transform="translate(261.736 439.477)"
fill="#ff8fa4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0Z"
transform="translate(288 408)"
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 0c0 35.346 28.654 64 64 64"
transform="translate(256 440)"
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 0h-16"
transform="translate(200 232)"
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 0h-16"
transform="translate(264 232)"
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 0h-16"
transform="translate(328 232)"
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 0h-16"
transform="translate(392 232)"
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 0h-16"
transform="translate(136 232)"
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