Add icons to this collection by clicking the heart icon.
Cupcake icon - also known as food, cupcake, dessert, bakery, sweet, baked, muffin, strawberry, and food and restaurant. Created in a clean gradient 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7eae" />
<stop offset=".582" stop-color="#faba04" />
<stop offset="1" stop-color="#9c0598" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="19.655"
x2="19.655"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="27.567"
x2="27.567"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="44.345"
x2="44.345"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="36.433"
x2="36.433"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="28.287"
x2="28.287"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="33.154"
x2="33.154"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="34.888"
x2="34.888"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="30.65"
x2="30.65"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="26.65"
x2="26.65"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="21.763"
x2="21.763"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="13.545"
x2="13.545"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="42.239"
x2="42.239"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="50.456"
x2="50.456"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="5.978"
x2="5.978"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="14.834"
x2="14.834"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="9.213"
x2="9.213"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="21.809"
x2="21.809"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="60"
x2="60"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="61"
x2="61"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="49"
x2="49"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="55"
x2="55"
y1="1.383"
y2="62.049"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M46.614 13.154c.136-.294.242-.602.278-.933a2.98 2.98 0 0 0-1.066-2.63 27.522 27.522 0 0 0-2.221-1.671 2.99 2.99 0 0 0-.546-2.657 2.972 2.972 0 0 0-2.478-1.108 27.165 27.165 0 0 0-1.151-2.528A2.983 2.983 0 0 0 37.092.018a3.016 3.016 0 0 0-2.656 1.079c-1.314 1.593-2.077 2.775-2.506 3.667-1.271-.47-2.474-.536-3.585-.183-1.467.469-2.686 1.646-3.62 3.499a28.347 28.347 0 0 0-1.678 4.043c-5.762.621-13.292 2.573-17.827 8.251-2.625 3.279-3.703 6.25-3.206 8.83.458 2.371 2.125 3.875 3.562 4.756a7.914 7.914 0 0 0 1.521 2.405l5.773 22.383A7 7 0 0 0 19.649 64h24.702a6.999 6.999 0 0 0 6.778-5.251l5.773-22.383a7.907 7.907 0 0 0 1.521-2.405c1.438-.881 3.104-2.385 3.562-4.756.498-2.58-.581-5.551-3.205-8.829-2.738-3.426-6.835-5.844-12.166-7.222zm-1.71-1.151a1.003 1.003 0 0 1-.549.797c-3.797 1.938-4.688 1.574-4.697 1.568a2.402 2.402 0 0 1-.555-.362 4.377 4.377 0 0 0 1.055-.241c.653-.242 1.609-.934 2.771-3.88.501.354 1.04.766 1.624 1.248.26.216.388.532.351.87zm-3.232-4.544c-1.311 4.058-2.2 4.428-2.209 4.432-1.711.631-3.134-.898-3.302-1.09-.136-.186-1.342-1.919-.351-3.457.005-.008.559-.796 4.805-1.202a.993.993 0 0 1 .885.374.993.993 0 0 1 .172.943zM35.978 2.37a1.02 1.02 0 0 1 .896-.364c.338.037.621.23.774.531.344.673.629 1.289.867 1.855-3.128.5-4.011 1.284-4.387 1.868a4.468 4.468 0 0 0-.469.967 2.456 2.456 0 0 1-.227-.609c-.001-.01-.168-.958 2.546-4.248zM26.51 8.98c.684-1.355 1.506-2.195 2.443-2.494.722-.231 1.559-.139 2.481.24.008.116.024.221.045.316.263 1.216 1.004 2.19 2.11 2.879a6.46 6.46 0 0 0 1.001 2.119l.023.029a6.5 6.5 0 0 0 1.851 1.431c.434 1.231 1.226 2.166 2.358 2.685.087.04.189.076.298.109.171.983.081 1.821-.301 2.478-.494.85-1.491 1.472-2.962 1.847-7.378 1.883-10.797.021-11.249-.539-.45-.561-1.53-4.302 1.902-11.1zm22.683 49.269A5 5 0 0 1 44.351 62H19.649a5 5 0 0 1-4.842-3.751L9.65 38.255A7.968 7.968 0 0 0 13 39a8.02 8.02 0 0 0 5-1.76c1.404 1.127 3.179 1.76 5 1.76s3.597-.633 5.001-1.761a8.062 8.062 0 0 0 3.854 1.68c.097.014.194.014.291 0A8.062 8.062 0 0 0 36 37.239C37.403 38.367 39.179 39 41 39s3.596-.633 5-1.76A8.02 8.02 0 0 0 51 39a7.968 7.968 0 0 0 3.35-.745zm10.829-29.423c-.348 1.801-1.771 2.943-2.905 3.584a.994.994 0 0 0-.454.547A5.98 5.98 0 0 1 51 37a5.99 5.99 0 0 1-4.282-1.806c-.377-.391-1.06-.391-1.437 0C44.17 36.342 42.609 37 41 37s-3.17-.658-4.282-1.806a1 1 0 0 0-.717-.304H36a.998.998 0 0 0-.717.303A6.028 6.028 0 0 1 32 36.918a6.022 6.022 0 0 1-3.283-1.725.982.982 0 0 0-.718-.303.995.995 0 0 0-.717.305C26.17 36.342 24.609 37 23 37s-3.17-.658-4.282-1.806c-.377-.391-1.06-.391-1.437 0a5.986 5.986 0 0 1-9.945-2.237.997.997 0 0 0-.454-.547c-1.133-.641-2.557-1.783-2.905-3.584-.381-1.978.562-4.401 2.804-7.202 3.913-4.899 10.44-6.754 15.698-7.42-.782 3.603-.258 6.097.571 7.128.833 1.038 3.173 2.102 6.903 2.102 1.811 0 3.948-.251 6.399-.877 2.011-.513 3.423-1.447 4.197-2.779.587-1.009.782-2.2.596-3.544.888-.207 2.083-.646 3.705-1.448 5.533 1.204 9.699 3.499 12.37 6.84 2.241 2.799 3.184 5.223 2.802 7.2z"
/>
<path
fill="url(#c)"
d="M18.621 40.005a1.002 1.002 0 0 0-.892 1.098l1.862 18a1.001 1.001 0 0 0 1.99-.206l-1.862-18a1.01 1.01 0 0 0-1.098-.892z"
/>
<path
fill="url(#d)"
d="M27.233 40.001a.999.999 0 0 0-.966 1.032l.6 18a1 1 0 0 0 .999.967l.034-.001a.999.999 0 0 0 .966-1.032l-.6-18c-.018-.553-.488-1.015-1.033-.966z"
/>
<path
fill="url(#e)"
d="M45.379 40.005a1.005 1.005 0 0 0-1.098.893l-1.862 18a1 1 0 0 0 .892 1.098c.035.002.069.004.104.004a1 1 0 0 0 .993-.897l1.862-18a1 1 0 0 0-.891-1.098z"
/>
<path
fill="url(#f)"
d="M36.767 40.001c-.549-.049-1.014.413-1.033.966l-.6 18a.998.998 0 0 0 .966 1.032l.034.001a1 1 0 0 0 .999-.967l.6-18a1 1 0 0 0-.966-1.032z"
/>
<path
fill="url(#g)"
d="M28.102 14.315a1 1 0 0 0 1.103-.886l.154-1.412a1 1 0 0 0-.886-1.103 1.01 1.01 0 0 0-1.103.886l-.154 1.412a.999.999 0 0 0 .886 1.103z"
/>
<path
fill="url(#h)"
d="M32.969 15.562a1 1 0 0 0 1.103-.886l.154-1.412a1 1 0 0 0-.886-1.103 1.01 1.01 0 0 0-1.103.886l-.154 1.412a1 1 0 0 0 .886 1.103z"
/>
<path
fill="url(#i)"
d="M33.817 18.223a1 1 0 1 0 1.989.217l.154-1.413a1 1 0 0 0-.886-1.103 1.008 1.008 0 0 0-1.103.886z"
/>
<path
fill="url(#j)"
d="M30.464 19.862a1 1 0 0 0 1.103-.886l.154-1.412a1 1 0 0 0-.886-1.103 1.008 1.008 0 0 0-1.103.886l-.154 1.412a1 1 0 0 0 .886 1.103z"
/>
<path
fill="url(#k)"
d="M26.464 18.862a1 1 0 0 0 1.103-.886l.154-1.412a1 1 0 0 0-.886-1.103 1.01 1.01 0 0 0-1.103.886l-.154 1.412a1 1 0 0 0 .886 1.103z"
/>
<path
fill="url(#b)"
d="M32 25.438c-1.862 0-3.32 1.881-3.32 4.281S30.138 34 32 34s3.32-1.881 3.32-4.281-1.458-4.281-3.32-4.281zM32 32c-.623 0-1.32-.976-1.32-2.281s.697-2.281 1.32-2.281 1.32.976 1.32 2.281S32.623 32 32 32z"
/>
<path
fill="url(#l)"
d="M23.571 24.604c-.852-.396-1.877-.32-2.812.216-.837.479-1.549 1.282-2.006 2.263-.457.979-.613 2.042-.441 2.99.192 1.061.792 1.896 1.643 2.292.371.173.763.255 1.159.255 1.406 0 2.868-1.035 3.658-2.733.457-.979.613-2.042.441-2.99-.192-1.062-.791-1.897-1.642-2.293zm-.612 4.438c-.551 1.184-1.593 1.771-2.16 1.51-.35-.163-.476-.594-.52-.836-.097-.538.007-1.189.286-1.79.28-.6.712-1.099 1.186-1.37.152-.087.406-.204.666-.204.104 0 .208.019.308.064.35.163.476.594.52.836.098.538-.006 1.189-.286 1.79z"
/>
<path
fill="url(#m)"
d="M11.097 21.552c-1.622 1.771-1.817 4.143-.443 5.4.539.493 1.227.731 1.963.731 1.139 0 2.392-.57 3.377-1.646 1.621-1.771 1.816-4.143.443-5.4-1.372-1.255-3.718-.855-5.34.915zm3.422 3.135c-.882.964-2.056 1.212-2.514.791-.46-.421-.315-1.611.567-2.574.608-.664 1.354-.988 1.909-.988.25 0 .462.066.605.197.46.421.34 1.582-.567 2.574z"
/>
<path
fill="url(#n)"
d="M43.242 24.819c-.935-.534-1.959-.612-2.812-.216-.852.396-1.451 1.231-1.643 2.292-.172.948-.016 2.011.441 2.99.791 1.698 2.252 2.733 3.658 2.733.396 0 .788-.082 1.159-.255.852-.396 1.451-1.231 1.643-2.292.172-.948.016-2.011-.441-2.99-.455-.979-1.168-1.783-2.005-2.262zm.48 4.897c-.044.242-.17.673-.52.836-.566.259-1.609-.327-2.16-1.51-.279-.601-.383-1.252-.286-1.79.044-.242.17-.673.521-.836a.713.713 0 0 1 .307-.065c.26 0 .514.118.667.205.474.271.906.771 1.186 1.37.278.6.382 1.252.285 1.79z"
/>
<path
fill="url(#o)"
d="M47.564 20.638c-1.372 1.258-1.177 3.63.444 5.4.985 1.075 2.238 1.646 3.377 1.646.736 0 1.424-.238 1.963-.731 1.373-1.258 1.178-3.63-.444-5.4-1.622-1.772-3.967-2.172-5.34-.915zm4.433 4.84c-.459.422-1.632.172-2.515-.791-.908-.991-1.027-2.152-.567-2.574.462-.42 1.633-.171 2.515.791s1.027 2.153.567 2.574z"
/>
<path
fill="url(#p)"
d="M5.146 13.599a1.001 1.001 0 0 0 1.664 0l1.498-2.247 2.247-1.497a1.002 1.002 0 0 0 0-1.665L8.308 6.692 6.81 4.445c-.371-.557-1.293-.557-1.664 0L3.648 6.692 1.401 8.19a1.001 1.001 0 0 0 0 1.664l2.247 1.497zm-.222-5.354a1 1 0 0 0 .277-.277l.777-1.165.777 1.165a1 1 0 0 0 .277.277l1.165.777-1.165.777a.987.987 0 0 0-.277.277l-.777 1.165-.777-1.165a.987.987 0 0 0-.277-.277l-1.165-.777z"
/>
<path
fill="url(#q)"
d="M11.833 3.722c0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3-3 1.345-3 3zm4 0a1.001 1.001 0 0 1-2 0 1.001 1.001 0 0 1 2 0z"
/>
<circle cx="9.213" cy="3.234" r="1" fill="url(#r)" />
<circle cx="21.809" cy="3" r="1" fill="url(#s)" />
<path
fill="url(#t)"
d="M60 12c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<circle cx="61" cy="4" r="1" fill="url(#u)" />
<circle cx="49" cy="3" r="1" fill="url(#v)" />
<path
fill="url(#w)"
d="M51 6c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4-4 1.794-4 4zm6 0c0 1.103-.897 2-2 2s-2-.897-2-2 .897-2 2-2 2 .897 2 2z"
/>
</svg>
More icons in the same style and category