Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as food, cupcake, dessert, bakery, sweet, baked, muffin, and food and restaurant. Created in a clean lineal color style with a black, red, maroon, 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 0 1.614-192h25.048c14.33 0 26.307 10.051 29.282 23.485L93.314 0Z"
transform="translate(357.838 199.5)"
fill="#ff6c84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15.808-192h51.725L95.919 0Z"
transform="translate(291.919 199.5)"
fill="#ff9592"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-192h51.727L95.919 0Z"
transform="translate(226 199.5)"
fill="#ffbe9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.192-192h51.727V0Z"
transform="translate(160.081 199.5)"
fill="#ff9592"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 58.386-192h51.725L95.919 0Z"
transform="translate(94.162 199.5)"
fill="#ffbe9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 37.37-168.515C40.346-181.949 52.322-192 66.652-192H91.7L63.314 0Z"
transform="translate(60.848 199.5)"
fill="#ffe7ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-75l75 30C45-20.146 24.853 0 0 0"
transform="translate(339.5 394.5)"
fill="#ffbe9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-137c-24.853 0-45-20.146-45-45l128.5-30L45-45C45-20.146 24.853 0 0 0"
transform="translate(309.5 394.5)"
fill="#ffe7ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-90l90 30C60-26.862 33.137 0 0 0"
transform="translate(384.5 349.5)"
fill="#ffbe9f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-227c-33.137 0-60-26.862-60-60l188.5-30L60-60C60-26.862 33.137 0 0 0"
transform="translate(354.5 349.5)"
fill="#ffe7ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-120H0c33.137 0 60 26.863 60 60C60-26.862 33.137 0 0 0"
transform="translate(444.5 289.5)"
fill="#9e3802"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-347c-33.137 0-60-26.862-60-60 0-33.137 26.863-60 60-60H0c33.137 0 60 26.863 60 60C60-26.862 33.137 0 0 0"
transform="translate(414.5 289.5)"
fill="#cf451b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(75 199.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.499 7.499 0 0 0-15 0c0 4.143 3.357 7.5 7.5 7.5S0 4.143 0 0"
transform="translate(45 229.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143-3.357-7.5-7.5-7.5A7.5 7.5 0 0 0-15 0a7.5 7.5 0 0 0 7.5 7.5C-3.357 7.5 0 4.143 0 0"
transform="translate(359.052 199.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.508-30c16.569 0 30-13.432 30-30v-105.246c0-8.385 6.994-15.136 15.467-14.737 7.936.374 14.041 7.21 14.041 15.154V-60c0 16.568 13.432 30 30 30z"
transform="translate(255.754 319.5)"
fill="#ffe7ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.854 29.854 0 0 1-15-4.023L-30-30l15-45c24.853 0 45 20.147 45 45C30-13.431 16.568 0 0 0"
transform="translate(271 504.5)"
fill="#ff364e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.568 0-30-13.431-30-30 0-24.853 20.147-45 45-45v70.977A29.854 29.854 0 0 1 0 0"
transform="translate(241 504.5)"
fill="#ff5233"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.854 29.854 0 0 1-15-4.023A29.854 29.854 0 0 1-30 0c-16.568 0-30-13.431-30-30 0-24.853 20.147-45 45-45s45 20.147 45 45C30-13.431 16.568 0 0 0Z"
transform="translate(271 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.718-138.515C-33.693-151.949-45.67-162-60-162h-257c-14.33 0-26.307 10.051-29.282 23.485L-377 0"
transform="translate(444.5 169.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h172.852c32.975 0 60.461 26.231 60.889 59.204.435 33.502-26.593 60.796-59.995 60.796H30c-16.568 0-30-13.432-30-30V-14.829c0-7.944-6.105-14.78-14.041-15.154-8.473-.399-15.467 6.352-15.467 14.737V90c0 16.568-13.431 30-30 30h-142.851c-32.976 0-60.462-26.231-60.89-59.204C-263.684 27.294-236.656 0-203.254 0h173.746"
transform="translate(270.754 169.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 33.138-26.863 60-60 60h-227"
transform="translate(444.5 289.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 24.853-20.147 45-45 45h-167c-24.853 0-45-20.147-45-45-33.137 0-60-26.862-60-60"
transform="translate(384.5 349.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-23.95 162"
transform="translate(152.548 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.975 162"
transform="translate(204.273 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v132"
transform="translate(256 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.975 162"
transform="translate(307.727 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 23.95 162"
transform="translate(359.452 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category