Add icons to this collection by clicking the heart icon.
Online Order icon - also known as computer, electronics, food and restaurant, food delivery, and online order. Created in a clean outline color 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"
>
<path fill="#181a1c" d="M41 54a3 3 0 0 1-3-3v-5H26v5a3 3 0 0 1-3 3z" />
<path
fill="#2b2e33"
d="M41 54a3 3 0 0 1-3-3v-3h-7.302A2.698 2.698 0 0 0 28 50.698V53c0 .353-.072.686-.184 1zM36 6h24a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"
/>
<path fill="#36393f" d="M30 54H20a3 3 0 0 0-3 3v1h30v-1a3 3 0 0 0-3-3z" />
<path fill="#e2e7f7" d="M4 7h56a1 1 0 0 1 1 1v33H3V8a1 1 0 0 1 1-1z" />
<path
fill="#f2f2f2"
d="M9.033 6H60a2 2 0 0 1 2 2v28.999c0 .553-.449 1.001-1.001 1.001H22.598C14.541 38 8 31.459 8 23.402V7.033C8 6.463 8.463 6 9.033 6z"
opacity=".1"
/>
<path
fill="#eef1fa"
d="M60 7H8v16.402C8 31.464 14.536 38 22.598 38H61V8a1 1 0 0 0-1-1z"
/>
<path
fill="#202326"
d="M60 44H4a2 2 0 0 1-2-2v2a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2v-2a2 2 0 0 1-2 2z"
/>
<rect width="18" height="4" x="23" y="54" fill="#3f4349" rx="2" />
<rect width="16" height="5" x="7" y="32" fill="#f4ac1c" rx="1" />
<path
fill="#1cb15f"
d="M45.812 32h11.375c.449 0 .813.448.813 1v3c0 .552-.364 1-.813 1H45.812c-.449 0-.812-.448-.812-1v-3c0-.552.364-1 .812-1z"
/>
<g fill="#2b2e33">
<path
d="M19 29h-8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zM43 15H29a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2zM57 15H47a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2zM48 19H29a1 1 0 1 1 0-2h19a1 1 0 1 1 0 2zM48 23H29a1 1 0 1 1 0-2h19a1 1 0 1 1 0 2zM48 27H29a1 1 0 1 1 0-2h19a1 1 0 1 1 0 2z"
/>
</g>
<path
fill="#27d674"
d="M57.188 32H45.813c-.443 0-.801.438-.809.981A3.048 3.048 0 0 0 48.05 36h9.951v-3c0-.552-.364-1-.813-1z"
/>
<path
fill="#ffc239"
d="M22 32H8c-.54 0-.974.43-.993.966A3.099 3.099 0 0 0 10.103 36H23v-3a1 1 0 0 0-1-1zM8 19a7 7 0 1 1 14 0z"
/>
<path
fill="#f4ac1c"
d="M20 19h3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z"
/>
<rect width="14" height="4" x="8" y="19" fill="#ffc239" rx="2" />
<path
fill="#ffc239"
d="M15 13a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="#ffd55d"
d="M15 12c-1.96 0-3.729.808-5 2.106v1.949a2.946 2.946 0 0 0 2.946 2.946H22a7 7 0 0 0-7-7z"
/>
<g fill="#212121">
<path
d="M60 5H4C2.346 5 1 6.346 1 8v36c0 1.654 1.346 3 3 3h21v4c0 1.103-.897 2-2 2h-3c-2.206 0-4 1.794-4 4v1a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1v-1c0-2.206-1.794-4-4-4h-3c-1.103 0-2-.897-2-2v-4h21c1.654 0 3-1.346 3-3V8c0-1.654-1.346-3-3-3zM37.556 53H36a1 1 0 1 0 0 2h8c1.103 0 2 .897 2 2H18c0-1.103.897-2 2-2h13a1 1 0 1 0 0-2h-6.556A3.959 3.959 0 0 0 27 51v-4h10v4c0 .732.212 1.409.556 2zM60 45H4a1 1 0 0 1-1-1v-2h50a1 1 0 1 0 0-2H3V8a1 1 0 0 1 1-1h56a1 1 0 0 1 1 1v32h-5a1 1 0 1 0 0 2h5v2a1 1 0 0 1-1 1z"
/>
<path
d="M23 18h-.069A8.007 8.007 0 0 0 16 11.069V10a1 1 0 1 0-2 0v1.069A8.007 8.007 0 0 0 7.069 18H7c-1.103 0-2 .897-2 2v2c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-2c0-1.103-.897-2-2-2zm0 4H7v-2h9a1 1 0 1 0 0-2H9.09c.478-2.833 2.942-5 5.91-5s5.431 2.167 5.91 5H20a1 1 0 1 0 0 2h3zM22 31H8c-1.103 0-2 .897-2 2v3c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-3c0-1.103-.897-2-2-2zm0 5H8l-.002-3H22zM59 36v-3c0-1.103-.813-2-1.813-2H45.812c-.999 0-1.813.897-1.813 2v3c0 1.103.813 2 1.813 2h11.375c.999 0 1.813-.897 1.813-2zm-2.016 0H46l.016-3H57zM19 29a1 1 0 1 0 0-2h-8a1 1 0 1 0 0 2zM29 15h14a1 1 0 1 0 0-2H29a1 1 0 1 0 0 2zM47 15h10a1 1 0 1 0 0-2H47a1 1 0 1 0 0 2zM29 19h19a1 1 0 1 0 0-2H29a1 1 0 1 0 0 2zM29 23h19a1 1 0 1 0 0-2H29a1 1 0 1 0 0 2zM49 26a1 1 0 0 0-1-1H29a1 1 0 1 0 0 2h19a1 1 0 0 0 1-1z"
/>
</g>
</svg>
More icons in the same style and category