Add icons to this collection by clicking the heart icon.
Online Order icon - also known as smartphone, delivery, electronics, food and restaurant, order food, and online order. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-8.284 6.716-15 15-15h279.021c8.285 0 15 6.716 15 15v457c0 8.284-6.715 15-15 15H5c-8.284 0-15-6.716-15-15V75.805Z"
transform="translate(97.99 32.5)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.284 0 15-6.716 15-15v-467c0-8.284-6.716-13-15-13h20c8.284 0 15 4.716 15 13l10 85.805V-15C15-6.716 8.284 0 0 0"
transform="translate(409.01 504.5)"
fill="#60b8fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-187.805c-13.806 0-25 11.193-25 25v197.804c0 13.808 11.194 25 25 25H0c13.807 0 25-11.192 25-25V25C25 11.193 13.807 0 0 0"
transform="translate(344.902 167.334)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-85.805c0-8.284 6.716-15 15-15h287.021c8.285 0 15 6.716 15 15V0Z"
transform="translate(87.99 108.305)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-85.805c0-8.284-6.716-15-15-15h30c8.284 0 15 6.716 15 15V0Z"
transform="translate(394.01 108.305)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.424-9.262-20.686-20.686-20.686-11.423 0-20.685 9.262-20.685 20.686s9.262 20.686 20.685 20.686C-9.262 20.686 0 11.424 0 0"
transform="translate(276.685 57.902)"
fill="#918291"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C-16.193 0-5-11.192-5-25v-197.804c0-13.807-11.193-25-25-25H0c13.807 0 25 11.193 25 25V-25C25-11.192 13.807 0 0 0"
transform="translate(354.902 415.138)"
fill="#ffd15c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 18.234 11.781 33.016 26.313 33.016 14.533 0 26.313-14.782 26.313-33.016 0-15.02-7.996-27.688-18.937-31.691a7.42 7.42 0 0 0 .124-1.325l-3-37.842c0-4.142-.357-7.5-4.5-7.5-4.142 0-3.5 3.358-3.5 7.5l-4 37.842c0 .453.047.894.124 1.325C7.996-27.688 0-15.02 0 0"
transform="translate(283.429 352.496)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.062 0 14.597 6.535 14.597 14.597v65.482c0 8.062-6.535 14.597-14.597 14.597-8.063 0-14.598-6.535-14.598-14.597V14.597C-14.598 6.535-8.063 0 0 0"
transform="translate(309.742 196.961)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.062 0 14.597 6.535 14.597 14.597v65.482c0 8.062-6.535 14.597-14.597 14.597s-14.598-6.535-14.598-14.597V14.597C-14.598 6.535-8.062 0 0 0"
transform="translate(213.323 196.961)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.424-9.262-20.686-20.686-20.686-11.423 0-20.685 9.262-20.685 20.686s9.262 20.686 20.685 20.686C-9.262 20.686 0 11.424 0 0Z"
transform="translate(276.685 57.902)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h104.158"
transform="translate(203.92 474.168)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-91.567"
transform="translate(179.557 108.305)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-207.917"
transform="translate(420.16 108.305)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v234.214c0 8.284-6.716 15-15 15h-306.021c-8.285 0-15-6.716-15-15v-94.149"
transform="translate(424.01 255.286)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-340.165c0-8.284 6.716-15 15-15h306.021c8.285 0 15 6.716 15 15v200.1"
transform="translate(87.99 362.665)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-197.805c-13.806 0-25 11.193-25 25v197.804c0 13.808 11.194 25 25 25H0c13.807 0 25-11.192 25-25V25C25 11.193 13.807 0 0 0Z"
transform="translate(354.902 167.334)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-18.234 11.781-33.016 26.313-33.016 14.533 0 26.313 14.782 26.313 33.016 0 18.234-11.78 33.016-26.313 33.016C11.781 33.016 0 18.234 0 0Z"
transform="translate(283.429 352.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27.842"
transform="translate(309.742 319.48)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-93.874"
transform="translate(213.323 385.511)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.78a7.449 7.449 0 0 0-7.448-7.449H-37.31a7.449 7.449 0 0 0-7.448 7.449V0"
transform="translate(235.702 385.511)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c8.062 0 14.597 6.535 14.597 14.597v65.482c0 8.062-6.535 14.597-14.597 14.597-8.063 0-14.598-6.535-14.598-14.597V14.597C-14.598 6.535-8.063 0 0 0Z"
transform="translate(309.742 196.961)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c8.062 0 14.597 6.535 14.597 14.597v65.482c0 8.062-6.535 14.597-14.597 14.597s-14.598-6.535-14.598-14.597V14.597C-14.598 6.535-8.062 0 0 0Z"
transform="translate(213.323 196.961)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category