Add icons to this collection by clicking the heart icon.
Order Food icon - also known as smartphone, online, menu, mobile, app, cloche, food and restaurant, and order food. 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"
x1="433.516"
x2="93.516"
y1="-275.503"
y2="742.498"
gradientUnits="userSpaceOnUse"
>
<stop offset=".007" stop-color="#9494ff" />
<stop offset=".992" stop-color="#ffe8dc" stop-opacity="0" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="459.5"
y2="25.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
<stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
</linearGradient>
<path
fill="url(#a)"
d="M512 256c0-27.631-12.504-53.535-34.347-75.837a206.751 206.751 0 0 1-37.513-52.751C409.251 65.195 356.586 24.216 296.804 24.216c-42.483 0-81.369 20.698-111.403 55.003-19.88 22.707-44.981 40.125-72.988 51.371C44.575 157.832 0 203.833 0 256s44.575 98.168 112.414 125.41c28.007 11.246 53.107 28.664 72.988 51.371 30.034 34.305 68.92 55.003 111.402 55.003 59.782 0 112.447-40.979 143.336-103.196a206.769 206.769 0 0 1 37.513-52.751C499.496 309.535 512 283.631 512 256z"
/>
<path
fill="#ff6c6c"
d="M421.752 194.046a4.983 4.983 0 0 1-3.535-1.464l-11-11a5 5 0 0 1 0-7.071l11-11a5 5 0 0 1 7.07 0l11 11a5 5 0 0 1 0 7.071l-11 11a4.984 4.984 0 0 1-3.535 1.464zm-3.929-16 3.929 3.929 3.929-3.929-3.929-3.929z"
/>
<path
fill="#6c6cff"
d="M97.752 296.457a4.983 4.983 0 0 1-3.535-1.464l-11-11a5 5 0 0 1 0-7.071l11-11a5 5 0 0 1 7.07 0l11 11a5 5 0 0 1 0 7.071l-11 11a4.983 4.983 0 0 1-3.535 1.464zm-3.929-16 3.929 3.929 3.929-3.929-3.929-3.929z"
/>
<path
fill="#ff9d33"
d="M89.528 116.957a5 5 0 0 1-3.535-1.464L74.7 104.201a5 5 0 0 1 0-7.072l11.293-11.292a5 5 0 0 1 7.07 0l11.292 11.292a5 5 0 0 1 0 7.071l-11.292 11.293a4.996 4.996 0 0 1-3.535 1.464zm-4.221-16.292 4.222 4.221 4.221-4.221-4.221-4.221z"
/>
<path
fill="#ff6c6c"
d="M419.752 328.498c-7.175 0-13.012-5.837-13.012-13.012s5.837-13.012 13.012-13.012 13.013 5.837 13.013 13.012c0 7.174-5.838 13.012-13.013 13.012zm0-16.024c-1.661 0-3.012 1.351-3.012 3.012s1.351 3.012 3.012 3.012 3.013-1.351 3.013-3.012-1.352-3.012-3.013-3.012zM77.517 250.138c-7.175 0-13.013-5.837-13.013-13.012s5.838-13.012 13.013-13.012 13.012 5.837 13.012 13.012c-.001 7.175-5.838 13.012-13.012 13.012zm0-16.023c-1.661 0-3.013 1.351-3.013 3.012s1.352 3.012 3.013 3.012 3.012-1.351 3.012-3.012a3.016 3.016 0 0 0-3.012-3.012z"
/>
<path
fill="#b3b3ff"
d="M379.9 46.33v392.34c0 11.5-9.33 20.83-20.84 20.83H152.94c-11.51 0-20.84-9.33-20.84-20.83V46.33c0-11.5 9.33-20.83 20.84-20.83h206.12c11.51 0 20.84 9.33 20.84 20.83z"
/>
<path
fill="#8383ff"
d="M379.9 271.15V46.33c0-11.5-9.33-20.83-20.84-20.83H152.94c-11.51 0-20.84 9.33-20.84 20.83v224.82z"
/>
<path
fill="#ffab66"
d="M323.547 53.506 332 25.499H180l8.453 28.007a10 10 0 0 0 9.573 7.11h115.946c4.411 0 8.3-2.889 9.575-7.11z"
/>
<path
fill="#6c6cff"
d="M207.154 43.057a4.854 4.854 0 1 1 9.707 0 4.854 4.854 0 0 1-9.707 0zM223.48 43.057a4.854 4.854 0 1 1 9.707 0 4.854 4.854 0 0 1-9.707 0z"
/>
<path
fill="#ff8b00"
d="M296.601 47.911h-37.202a4.66 4.66 0 0 1 0-9.318h37.202a4.66 4.66 0 0 1 0 9.318z"
/>
<path
fill="#ffc599"
d="M267.667 141.603h-25.333v-18.781c0-6.996 5.671-12.667 12.667-12.667 6.996 0 12.667 5.671 12.667 12.667v18.781z"
/>
<path
fill="#fff"
d="M348.886 220.835c-2.9-48.784-43.374-87.452-92.886-87.452s-89.986 38.668-92.886 87.452z"
/>
<path
fill="#ebebff"
d="M348.5 231.609h-185a8.25 8.25 0 0 1 0-16.5h185a8.25 8.25 0 0 1 0 16.5z"
/>
<path
fill="#6c6cff"
d="M264.422 320.749h-76.519a5 5 0 1 1 0-10h76.519a5 5 0 1 1 0 10z"
/>
<path
fill="#fff"
d="M168.114 320.806a5 5 0 0 1-5-5v-.115a5 5 0 1 1 10 0v.115a5 5 0 0 1-5 5z"
/>
<path
fill="#6c6cff"
d="M294.422 341.83h-106.52a5 5 0 1 1 0-10h106.519a5 5 0 0 1 .001 10z"
/>
<path
fill="#fff"
d="M168.114 341.888a5 5 0 0 1-5-5v-.115a5 5 0 1 1 10 0v.115a5 5 0 0 1-5 5z"
/>
<path
fill="#6c6cff"
d="M264.422 362.912h-76.519a5 5 0 1 1 0-10h76.519a5 5 0 1 1 0 10z"
/>
<path
fill="#fff"
d="M168.114 362.969a5 5 0 0 1-5-5v-.115a5 5 0 1 1 10 0v.115a5 5 0 0 1-5 5z"
/>
<path
fill="#6c6cff"
d="M231.422 383.993h-43.52a5 5 0 1 1 0-10h43.52a5 5 0 1 1 0 10z"
/>
<path
fill="#fff"
d="M168.114 384.051a5 5 0 0 1-5-5v-.115a5 5 0 1 1 10 0v.115a5 5 0 0 1-5 5z"
/>
<path
fill="#6c6cff"
d="M249.422 405.074h-61.52a5 5 0 1 1 0-10h61.52a5 5 0 1 1 0 10z"
/>
<path
fill="#fff"
d="M168.114 405.132a5 5 0 0 1-5-5v-.115a5 5 0 1 1 10 0v.115a5 5 0 0 1-5 5z"
/>
<g fill="#2c27ff">
<path
d="M344.615 433.495c.977.977 2.257 1.465 3.536 1.465s2.56-.488 3.535-1.464l5.834-5.833a4.997 4.997 0 0 0 0-7.072l-5.834-5.833a5 5 0 1 0-7.07 7.072l2.298 2.298-2.298 2.298a4.998 4.998 0 0 0-.001 7.069zM167.384 57.62a5 5 0 0 0-7.07 0l-5.834 5.834a5.001 5.001 0 0 0 0 7.072l5.834 5.834c.976.976 2.256 1.464 3.535 1.464s2.56-.488 3.536-1.465a5 5 0 0 0-.001-7.071l-2.298-2.298 2.298-2.298a5 5 0 0 0 0-7.072z"
/>
</g>
<path
fill="#ff9d33"
d="M307.034 282.996H204.966a5 5 0 0 1-5-5v-13.692a5 5 0 0 1 5-5h102.068a5 5 0 0 1 5 5v13.692a5 5 0 0 1-5 5z"
/>
<path
fill="url(#b)"
d="M379.9 46.33v392.34c0 11.5-9.33 20.83-20.84 20.83H152.94c-11.51 0-20.84-9.33-20.84-20.83V46.33c0-11.5 9.33-20.83 20.84-20.83h206.12c11.51 0 20.84 9.33 20.84 20.83z"
/>
</svg>
More icons in the same style and category