Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as food, cupcake, dessert, bakery, sweet, birthday, baked, muffin, birthday cupcake, and food and restaurant. Created in a clean flat style, 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="512"
height="512"
viewBox="0 0 58 58"
>
<g id="Page-1" fill="none" fill-rule="evenodd">
<g id="004---Cupcakes">
<path id="Rectangle" d="m27 9.59h4v39.41h-4z" fill="#90bae1" />
<path
id="Path"
d="m55.82 35.88-.76 12.18c-.0317798.5287239-.4703227.9409542-1 .94h-16.12c-.5296773.0009542-.9682202-.4112761-1-.94l-.76-12.18 9.82-5.88z"
fill="#f29c1f"
/>
<path
id="Path"
d="m21.82 35.88-.76 12.18c-.0317798.5287239-.4703227.9409542-1 .94h-16.12c-.52967725.0009542-.96822017-.4112761-1-.94l-.76-12.18 9.82-3.88z"
fill="#f29c1f"
/>
<path
id="Path"
d="m6 53h46v4c0 .5522847-.4477153 1-1 1h-44c-.55228475 0-1-.4477153-1-1z"
fill="#2980ba"
/>
<path
id="Path"
d="m1 49h56c.5522847 0 1 .4477153 1 1v1c0 1.6568542-1.3431458 3-3 3h-52c-1.65685425 0-3-1.3431458-3-3v-1c0-.5522847.44771525-1 1-1z"
fill="#3b97d3"
/>
<circle id="Oval" cx="29" cy="5" fill="#b0d3f0" r="5" />
<path
id="Path"
d="m24 33c0 1.6568542-1.3431458 3-3 3-1.66 0-3-1-3-2 0 1-1.34 2-3 2s-3-1-3-2c0 1-1.34 2-3 2s-3-1-3-2c0 1-1.34 2-3 2-1.65685425 0-3-1.3431458-3-3s1.34314575-3 3-3h18c1.6568542 0 3 1.3431458 3 3z"
fill="#f0c419"
/>
<path
id="Path"
d="m19 26h-2c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2h-2c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2h-6c-1.1045695 0-2 .8954305-2 2s.8954305 2 2 2h-2c-1.1045695 0-2 .8954305-2 2s.8954305 2 2 2h-2c-1.1045695 0-2 .8954305-2 2s.8954305 2 2 2h14c1.1045695 0 2-.8954305 2-2s-.8954305-2-2-2z"
fill="#f3d55b"
/>
<circle id="Oval" cx="12" cy="16" fill="#e64c3c" r="3" />
<g fill="#e57e25">
<path
id="Path"
d="m7 46c-.55228475 0-1-.4477153-1-1v-5c0-.5522847.44771525-1 1-1s1 .4477153 1 1v5c0 .5522847-.44771525 1-1 1z"
/>
<path
id="Path"
d="m17 46c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1s1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1z"
/>
<path
id="Path"
d="m12 46c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1s1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1z"
/>
</g>
<path
id="Path"
d="m58 33c0 1.6568542-1.3431458 3-3 3-1.66 0-3-1-3-2 0 1-1.34 2-3 2s-3-1-3-2c0 1-1.34 2-3 2s-3-1-3-2c0 1-1.34 2-3 2-1.6568542 0-3-1.3431458-3-3s1.3431458-3 3-3h18c1.6568542 0 3 1.3431458 3 3z"
fill="#f3d55b"
/>
<path
id="Path"
d="m41 46c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1s1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1z"
fill="#e57e25"
/>
<path
id="Path"
d="m51 46c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1s1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1z"
fill="#e57e25"
/>
<path
id="Path"
d="m46 46c-.5522847 0-1-.4477153-1-1v-5c0-.5522847.4477153-1 1-1s1 .4477153 1 1v5c0 .5522847-.4477153 1-1 1z"
fill="#e57e25"
/>
<path
id="Path"
d="m35.8 30.25c-.34-1.61-.7-5.25 3.2-5.25 0 0-2-5 4-5 0 0-.85-2.05 2-3 3-1 3-2 3-2s3 3 1 5c6 0 4 5 4 5 3.9 0 3.54 3.64 3.2 5.25"
fill="#f9eab0"
/>
<circle id="Oval" cx="11" cy="15" fill="#fb7b76" r="1" />
<rect
id="Rectangle"
fill="#f9eab0"
height="4"
rx="2"
width="14"
x="5"
y="22"
/>
<rect
id="Rectangle"
fill="#f5efca"
height="4"
rx="2"
width="10"
x="7"
y="18"
/>
</g>
</g>
</svg>
More icons in the same style and category