Add icons to this collection by clicking the heart icon.
Purchase icon - also known as button, buy, commerce and shopping, online store, online shopping, purchase, ecommerce, and online purchase. 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 64 64"
>
<linearGradient
id="a"
x1="-4.892"
x2="53.451"
y1="53.358"
y2="-4.985"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-2.2"
x2="56.143"
y1="56.05"
y2="-2.293"
href="#a"
/>
<linearGradient
id="c"
x1="3.185"
x2="61.528"
y1="61.435"
y2="3.092"
href="#a"
/>
<linearGradient
id="d"
x1="-2.738"
x2="55.605"
y1="55.512"
y2="-2.831"
href="#a"
/>
<linearGradient
id="e"
x1="-5.431"
x2="52.912"
y1="52.819"
y2="-5.524"
href="#a"
/>
<linearGradient
id="f"
x1="-4.364"
x2="53.98"
y1="53.887"
y2="-4.457"
href="#a"
/>
<linearGradient
id="g"
x1="-3.761"
x2="54.582"
y1="54.489"
y2="-3.854"
href="#a"
/>
<linearGradient
id="h"
x1="17.725"
x2="76.068"
y1="75.975"
y2="17.632"
href="#a"
/>
<path
fill="url(#a)"
d="M33.926 29.541H18.847a1 1 0 0 1-.98-.804l-2.154-10.77a1 1 0 0 1 .98-1.196H36.08a1 1 0 0 1 .98 1.196l-2.154 10.77a1 1 0 0 1-.98.804zm-14.259-2h13.44l1.753-8.77H17.913z"
/>
<path
fill="url(#b)"
d="M21.002 34.926a2.077 2.077 0 1 1 2.077-2.077 2.08 2.08 0 0 1-2.077 2.077zm0-2.154a.077.077 0 0 0-.078.077c0 .086.155.086.155 0a.077.077 0 0 0-.078-.077z"
/>
<path
fill="url(#c)"
d="M31.772 34.926a2.077 2.077 0 1 1 2.077-2.077 2.08 2.08 0 0 1-2.077 2.077zm0-2.154a.077.077 0 0 0-.077.077c0 .086.154.086.154 0a.076.076 0 0 0-.077-.077z"
/>
<path
fill="url(#d)"
d="M29.618 29.541a1 1 0 0 1-1-1v-10.77a1 1 0 0 1 2 0v10.77a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M24.232 29.541a1 1 0 0 1-1-1v-10.77a1 1 0 0 1 2 0v10.77a1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M34.965 24.155H17.77a1 1 0 0 1 0-2h17.195a1 1 0 0 1 0 2z"
/>
<path
fill="url(#d)"
d="M36.08 18.77a1 1 0 0 1-.895-1.447l2.155-4.308a1 1 0 0 1 .895-.553h2.153a1 1 0 0 1 0 2h-1.536l-1.877 3.756a1 1 0 0 1-.896.553z"
/>
<path
fill="url(#g)"
d="M40.42 46.773H9.154A3.158 3.158 0 0 1 6 43.62V9.154A3.158 3.158 0 0 1 9.154 6H43.62a3.158 3.158 0 0 1 3.154 3.154V40.42a1 1 0 0 1-2 0V9.154A1.155 1.155 0 0 0 43.62 8H9.154A1.155 1.155 0 0 0 8 9.154V43.62a1.155 1.155 0 0 0 1.154 1.154H40.42a1 1 0 0 1 0 2z"
/>
<path
fill="url(#h)"
d="m53.009 58-.086-.002a2.084 2.084 0 0 1-1.5-.734l-4.28-5.174-2.987 4.92a1 1 0 0 1-1.82-.26l-4.829-18.02a1 1 0 0 1 1.225-1.224l18.02 4.83a1 1 0 0 1 .26 1.82l-4.922 2.988 5.166 4.272a2.077 2.077 0 0 1 .136 3.062l-2.914 2.914a2.08 2.08 0 0 1-1.47.608zm-5.991-8.63a1 1 0 0 1 .77.361l5.169 6.25.106-.004 2.914-2.913.64-.878-.637.77-6.25-5.168a1 1 0 0 1 .12-1.625l4.121-2.502-14.085-3.775 3.775 14.085 2.502-4.12a.997.997 0 0 1 .78-.48l.075-.002z"
/>
</svg>
More icons in the same style and category