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 color 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 510 510"
>
<linearGradient
id="i"
x1="255"
x2="255"
y1="237.149"
y2="95.329"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb37e" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient
id="j"
x1="262.023"
x2="258.415"
y1="168.937"
y2="254.92"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8c6239" stop-opacity="0" />
<stop offset=".138" stop-color="#8c6239" stop-opacity=".138" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="k"
x1="209.143"
x2="335.514"
y1="206.146"
y2="-16.093"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="375.787"
x2="99.856"
y1="90.535"
y2="90.535"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="213.545"
x2="321.476"
y1="90.527"
y2="90.527"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="255"
x2="255"
y1="34.265"
y2="-24.028"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#ffdecf" />
</linearGradient>
<linearGradient
id="o"
x1="272.973"
x2="272.973"
y1="273.232"
y2="210.771"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="189.91"
x2="265.995"
y1="461"
y2="232.744"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#faa68e" stop-opacity="0" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient
id="q"
x1="259.176"
x2="385.189"
y1="388.147"
y2="236.043"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="242.291"
x2="137.187"
y1="301.835"
y2="103.305"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="274.663"
x2="412.77"
y1="238.09"
y2="94.792"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="t"
x1="3040.772"
x2="3029.639"
y1="3969.084"
y2="3969.084"
gradientTransform="scale(-1 1) rotate(69.08 4148.257 -210.928)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="u"
x1="2578.136"
x2="2567.003"
y1="3891.908"
y2="3891.908"
gradientTransform="scale(-1 1) rotate(30 8070.386 -3205.824)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="v"
x1="3026.249"
x2="3015.116"
y1="4073.76"
y2="4073.76"
gradientTransform="scale(-1 1) rotate(69.08 4148.257 -210.928)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="w"
x1="2452.347"
x2="2441.213"
y1="3182.164"
y2="3182.164"
gradientTransform="scale(-1 1) rotate(-39.85 -2974.697 5317.753)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<linearGradient
id="x"
x1="2433.665"
x2="2422.531"
y1="3590.4"
y2="3590.4"
gradientTransform="scale(-1 1) rotate(-3.84 -49021.158 41249.44)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="y"
x1="2415.577"
x2="2404.444"
y1="3331.192"
y2="3331.192"
gradientTransform="scale(-1 1) rotate(-36.34 -3535.87 5777.557)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="z"
x1="3397.947"
x2="3386.813"
y1="2980.735"
y2="2980.735"
gradientTransform="scale(1 -1) rotate(28.18 8310.565 -4639.117)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="3478.691"
x2="3467.557"
y1="3350.328"
y2="3350.328"
gradientTransform="scale(1 -1) rotate(-10.95 -16776.9 18199.124)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="3383.424"
x2="3372.29"
y1="3085.408"
y2="3085.408"
gradientTransform="scale(1 -1) rotate(28.18 8310.565 -4639.117)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="3270.917"
x2="3259.783"
y1="3841.093"
y2="3841.093"
gradientTransform="scale(1 -1) rotate(-80.8 -607.988 3517.335)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="3483.283"
x2="3472.149"
y1="3641.742"
y2="3641.742"
gradientTransform="matrix(.71 .704 .704 -.71 -4706.856 353.548)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="E"
x1="3273.132"
x2="3261.999"
y1="3938.617"
y2="3938.617"
gradientTransform="scale(1 -1) rotate(-77.23 -758.141 3692.261)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="3145.464"
x2="3134.33"
y1="4181.058"
y2="4181.058"
gradientTransform="scale(-1 1) rotate(89.08 3518.436 452.168)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="G"
x1="2525.541"
x2="2514.408"
y1="4122.459"
y2="4122.459"
gradientTransform="scale(-1 1) rotate(49.99 5480.534 -911.491)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="H"
x1="3130.941"
x2="3119.807"
y1="4285.724"
y2="4285.724"
gradientTransform="scale(-1 1) rotate(89.08 3518.436 452.168)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="I"
x1="2217.659"
x2="2206.526"
y1="3212.125"
y2="3212.125"
gradientTransform="scale(-1 1) rotate(-19.87 -7926.613 8614.049)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="J"
x1="2261.56"
x2="2250.427"
y1="3753.127"
y2="3753.127"
gradientTransform="scale(-1 1) rotate(16.2 13820.704 -6938.329)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="2183.176"
x2="2172.043"
y1="3375.689"
y2="3375.689"
gradientTransform="scale(-1 1) rotate(-16.32 -10268.107 10312.37)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<path
fill="url(#i)"
d="M438.571 327.778c0 60.287-367.142 60.287-367.142 0S153.617 218.619 255 218.619s183.571 48.872 183.571 109.159z"
/>
<path
fill="url(#j)"
d="M438.571 327.778c0-60.287-82.188-109.159-183.571-109.159-1.375 0-2.745.013-4.113.031l-94.14 16.91c-33.855 12.781-60.196 31.969-74.187 54.699 2.078 5.338 5.421 9.935 9.605 13.595l62.498 62.498c108.316 15.975 283.908 3.119 283.908-38.574z"
/>
<path
fill="url(#k)"
d="M406.819 347.528c10.396-7.342 24.424 1.785 21.923 14.264l-17.611 66.101-13.839 40.338C392.428 492.525 371.103 510 346.332 510H163.667c-24.77 0-46.095-17.475-50.959-41.768l-13.839-40.338-18.279-69.432c-2.405-12.001 10.594-21.142 21.074-14.819l.396.239a24.706 24.706 0 0 0 29.488-2.969c8.699-8 21.846-8.719 31.366-1.715l4.967 3.654a24.709 24.709 0 0 0 28.971.226l7.818-5.566a24.706 24.706 0 0 1 28.971.226l6.715 4.94a24.709 24.709 0 0 0 29.283 0l6.396-4.706a24.708 24.708 0 0 1 29.388.078l6.35 4.723a24.71 24.71 0 0 0 28.976.375l8.014-5.645a24.708 24.708 0 0 1 29.085.456l12.385 9.319a14.08 14.08 0 0 0 16.586.25z"
/>
<path
fill="url(#l)"
d="m362.77 332.994-14.042 94.9-10.132 55.536C336.772 498.592 323.91 510 308.641 510H201.359c-15.27 0-28.132-11.408-29.955-26.57l-10.132-55.536-13.875-93.481c.298-.024.584-.024.882-.024a24.64 24.64 0 0 1 14.638 4.804l4.971 3.659c8.594 6.33 20.276 6.413 28.966.226l7.82-5.567a24.691 24.691 0 0 1 28.966.227l6.723 4.935a24.68 24.68 0 0 0 29.276 0l6.401-4.697c8.749-6.437 20.67-6.413 29.383.072l6.353 4.72c8.559 6.377 20.252 6.52 28.978.381l8.01-5.65a24.777 24.777 0 0 1 14.006-4.505z"
/>
<path
fill="url(#m)"
d="m290.522 333.161-4.625 94.733-3.338 55.62C281.963 498.306 269.805 510 255 510s-26.963-11.694-27.559-26.487l-3.338-55.62-4.637-94.947a24.52 24.52 0 0 1 14.173 4.792l6.723 4.935a24.68 24.68 0 0 0 29.276 0l6.401-4.697a24.726 24.726 0 0 1 14.483-4.815z"
/>
<path
fill="url(#n)"
d="m98.869 427.895 13.838 40.339c4.867 24.285 26.194 41.761 50.962 41.761h182.662c24.768 0 46.095-17.477 50.962-41.761l13.838-40.339z"
/>
<path
fill="url(#o)"
d="M116.209 313.33h274.63c21.483 0 38.898-16.366 38.898-36.555s-17.415-36.555-38.898-36.555h-30.951c-41.709 0-180.688 15.326-210.535 42.706z"
/>
<path
fill="url(#p)"
d="M112.05 227.839c4.7 4.979 3.083 12.534-2.678 15.682-.337.184-.657.389-.989.578l-1.423.399c-19.79 5.556-31.04 25.136-25.128 43.733 2.402 7.555 7.266 13.786 13.523 18.149a39.468 39.468 0 0 0 16.625 6.539 39.394 39.394 0 0 0 16.39-1.074l274.662-49.336c6.185-1.736 11.535-4.842 15.788-8.859 2.413-2.175 8.138-8.128 10.153-17.753.215-1.027 1.692-6.79.13-13.455-4.593-19.605-20.131-24.912-22.753-26.176l-.061-.025c-4.611-1.746-6.354-6.963-3.887-11.019 1.579-2.638 6.01-10.82 4.668-21.639-1.817-14.648-12.782-22.58-14.614-23.86a38.001 38.001 0 0 0-4.484-2.727c-4.379-2.281-5.539-7.561-2.511-11.312 7.021-8.694 9.651-20.331 5.972-31.584-3.633-11.112-12.738-19.192-23.71-22.701-7.651-2.447-10.813-9.306-14.446-16.05C341.496 33.481 316.861 5.221 240.547.043c-9.686-.657-17.802 5.981-14.451 14.563l.074.19c4.236 10.897 5.317 22.151 3.682 32.882-3.756 24.644-60.855 44.709-86.238 51.835l-.018.005c-19.79 5.556-31.04 25.136-25.128 43.734 2.312 7.272 6.906 13.315 12.828 17.646 3.39 2.48 2.998 7.169-.27 9.23-.236.149-.459.311-.693.462l-.984.276c-19.789 5.556-31.04 25.136-25.128 43.733a34.634 34.634 0 0 0 3.047 6.853 34.747 34.747 0 0 0 4.782 6.387z"
/>
<path
fill="url(#q)"
d="M366.397 138.103 165.01 166.868c-19.79 5.556-40.625-5.017-46.536-23.615-5.912-18.598 5.339-38.178 25.128-43.733l201.387-28.765c19.79-5.556 40.625 5.017 46.536 23.615 5.912 18.597-5.338 38.177-25.128 43.733z"
/>
<path
fill="url(#r)"
d="m380.644 201.452-229.88 36.764c-19.79 5.556-40.625-5.017-46.536-23.615-5.912-18.598 5.339-38.178 25.128-43.733l229.88-36.764c19.79-5.556 40.625 5.017 46.536 23.615 5.912 18.597-5.338 38.177-25.128 43.733z"
/>
<path
fill="url(#s)"
d="M403.035 262.514 128.373 311.85c-19.79 5.556-40.625-5.017-46.536-23.615-5.912-18.598 5.339-38.178 25.128-43.734l274.662-49.336c19.79-5.556 40.625 5.017 46.536 23.615 5.912 18.598-5.338 38.178-25.128 43.734z"
/>
<path
fill="url(#t)"
d="M139.806 239.602a5.41 5.41 0 0 1 6.985-3.125l18.33 6.997a5.41 5.41 0 1 1-3.86 10.11l-18.33-6.997a5.411 5.411 0 0 1-3.125-6.985z"
/>
<path
fill="url(#u)"
d="M228.344 180.994a5.411 5.411 0 0 1 7.391 1.98l9.81 16.991a5.411 5.411 0 0 1-9.371 5.411l-9.81-16.991a5.41 5.41 0 0 1 1.98-7.391z"
/>
<path
fill="url(#v)"
d="M242.772 263.363a5.41 5.41 0 0 1 6.985-3.125l18.33 6.997a5.41 5.41 0 1 1-3.86 10.11l-18.33-6.997a5.41 5.41 0 0 1-3.125-6.985z"
/>
<path
fill="url(#w)"
d="M188.654 188.809a5.41 5.41 0 0 1 .685 7.621l-12.575 15.06a5.41 5.41 0 0 1-7.621.685 5.41 5.41 0 0 1-.685-7.621l12.575-15.06a5.41 5.41 0 0 1 7.621-.685z"
/>
<path
fill="url(#x)"
d="M208.599 213.559a5.41 5.41 0 0 1 5.038 5.759l-1.308 19.576a5.41 5.41 0 1 1-10.797-.721l1.308-19.576a5.411 5.411 0 0 1 5.759-5.038z"
/>
<path
fill="url(#y)"
d="M204.696 268.695a5.411 5.411 0 0 1 1.153 7.565l-11.624 15.805a5.41 5.41 0 1 1-8.718-6.412l11.624-15.805a5.412 5.412 0 0 1 7.565-1.153z"
/>
<path
fill="url(#z)"
d="M388.243 254.078a5.412 5.412 0 0 1-7.325-2.214l-9.267-17.293a5.412 5.412 0 0 1 9.539-5.111l9.267 17.293a5.411 5.411 0 0 1-2.214 7.325z"
/>
<path
fill="url(#A)"
d="M282.954 240.368a5.411 5.411 0 0 1-4.288-6.338l3.717-19.264a5.411 5.411 0 0 1 10.626 2.05l-3.717 19.264a5.41 5.41 0 0 1-6.338 4.288z"
/>
<path
fill="url(#B)"
d="M326.006 168.679a5.412 5.412 0 0 1-7.325-2.214l-9.267-17.293a5.412 5.412 0 0 1 9.539-5.111l9.267 17.293a5.412 5.412 0 0 1-2.214 7.325z"
/>
<path
fill="url(#C)"
d="M318.062 260.461a5.41 5.41 0 0 1 4.474-6.208l19.366-3.143a5.41 5.41 0 1 1 1.734 10.682l-19.366 3.143a5.41 5.41 0 0 1-6.208-4.474z"
/>
<path
fill="url(#D)"
d="M319.204 228.695a5.41 5.41 0 0 1-.034-7.652l13.811-13.935a5.41 5.41 0 0 1 7.686 7.618l-13.811 13.935a5.41 5.41 0 0 1-7.652.034z"
/>
<path
fill="url(#E)"
d="M358.268 189.591a5.41 5.41 0 0 1 4.084-6.471l19.136-4.328a5.41 5.41 0 1 1 2.387 10.555l-19.136 4.328a5.412 5.412 0 0 1-6.471-4.084z"
/>
<path
fill="url(#F)"
d="M201.299 135.803a5.41 5.41 0 0 1 5.495-5.325l19.617.308a5.41 5.41 0 1 1-.17 10.82l-19.617-.308a5.41 5.41 0 0 1-5.325-5.495z"
/>
<path
fill="url(#G)"
d="M264.461 50.455a5.41 5.41 0 0 1 7.623-.666l15.028 12.613a5.41 5.41 0 0 1-6.957 8.289l-15.028-12.613a5.41 5.41 0 0 1-.666-7.623z"
/>
<path
fill="url(#H)"
d="M306.183 122.926a5.41 5.41 0 0 1 5.495-5.325l19.617.308a5.41 5.41 0 1 1-.17 10.82l-19.617-.308a5.41 5.41 0 0 1-5.325-5.495z"
/>
<path
fill="url(#I)"
d="M229.835 71.369a5.411 5.411 0 0 1 3.25 6.928l-6.667 18.452a5.41 5.41 0 0 1-10.177-3.677l6.667-18.452a5.409 5.409 0 0 1 6.927-3.251z"
/>
<path
fill="url(#J)"
d="M257.041 87.808a5.412 5.412 0 0 1 6.704 3.69l5.465 18.843a5.412 5.412 0 0 1-10.394 3.014l-5.465-18.843a5.411 5.411 0 0 1 3.69-6.704z"
/>
<path
fill="url(#K)"
d="M272.225 140.955a5.41 5.41 0 0 1 3.67 6.714l-5.52 18.827a5.41 5.41 0 1 1-10.384-3.044l5.52-18.827a5.412 5.412 0 0 1 6.714-3.67z"
/>
</svg>
More icons in the same style and category