Add icons to this collection by clicking the heart icon.
Shopping Online icon - also known as pay, commerce, payment, mobile, shopping, store, credit card, atm card, shopping online, and business and finance. Created in a clean flat 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="21"
x2="21"
y1="69.921"
y2="3.901"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="41" x2="41" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="c" x1="31" x2="31" y1="69.921" y2="3.901" href="#a" />
<linearGradient
id="d"
x1="19.002"
x2="19.002"
y1="69.921"
y2="3.901"
href="#a"
/>
<linearGradient
id="e"
x1="23.007"
x2="23.007"
y1="69.921"
y2="3.901"
href="#a"
/>
<linearGradient
id="f"
x1="27.005"
x2="27.005"
y1="69.921"
y2="3.901"
href="#a"
/>
<linearGradient id="g" x1="51" x2="51" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="h" x1="39" x2="39" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="i" x1="7" x2="7" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="j" x1="23" x2="23" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="k" x1="15" x2="15" y1="69.921" y2="3.901" href="#a" />
<linearGradient id="l" x1="36" x2="36" y1="69.921" y2="3.901" href="#a" />
<g>
<path fill="url(#a)" d="M19 42h4v2h-4z" />
<path fill="url(#b)" d="M39 42h4v2h-4z" />
<path fill="url(#c)" d="M29 42h4v2h-4z" />
<path fill="url(#d)" d="M20.005 34v-2H18v1a1 1 0 0 0 1 1z" />
<path fill="url(#e)" d="M22.005 28h2.005v6h-2.005z" />
<path fill="url(#f)" d="M28 29a1 1 0 0 0-1-1h-.99v2H28z" />
<path fill="url(#d)" d="M20.005 28H19a1 1 0 0 0-1 1v1h2z" />
<path fill="url(#f)" d="M28 33v-1h-1.99v2H27a1 1 0 0 0 1-1z" />
<path fill="url(#g)" d="M49 42h4v2h-4z" />
<path
fill="url(#c)"
d="M31 16a3.009 3.009 0 0 0 3-3v-3h-6v3a3.009 3.009 0 0 0 3 3z"
/>
<path fill="url(#h)" d="M36 13a3 3 0 0 0 6 0v-3h-6z" />
<path fill="url(#i)" d="M10 13v-3H4v3a3 3 0 0 0 6 0z" />
<path
fill="url(#j)"
d="M7.54 4 4.87 8h36.26l-2.67-4zM40 56H6v1a3.009 3.009 0 0 0 3 3h28a3.009 3.009 0 0 0 3-3zm-16 3h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#k)"
d="M15 16a3.009 3.009 0 0 0 3-3v-3h-6v3a3.009 3.009 0 0 0 3 3z"
/>
<path
fill="url(#j)"
d="M23 16a3.009 3.009 0 0 0 3-3v-3h-6v3a3.009 3.009 0 0 0 3 3z"
/>
<path
fill="url(#j)"
d="M40 52H15a5 5 0 0 1-5-5V25a5 5 0 0 1 5-5h25v-2.1a5.468 5.468 0 0 1-1 .1 4.994 4.994 0 0 1-4-2.03 4.956 4.956 0 0 1-8 0 4.956 4.956 0 0 1-8 0 4.956 4.956 0 0 1-8 0A4.994 4.994 0 0 1 7 18a5.468 5.468 0 0 1-1-.1V54h34z"
/>
<path
fill="url(#l)"
d="M60 25a3.009 3.009 0 0 0-3-3H15a3.009 3.009 0 0 0-3 3v22a3.009 3.009 0 0 0 3 3h42a3.009 3.009 0 0 0 3-3zm-44 8v-4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3zm9 12a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm10 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
/>
</g>
</svg>
More icons in the same style and category