Add icons to this collection by clicking the heart icon.
Syrup icon - also known as drink, coffee, cafe, syrup, flavour, and food and restaurant. Created in a clean flat style with a white, silver, gray, yellow, olive, teal, and orange finish, 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 53 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#f3d55b"
d="M18.64 29 10 31l-8.64-2c.2-.434.474-.83.81-1.17l2.78-2.78A7 7 0 0 0 7 20.1V17l3-2 3 2v3.1a7 7 0 0 0 2.05 4.95l2.78 2.78c.336.34.61.736.81 1.17z"
/>
<path fill="#ecf0f1" d="M1 38h18v16H1z" />
<path
fill="#95a5a5"
d="M24.829 7a1 1 0 0 1-.707-.293l-2.415-2.414A1 1 0 0 0 21 4h-9a1 1 0 0 1 0-2h9a2.984 2.984 0 0 1 2.121.879l2.415 2.414A1 1 0 0 1 24.829 7z"
/>
<path
fill="#f29c1f"
d="M19 30.66V36H1v-5.34A4.058 4.058 0 0 1 1.36 29h17.28c.236.522.358 1.087.36 1.66z"
/>
<rect width="20" height="5" y="34" fill="#e57e25" rx="1" />
<path
fill="#95a5a5"
d="M10 12a1 1 0 0 1-1-1V6a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1z"
/>
<rect width="8" height="6" x="6" y="11" fill="#bdc3c7" rx="1" />
<rect width="8" height="6" x="6" fill="#bdc3c7" rx="1" />
<rect width="20" height="5" y="53" fill="#e57e25" rx="1" />
<path
fill="#bdc3c7"
d="M14 45H6a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM12 49H8a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z"
/>
<path
fill="#3b97d3"
d="m50.37 28 .545-6.921a1 1 0 0 0-1-1.079H26.082a1 1 0 0 0-1 1.079L25.63 28l1.73 22 .49 6.16a2 2 0 0 0 2 1.84h16.3a2 2 0 0 0 2-1.84l.49-6.16z"
/>
<path
fill="#e4c05c"
d="m25.289 49.079-1.578-20a1 1 0 0 1 1-1.079h26.581a1 1 0 0 1 1 1.079l-1.578 20a1 1 0 0 1-1 .921H26.286a1 1 0 0 1-.997-.921z"
/>
<path
fill="#805333"
d="M42.2 43.2c-3.09 3.09-7.48 3.72-9.8 1.4a4.619 4.619 0 0 1-.62-.78c1.83-1.75 3.22-.42 5.05-2.25 1.87-1.87.47-3.27 2.34-5.14 1.83-1.83 3.22-.5 5.05-2.25 1.54 2.43.75 6.25-2.02 9.02z"
/>
<path
fill="#a56a43"
d="M44.22 34.18c-1.83 1.75-3.22.42-5.05 2.25-1.87 1.87-.47 3.27-2.34 5.14-1.83 1.83-3.22.5-5.05 2.25-1.54-2.43-.75-6.25 2.02-9.02 3.09-3.09 7.48-3.72 9.8-1.4.234.237.442.498.62.78z"
/>
<g fill="#f29c1f">
<path
d="M35 13a3 3 0 0 1-3.274 2.988 3.143 3.143 0 0 1-2.677-3.649 7.534 7.534 0 0 1 2.278-4.079 1 1 0 0 1 1.334-.011A7 7 0 0 1 35 13zM47 13a3 3 0 0 1-3.274 2.988 3.143 3.143 0 0 1-2.677-3.649 7.534 7.534 0 0 1 2.278-4.079 1 1 0 0 1 1.334-.011A7 7 0 0 1 47 13z"
/>
</g>
</g>
</svg>
More icons in the same style and category