Add icons to this collection by clicking the heart icon.
Sugar icon - also known as sugar, container, pourer, 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="c"
cx="102.788"
cy="419.329"
r="135.007"
gradientTransform="matrix(1 0 0 .742 0 108.22)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="d"
cx="118.671"
cy="262.412"
r="155.142"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="e"
cx="134.553"
cy="271.729"
r="153.654"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</radialGradient>
<radialGradient
id="f"
cx="273.188"
cy="-2.718"
r="47.947"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="215.024"
cy="8.294"
r="68.978"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="h"
cx="451.141"
cy="356.087"
r="318.751"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="414.718"
cy="325.306"
r="266.104"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</radialGradient>
<radialGradient
id="j"
cx="174.365"
cy="71.4"
r="71.732"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="132.553"
cy="112.553"
r="130.362"
gradientTransform="matrix(1 0 0 .463 0 60.404)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="305.624"
cy="28.059"
r="62.924"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="328.798"
cy="134.082"
r="138.123"
gradientTransform="matrix(1 0 0 .254 0 99.985)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="330.89"
cy="64.315"
r="153.525"
gradientTransform="matrix(-1 0 0 -.707 661.779 109.8)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="391.513"
cy="3352.974"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -111.186 104.486)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b4d2e2" />
<stop offset=".512" stop-color="#d8e8f0" />
<stop offset=".525" stop-color="#d9e9f0" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#c)"
d="M134.738 486.4c-20.018-16.885-32.338-42.663-32.338-78.933L192 396.8c0 36.27-.48 72.715 19.538 89.6z"
/>
<path
fill="url(#d)"
d="M204.8 243.2c-10.912-6.2-27.488-6.201-38.4 0-9.52 5.41-19.318 18.897-29.315 14.868-3.933 26.682-10.924 52.891-20.684 78.169-8.927 23.121-14.001 47.952-14.001 71.229h76.8c0-39.802 27.635-80.492 51.2-113.067v-51.2c-8.213 1.584-18.114 4.255-25.6.001z"
/>
<path
fill="url(#e)"
d="M140.8 140.8v67.074c0 16.843-1.27 33.609-3.715 50.194A35.618 35.618 0 0 0 167.992 256a35.619 35.619 0 0 1 35.194-.001l.006.003a35.614 35.614 0 0 0 24.342 4.004L217.6 140.8z"
/>
<path fill="url(#f)" d="m268.8 0-51.2 12.8 25.6 12.8L296.812 0z" />
<path fill="url(#g)" d="M217.6 12.8h28.012v76.8H217.6z" />
<path
fill="url(#h)"
d="M213.597 259.908c-3.981 26.046-10.861 51.632-20.396 76.329-8.927 23.121-14.001 47.952-14.001 71.229 0 36.27 12.32 62.048 32.338 78.933h165.725c20.018-16.885 32.338-42.663 32.338-78.933 0-23.278-5.074-48.108-14.001-71.229-9.76-25.279-16.75-51.488-20.684-78.17L307.2 204.8z"
/>
<path
fill="url(#i)"
d="m238.384 256.002.008-.004a35.617 35.617 0 0 1 35.192 0l.01.006a35.62 35.62 0 0 0 35.191 0l.01-.006a35.621 35.621 0 0 1 35.19-.001l.016.009a35.619 35.619 0 0 0 30.914 2.062c-2.445-16.584-3.715-33.35-3.715-50.193V140.8H217.6v67.074c0 17.467-1.376 34.849-4.003 52.034a35.604 35.604 0 0 0 24.787-3.906z"
/>
<path
fill="url(#j)"
d="M140.8 140.8v-38.871c0-13.879 11.251-25.129 25.129-25.129h76.329c-13.879 0-12.33 76.8-12.33 76.8z"
/>
<path
fill="url(#k)"
d="M134.4 153.6a6.4 6.4 0 0 1-6.4-6.4 6.4 6.4 0 0 1 6.4-6.4h76.329c-3.535 0-3.535 12.8 0 12.8z"
/>
<path fill="url(#l)" d="M296.812 89.6h-51.2V12.8l51.2-12.8z" />
<path
fill="url(#m)"
d="M377.6 140.8H210.729a6.4 6.4 0 0 0-6.4 6.4 6.4 6.4 0 0 0 6.4 6.4H377.6a6.4 6.4 0 0 0 6.4-6.4 6.4 6.4 0 0 0-6.4-6.4z"
/>
<path
fill="url(#n)"
d="M346.071 76.8H242.259c-13.879 0-25.129 11.251-25.129 25.129V140.8H371.2v-38.871c0-13.878-11.251-25.129-25.129-25.129z"
/>
<path
fill="url(#o)"
d="M256 512c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category