Add icons to this collection by clicking the heart icon.
Syrup icon - also known as drink, bottle, sweet, pump, syrup, 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="171.259"
cy="3.212"
r="24.93"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="233.912"
cy="55.163"
r="33.647"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="196.36"
cy="267.494"
r="182.304"
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="196.36"
cy="257.544"
r="189.469"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</radialGradient>
<radialGradient
id="g"
cx="225.09"
cy="72.521"
r="45.434"
gradientTransform="matrix(1 0 0 .512 0 35.393)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="218.379"
cy="90.577"
r="48.04"
gradientTransform="matrix(1 0 0 .299 0 63.487)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#017297" />
<stop offset=".512" stop-color="#024c67" />
<stop offset=".976" stop-color="#00366d" />
</linearGradient>
<radialGradient
id="i"
cx="314.547"
cy="104.61"
r="73.342"
gradientTransform="matrix(-1 0 0 -.439 629.094 145.227)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="j"
cx="224.815"
cy="159.024"
r="38.2"
gradientTransform="matrix(1 0 0 .759 0 38.333)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="227.518"
cy="-3.565"
r="36.561"
gradientTransform="matrix(0 1 -1.842 0 220.954 -231.082)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="216.261"
cy="104.118"
r="39.322"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="m"
cx="369.012"
cy="313.871"
r="199.532"
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="n"
cx="369.012"
cy="306.028"
r="208.471"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</radialGradient>
<radialGradient
id="o"
cx="286.512"
cy="47.6"
r="36.633"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="299.13"
cy="76.65"
r="29.267"
gradientTransform="matrix(-1 0 0 -.523 598.259 116.768)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="q"
cx="299.341"
cy="147.588"
r="53.573"
gradientTransform="matrix(1 0 0 .759 0 35.577)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="r"
cx="297.435"
cy="4.059"
r="50.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="s"
cx="351.868"
cy="3352.974"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 104.486)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff3be" />
<stop offset=".512" stop-color="#fff9df" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<radialGradient
id="t"
cx="302.165"
cy="123.741"
r="58.377"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="u"
cx="245.886"
cy="7.73"
r="82.016"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M181.541 0C173.179 0 166.4 6.779 166.4 15.141V25.6h12.8S185.979 0 194.341 0z"
/>
<path fill="url(#d)" d="M245.541 89.6V12.8h38.4l-12.8 76.8z" />
<path
fill="url(#e)"
d="M258.341 128h-38.4v48.094c0 5.408-.67 10.746-1.961 15.906l52.176 12.8z"
/>
<path
fill="url(#f)"
d="M217.981 192a65.555 65.555 0 0 1-17.239 30.447 65.55 65.55 0 0 0-19.2 46.353v217.6h38.4l64-204.8-13.785-89.6z"
/>
<path fill="url(#g)" d="M219.941 76.8v38.4h51.2l-12.8-38.4z" />
<path fill="url(#h)" d="m219.941 89.6-12.8 12.8 51.2 12.8V89.6z" />
<path fill="url(#i)" d="m258.341 89.6-12.8 12.8h76.8l-12.8-12.8z" />
<path fill="url(#j)" d="M213.541 153.6v-38.4h44.8l-6.4 38.4z" />
<path
fill="url(#k)"
d="M219.941 10.141V25.6h38.4l12.8-12.8L268.482 0h-38.4c-5.6 0-10.141 4.54-10.141 10.141z"
/>
<path fill="url(#l)" d="M207.141 128v-25.6h38.4l12.8 12.8-12.8 12.8z" />
<path
fill="url(#m)"
d="M309.541 176.094V128h-51.2v48.094c0 5.408-.67 10.746-1.961 15.906l27.561 12.8 27.561-12.8a65.518 65.518 0 0 1-1.961-15.906z"
/>
<path
fill="url(#n)"
d="M328.741 222.447A65.537 65.537 0 0 1 311.502 192h-55.121a65.555 65.555 0 0 1-17.239 30.447 65.55 65.55 0 0 0-19.2 46.353v217.6h128V268.8a65.557 65.557 0 0 0-19.201-46.353z"
/>
<path fill="url(#o)" d="M271.141 12.8h12.8v76.8h-12.8z" />
<path fill="url(#p)" d="M258.341 76.8h51.2v38.4h-51.2z" />
<path fill="url(#q)" d="M251.941 115.2h64v38.4h-64z" />
<path
fill="url(#r)"
d="M309.541 25.6h-51.2V10.141C258.341 4.54 262.882 0 268.482 0H299.4c5.601 0 10.141 4.54 10.141 10.141z"
/>
<path
fill="url(#s)"
d="M256 512c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
<path fill="url(#t)" d="M245.541 102.4h76.8V128h-76.8z" />
<path fill="url(#i)" d="m258.341 89.6-12.8 12.8h76.8l-12.8-12.8z" />
<path
fill="url(#u)"
d="M245.541 10.141c0-4.465 2.889-8.247 6.896-9.602l.304-.539h-58.4C185.979 0 179.2 6.779 179.2 15.141V25.6H192V12.8h53.541z"
/>
</svg>
More icons in the same style and category