Add icons to this collection by clicking the heart icon.
Online Order icon - also known as smartphone, buy, shopping cart, commerce and shopping, online store, online shopping, delivery box, shipping, ecommerce, and online order. Created in a clean flat style with a white, gray, red, blue, 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 512 512"
>
<rect width="288" height="464" x="112" y="24" fill="#5b83fe" rx="20" />
<path
fill="#3a69ff"
d="M216 40v8a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8v-8h88v432H128V40z"
/>
<path fill="#fccd3c" d="M240 336h112v112H240z" />
<path
fill="#f3aa20"
d="M160 336h80v112h-80zM304 360l-8-8-8 8v-20h16zM304 428l-8 8-8-8v20h16zM264 372h64v40h-64z"
/>
<path
fill="#fccd3c"
d="M312 404h-32a4 4 0 0 1 0-8h32a4 4 0 0 1 0 8zM312 388h-4a4 4 0 0 1 0-8h4a4 4 0 0 1 0 8zM226.828 413.172l-8-8a4 4 0 0 0-5.656 0l-8 8a4 4 0 0 0 5.656 5.656l1.172-1.172V432a4 4 0 0 0 8 0v-14.344l1.172 1.172a4 4 0 1 0 5.656-5.656zM186.828 405.172a4 4 0 0 0-5.656 0l-8 8a4 4 0 0 0 5.656 5.656l1.172-1.172V432a4 4 0 0 0 8 0v-14.344l1.172 1.172a4 4 0 1 0 5.656-5.656z"
/>
<path fill="#3a69ff" d="M280 44h-48a4 4 0 0 1 0-8h48a4 4 0 0 1 0 8z" />
<g fill="#2255f5">
<path
d="M144 72h224v24H144zM192 116h-48a4 4 0 0 1 0-8h48a4 4 0 0 1 0 8zM168 132h-24a4 4 0 0 1 0-8h24a4 4 0 0 1 0 8zM232 132h-48a4 4 0 0 1 0-8h48a4 4 0 0 1 0 8zM200 148h-56a4 4 0 0 1 0-8h56a4 4 0 0 1 0 8z"
/>
<circle cx="320" cy="196" r="8" />
<circle cx="356" cy="196" r="8" />
<path
d="M364 180h-48.611l-1.334-8H364a4 4 0 0 0 3.98-3.6l4-40A4 4 0 0 0 368 124h-61.945l-2.11-12.657A4 4 0 0 0 300 108h-12a4 4 0 0 0 0 8h8.611l11.444 68.657A4 4 0 0 0 312 188h52a4 4 0 0 0 0-8zm-53.278-28h11.658l1.2 12h-10.858zm30.858 0-1.2 12h-8.76l-1.2-12zm-11.96-8-1.2-12h15.16l-1.2 12zm18.8 20 1.2-12h11.96l-1.2 12zm13.96-20h-11.96l1.2-12h11.96zm-42-12 1.2 12h-12.191l-2-12z"
/>
</g>
<path fill="#fccd3c" d="M352 336.199H240l16-32h112z" />
<path fill="#f3aa20" d="M240 336.199h-80l-16-32h80z" />
<path
fill="#f2444e"
d="M204 236c0-5.178 8.624-8.929 10.142-13.6 1.572-4.842-3.145-12.936-.212-16.967 2.963-4.071 12.138-2.07 16.209-5.033 4.031-2.933 4.946-12.293 9.789-13.865C244.6 185.015 250.822 192 256 192s11.4-6.985 16.073-5.467c4.842 1.572 5.758 10.932 9.789 13.865 4.07 2.963 13.246.962 16.208 5.033 2.934 4.031-1.784 12.125-.211 16.967C299.376 227.071 308 230.822 308 236s-8.624 8.929-10.142 13.6c-1.572 4.842 3.145 12.936.212 16.967-2.963 4.071-12.138 2.07-16.209 5.033-4.031 2.933-4.946 12.293-9.789 13.865C267.4 286.985 261.178 280 256 280s-11.4 6.985-16.073 5.467c-4.842-1.572-5.758-10.932-9.789-13.865-4.07-2.963-13.246-.962-16.208-5.033-2.934-4.031 1.784-12.125.211-16.967C212.624 244.929 204 241.178 204 236z"
/>
<path
fill="#fff"
d="M237.536 263.385a4 4 0 0 1-3.152-6.459l36.923-47.385a4 4 0 0 1 6.31 4.918l-36.923 47.385a4 4 0 0 1-3.158 1.541zM272.154 263.385a10.924 10.924 0 1 1 10.923-10.923 10.937 10.937 0 0 1-10.923 10.923zm0-13.847a2.924 2.924 0 1 0 2.923 2.924 2.927 2.927 0 0 0-2.923-2.924zM239.847 229.846a10.923 10.923 0 1 1 10.923-10.923 10.936 10.936 0 0 1-10.923 10.923zm0-13.846a2.923 2.923 0 1 0 2.923 2.923 2.927 2.927 0 0 0-2.923-2.923z"
/>
<path fill="#f3aa20" d="M240 336h112v8H240z" />
<path fill="#fccd3c" d="M292 388h-12a4 4 0 0 1 0-8h12a4 4 0 0 1 0 8z" />
</svg>
More icons in the same style and category