Add icons to this collection by clicking the heart icon.
Shopping Basket icon - also known as money, finance, pay, commerce, basket, payment, shopping, shopping basket, commerce and shopping, credit card, and atm card. 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="32"
x2="32"
y1="64.701"
y2="3.502"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="28" x2="28" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="c" x1="20" x2="20" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="d" x1="36" x2="36" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="e" x1="44" x2="44" y1="64.701" y2="3.502" href="#a" />
<linearGradient
id="f"
x1="22.5"
x2="22.5"
y1="64.701"
y2="3.502"
href="#a"
/>
<linearGradient id="g" x1="24" x2="24" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="h" x1="16" x2="16" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="i" x1="48" x2="48" y1="64.701" y2="3.502" href="#a" />
<linearGradient id="j" x1="40" x2="40" y1="64.701" y2="3.502" href="#a" />
<g>
<path
fill="url(#a)"
d="M18 26h28a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5H18a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5zM15 7a3 3 0 0 1 3-3h28a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H18a3 3 0 0 1-3-3z"
/>
<path
fill="url(#b)"
d="M25 19a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1z"
/>
<path fill="url(#c)" d="M18 20h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M34 20h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M42 20h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M19 14h7a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2zm0-3h1v1h-1zm4 1h-1V8h1zm2 0v-1h1v1zm1-3h-1V8h1zm-6-1v1h-1V8z"
/>
<path
fill="url(#a)"
d="M59 30h-3.76l5.61-5.61a3 3 0 1 0-4.24-4.24L46.76 30H17.24l-9.85-9.85a3.075 3.075 0 0 0-4.24 0 2.994 2.994 0 0 0 0 4.24L8.76 30H5a3.009 3.009 0 0 0-3 3v4a3.009 3.009 0 0 0 3 3h.16l3.25 17.9a5.008 5.008 0 0 0 4.93 4.11h37.32a5.008 5.008 0 0 0 4.93-4.11L58.84 40H59a3.009 3.009 0 0 0 3-3v-4a3.009 3.009 0 0 0-3-3zm-12.29 2.88 11.31-11.32a1.024 1.024 0 0 1 .71-.29 1.042 1.042 0 0 1 .71.29 1.008 1.008 0 0 1 0 1.42L48.12 34.29a1.014 1.014 0 0 1-1.41 0 1 1 0 0 1 0-1.41zm-42.15-9.9a1.033 1.033 0 0 1-.29-.71 1.007 1.007 0 0 1 1-1 1.033 1.033 0 0 1 .71.29l11.31 11.32a1 1 0 1 1-1.41 1.41zM53.6 57.53a2.982 2.982 0 0 1-2.94 2.46H13.34a2.974 2.974 0 0 1-2.94-2.46L7.21 40.01h49.58zM60 37a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h5.76l3.7 3.71A3 3 0 0 0 19.13 32h25.74a3 3 0 0 0 4.67 3.71l3.7-3.71H59a1 1 0 0 1 1 1z"
/>
<path
fill="url(#a)"
d="M32 58a3 3 0 0 0 3-3V45a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
<path
fill="url(#g)"
d="M24 58a3 3 0 0 0 3-3V45a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
<path
fill="url(#h)"
d="M16 58a3 3 0 0 0 3-3V45a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
<path
fill="url(#i)"
d="M48 58a3 3 0 0 0 3-3V45a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
<path
fill="url(#j)"
d="M40 58a3 3 0 0 0 3-3V45a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
/>
</g>
</svg>
More icons in the same style and category