Add icons to this collection by clicking the heart icon.
Dalgona icon - also known as coffee, dessert, beverage, sugar, sweet, 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 512 512"
>
<radialGradient
id="c"
cx="236.744"
cy="32.875"
r="86.577"
gradientTransform="matrix(1 0 0 .603 0 13.041)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d09080" />
<stop offset=".539" stop-color="#c06e55" />
<stop offset=".609" stop-color="#be694f" />
<stop offset=".788" stop-color="#ad5e45" />
<stop offset="1" stop-color="#934d36" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fbf6ec" />
<stop offset=".514" stop-color="#e2bcaf" />
<stop offset="1" stop-color="#d8a595" />
</linearGradient>
<radialGradient
id="d"
cx="116.031"
cy="98.006"
r="61.781"
gradientTransform="matrix(1 0 0 .514 0 47.647)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="562.213"
cy="67.301"
r="73.692"
gradientTransform="matrix(.713 0 0 .389 -232.676 41.133)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="181.814"
cy="25.377"
r="86.752"
gradientTransform="matrix(1 0 0 .587 0 10.486)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="232.687"
cy="-5.431"
r="62.185"
gradientTransform="matrix(1 0 0 .587 0 -2.244)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c67d66" />
<stop offset=".177" stop-color="#c27860" />
<stop offset=".414" stop-color="#b6694f" />
<stop offset=".597" stop-color="#aa593d" />
<stop offset="1" stop-color="#664545" />
</linearGradient>
<radialGradient
id="h"
cx="321.469"
cy="53.074"
r="216.038"
gradientTransform="matrix(1 0 0 .587 0 21.93)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="i"
cx="773.737"
cy="54.833"
r="176.98"
gradientTransform="matrix(.713 0 0 .389 -232.676 33.512)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="333.224"
cy="32.407"
r="144.396"
gradientTransform="matrix(1 0 0 .587 0 13.391)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="157.395"
cy="311.606"
r="277.889"
gradientTransform="matrix(-1 0 0 -2.063 314.791 954.528)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="163.302"
cy="274.916"
r="138.274"
gradientTransform="matrix(-1 0 0 -2.063 326.603 842.137)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".514" stop-color="#fff9e2" />
<stop offset="1" stop-color="#fbf4c6" />
</radialGradient>
<radialGradient
id="m"
cx="140.958"
cy="273.991"
r="128.304"
gradientTransform="matrix(-1 0 0 -2.063 281.916 839.306)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".514" stop-color="#ecf4ff" />
<stop offset="1" stop-color="#ddeafb" />
</radialGradient>
<radialGradient
id="n"
cx="129.625"
cy="225.426"
r="411.05"
gradientTransform="matrix(1 0 0 1.084 0 -19.026)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ddeafb" />
<stop offset=".134" stop-color="#d7e7fb" />
<stop offset=".312" stop-color="#c6ddfb" />
<stop offset=".516" stop-color="#aacdfb" />
<stop offset=".597" stop-color="#9dc6fb" />
<stop offset="1" stop-color="#89aada" />
</radialGradient>
<radialGradient
id="o"
cx="129.625"
cy="221.823"
r="384.426"
gradientTransform="matrix(1 0 0 1.084 0 -18.722)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".154" stop-color="#fef8dc" />
<stop offset=".361" stop-color="#fcf4cb" />
<stop offset=".596" stop-color="#f9efaf" />
<stop offset=".597" stop-color="#f9efaf" />
<stop offset="1" stop-color="#f4d8a5" />
</radialGradient>
<radialGradient
id="p"
cx="121.147"
cy="391.661"
r="417.525"
gradientTransform="matrix(1 0 0 1.084 0 -33.056)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="390.896"
cy="2804.576"
r="232.567"
gradientTransform="matrix(.931 0 0 .112 -111.519 168.271)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbe2ff" />
<stop offset=".143" stop-color="#d6e8ff" />
<stop offset=".496" stop-color="#ecf4ff" />
<stop offset=".898" stop-color="#fff" />
</radialGradient>
<path
fill="url(#c)"
d="m265.799 4.962-53.37 1.385c13.634 9.239 6.818 30.647-9.652 30.647l46.099 7.666c16.47.001 30.557-30.459 16.923-39.698z"
/>
<path
fill="url(#d)"
d="M128.525 101.305c-17.759 0-32.155 14.396-32.155 32.155l51.644 16.961s39.063-52.104 56.822-52.104l-69.312 2.989h-6.999z"
/>
<path
fill="url(#e)"
d="M162.666 69.15c-14.99 0-27.142 12.152-27.142 27.142v5.013h53.082s23.88-38.035 38.87-38.035z"
/>
<path
fill="url(#f)"
d="M185.701 36.995c-12.722 0-23.035 10.313-23.035 23.035v9.12h53.082s10.313-32.155 23.035-32.155z"
/>
<path
fill="url(#g)"
d="M265.799 6.148C271.653 2.263 271.09 0 278.642 0h-46.083a36.813 36.813 0 0 0-20.428 6.148l.298.2h46.083c-.099-.067 7.387-.134 7.287-.2z"
/>
<path
fill="url(#h)"
d="m414.831 133.46-138.174 14.48-127.205-14.48c0-17.759 14.396-32.155 32.155-32.155h201.069c17.759 0 32.155 14.396 32.155 32.155z"
/>
<path
fill="url(#i)"
d="M375.676 101.305h-187.07v-5.013c0-14.99 12.152-27.142 27.142-27.142h132.786c14.99 0 27.142 12.152 27.142 27.142z"
/>
<path
fill="url(#j)"
d="M325.499 36.995c-5.122 0-9.667-3.464-10.832-8.451C310.844 12.185 296.166 0 278.642 0a36.813 36.813 0 0 0-20.428 6.148l.298.2c13.634 9.239 6.818 30.647-9.652 30.647h-10.076c-12.722 0-23.035 10.313-23.035 23.035v9.12h132.786v-9.12c-.001-12.722-10.314-23.035-23.036-23.035z"
/>
<path
fill="url(#k)"
d="M149.452 133.46h-66.9l-7.812 38.664a690.875 690.875 0 0 0-12.092 89.973l90.481 23.052c1.263-18.595-3.677-151.689-3.677-151.689z"
/>
<path
fill="url(#l)"
d="M62.648 262.097A690.648 690.648 0 0 0 74.74 445.691l89.434 14.266c-12.228-60.518-38.792-136.531-34.626-197.859h-66.9z"
/>
<path
fill="url(#m)"
d="M74.74 445.691c4.545 22.492 24.311 38.664 47.258 38.664h66.9l-47.258-38.664z"
/>
<path
fill="url(#n)"
d="M141.64 445.691c4.545 22.492 24.311 38.664 47.258 38.664h201.105c22.946 0 42.713-16.172 47.258-38.664l-151.944-4.944z"
/>
<path
fill="url(#o)"
d="M141.64 445.691h295.62a690.648 690.648 0 0 0 12.092-183.594l-164.036-31.696-155.768 31.696a690.648 690.648 0 0 0 12.092 183.594z"
/>
<path
fill="url(#p)"
d="m437.26 172.124-7.812-38.664H149.452l-7.812 38.664a690.795 690.795 0 0 0-12.092 89.973h319.804a690.778 690.778 0 0 0-12.092-89.973z"
/>
<path
fill="url(#q)"
d="M256 512c124.618 0 225.64-12.377 225.64-27.645H30.36C30.36 499.623 131.382 512 256 512z"
/>
</svg>
More icons in the same style and category