Add icons to this collection by clicking the heart icon.
Add icon - also known as add, order, restaurant, delivery, cloche, food serving, food and restaurant, and food tray. Created in a clean flat 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="c"
x1="32"
x2="32"
y1="19"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#838383" />
<stop offset="1" stop-color="#a1a1a1" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="17"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d6d6d6" />
<stop offset="1" stop-color="#a1a1a1" />
</linearGradient>
<linearGradient
id="b"
x1="16.87"
x2="16.87"
y1="23.99"
y2="39.82"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ededed" />
<stop offset="1" stop-color="#d0d0d0" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="53"
y2="46"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6e6e6e" />
<stop offset="1" stop-color="#8c8c8c" />
</linearGradient>
<linearGradient id="e" x1="46.8" x2="46.8" y1="18.4" y2="36" href="#a" />
<linearGradient
id="f"
x1="49"
x2="49"
y1="34"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#009e77" />
<stop offset="1" stop-color="#00d291" />
</linearGradient>
<linearGradient id="g" x1="49" x2="49" y1="21" y2="29" href="#b" />
<g>
<path
fill="url(#c)"
d="M35.93 10.06A3 3 0 0 0 33.64 9h-3.28a3 3 0 0 0-3 3.49l1 5.67a1 1 0 0 0 1 .84h5.34a1 1 0 0 0 1-.84l1-5.67a3 3 0 0 0-.77-2.43z"
/>
<path
fill="url(#a)"
d="M32 17A25 25 0 0 0 7 42v5a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1v-5a25 25 0 0 0-25-25z"
/>
<path
fill="url(#b)"
d="M12.25 39.82h-.16a1 1 0 0 1-.83-1.14A21 21 0 0 1 21 24.14a1 1 0 1 1 1 1.7A19 19 0 0 0 13.24 39a1 1 0 0 1-.99.82z"
/>
<path
fill="url(#d)"
d="M60 46H4a1 1 0 0 0-1 1v2.5a1 1 0 0 0 .47.85l4 2.5A1 1 0 0 0 8 53h48a1 1 0 0 0 .53-.15l4-2.5a1 1 0 0 0 .47-.85V47a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M40.22 18.4A11 11 0 0 0 55.6 33.78 25.07 25.07 0 0 0 40.22 18.4z"
/>
<circle cx="49" cy="25" r="9" fill="url(#f)" />
<path fill="url(#g)" d="M50 24v-3h-2v3h-3v2h3v3h2v-3h3v-2z" />
</g>
</svg>
More icons in the same style and category