Add icons to this collection by clicking the heart icon.
Buy icon - also known as smartphone, commerce, buy, shopping cart, supermarket, commerce and shopping, shopping store, online store, and online shop. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-63.881"
x2="4.215"
y1="563.625"
y2="563.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M188 424h16v16h-16v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-63.881"
x2="4.215"
y1="612.625"
y2="612.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M132 32h16v16h-16V32z" fill="url(#b)" />
<linearGradient
id="c"
x1="-63.881"
x2="4.215"
y1="612.625"
y2="612.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M164 32h16v16h-16V32z" fill="url(#c)" />
<linearGradient
id="d"
x1="-63.881"
x2="4.215"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M396 272h-16a23.956 23.956 0 0 0-11.776 3.088A24 24 0 0 0 348 264h-16V40c-.026-22.08-17.92-39.974-40-40H100C77.92.026 60.026 17.92 60 40v400c.026 22.08 17.92 39.974 40 40h296a8 8 0 0 0 8-8v-33.472A24 24 0 0 0 420 416V296c0-13.255-10.745-24-24-24zM76 440V80h208V64H76V40c0-13.255 10.745-24 24-24h192c13.255 0 24 10.745 24 24v222.128a23.66 23.66 0 0 0-4-2.832c-.376-.224-.8-.392-1.176-.592a23.186 23.186 0 0 0-3.856-1.6c-.496-.152-.984-.312-1.496-.432A24.02 24.02 0 0 0 300 256h-16a24.01 24.01 0 0 0-8 1.368V192a23.709 23.709 0 0 0-1.064-6.936c13.962-16.966 11.527-42.038-5.438-56A39.782 39.782 0 0 0 244 120h-96c-22.091 0-40 17.909-40 40s17.909 40 40 40h64v184H108v16h104v64H100c-13.255 0-24-10.745-24-24zm182.328-271.136c-.224-.056-.448-.088-.664-.144A24.199 24.199 0 0 0 252 168h-16c-1.48.01-2.956.16-4.408.448-.448.08-.872.208-1.312.32a22.32 22.32 0 0 0-2.88.896c-.456.176-.896.352-1.336.552-.935.432-1.841.923-2.712 1.472-.336.208-.68.392-1 .608a25.09 25.09 0 0 0-3.2 2.664c-.168.168-.296.36-.464.528a24.059 24.059 0 0 0-2.232 2.704c-.264.368-.488.752-.728 1.128a24.55 24.55 0 0 0-1.424 2.632c-.192.416-.384.8-.552 1.248-.112.272-.264.52-.36.8H148c-13.255 0-24-10.745-24-24s10.745-24 24-24h96c13.255 0 24 10.745 24 24a23.57 23.57 0 0 1-3.112 11.728c-.272-.176-.576-.304-.864-.464s-.512-.28-.8-.416a23.803 23.803 0 0 0-4.896-1.984zM388 464H228v-24h160v24zm16-48a8 8 0 0 1-8 8H228V192a8 8 0 0 1 8-8h16a7.898 7.898 0 0 1 6.784 3.792A8.088 8.088 0 0 1 260 192v120h16v-32a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v32h16v-24a8 8 0 0 1 4.048-6.936A7.87 7.87 0 0 1 332 280h16a8 8 0 0 1 8 8v24h16v-16a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v120z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-63.881"
x2="4.215"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M156 152h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-63.881"
x2="4.215"
y1="597.625"
y2="597.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M188 152h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-63.881"
x2="4.215"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 232h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-63.881"
x2="4.215"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M140 232h48v16h-48v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-63.875"
x2="4.225"
y1="583.625"
y2="583.625"
gradientTransform="matrix(8 0 0 -8 539 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".353" stop-color="#ed683c" />
<stop offset=".703" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M108 264h80v16h-80v-16z" fill="url(#i)" />
</svg>
More icons in the same style and category