Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as shop, buy, shopping, commerce and shopping, shopping bag, online shopping, and 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 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="255.999"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".295" stop-color="#ffc6e3" />
<stop offset=".76" stop-color="#ffeff7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="135.649"
x2="674.875"
y1="353.919"
y2="-185.306"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="129.091"
x2="560.333"
y1="357.409"
y2="-73.834"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="256"
x2="256"
y1="395.414"
y2="92.55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".04" stop-color="#ff424d" stop-opacity=".96" />
<stop offset=".094" stop-color="#ff5772" stop-opacity=".906" />
<stop offset=".153" stop-color="#ff6a93" stop-opacity=".847" />
<stop offset=".219" stop-color="#ff79ae" stop-opacity=".781" />
<stop offset=".293" stop-color="#ff86c5" stop-opacity=".707" />
<stop offset=".378" stop-color="#ff90d6" stop-opacity=".622" />
<stop offset=".483" stop-color="#ff97e2" stop-opacity=".517" />
<stop offset=".627" stop-color="#ff9be9" stop-opacity=".373" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff2f2b" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="h"
x1="126.898"
x2="229.512"
y1="217.755"
y2="115.141"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="206.612"
x2="327.79"
y1="245.004"
y2="123.825"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="53.609"
x2="306.04"
y1="309.069"
y2="56.638"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="284.242"
x2="453.983"
y1="472.08"
y2="302.338"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="116.978"
x2="350.544"
y1="465.661"
y2="232.095"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="123.319"
x2="301.864"
y1="387.803"
y2="209.258"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="172.846"
x2="430.517"
y1="510.771"
y2="253.101"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M126.351 127.5a5798.218 5798.218 0 0 0-.137 212 3296.35 3296.35 0 0 0 259.572 0c-2.457-4.9-4.925-9.817-7.404-14.751-83.208-63.197-169.383-135.133-252.031-197.249z"
/>
<path
fill="url(#f)"
d="M385.649 127.5a5798.218 5798.218 0 0 1 .137 212c-2.545.1-5.09.197-7.635.292.083-5.014.16-10.029.231-15.043-70.554 2.504-135.852-26.905-183.609-74.49-33.68-33.607-58.262-75.591-68.422-122.759.161-8.27 7.123-15.325 15.521-15.691a2683.78 2683.78 0 0 1 228.256 0c8.396.365 15.361 7.421 15.521 15.691z"
/>
<path
fill="url(#g)"
d="M370.128 111.809a2683.78 2683.78 0 0 0-228.256 0c-8.396.365-15.36 7.42-15.521 15.691a5798.218 5798.218 0 0 0-.137 212 3296.35 3296.35 0 0 0 259.572 0 5798.218 5798.218 0 0 0-.137-212c-.16-8.27-7.126-15.325-15.521-15.691z"
/>
<path
fill="url(#h)"
d="M194.924 133.01c-.042 5.097-.08 10.195-.115 15.292-.031 4.222 3.375 7.595 7.604 7.543 4.228-.053 7.672-3.52 7.693-7.754.027-5.109.055-10.219.087-15.328-5.089.07-10.179.153-15.269.247z"
/>
<path
fill="url(#i)"
d="M301.807 132.762c.031 5.109.06 10.219.087 15.328.021 4.233 3.465 7.702 7.693 7.754 4.23.052 7.635-3.321 7.604-7.543-.035-5.097-.074-10.195-.115-15.292-5.09-.093-10.18-.176-15.269-.247z"
/>
<path
fill="url(#j)"
d="M256 40.194c-32.983.024-60.352 28.596-60.79 62.232-.107 10.195-.203 20.389-.286 30.584-.035 4.221 3.361 7.585 7.582 7.523s7.662-3.539 7.687-7.771c.062-10.219.133-20.437.214-30.656.245-25.316 20.739-46.529 45.593-46.537 24.854.008 45.349 21.219 45.593 46.537.081 10.219.152 20.438.214 30.656.024 4.234 3.466 7.708 7.687 7.771s7.618-3.301 7.582-7.523c-.083-10.195-.178-20.389-.286-30.584-.438-33.637-27.807-62.207-60.79-62.232z"
/>
<path
fill="url(#k)"
d="M383.603 326.639c-19.848 17.49-39.65 35.202-59.307 52.876 19.228 16.56 38.235 32.68 56.92 48.103 1.489-1.474 2.459-3.47 2.528-5.617.956-30 1.679-60 2.169-90a7.021 7.021 0 0 0-2.31-5.362z"
/>
<path
fill="url(#l)"
d="M324.296 379.515c19.658-17.674 39.46-35.385 59.307-52.876-1.351-1.228-3.184-1.953-5.221-1.889a3877.093 3877.093 0 0 1-244.764 0c-2.035-.066-3.87.665-5.221 1.889 19.848 17.49 39.65 35.202 59.307 52.876 22.893 10.833 45.672 21.479 68.296 31.729 22.624-10.25 45.403-20.896 68.296-31.729z"
/>
<path
fill="url(#m)"
d="M128.397 326.639a7.03 7.03 0 0 0-2.31 5.362c.49 30 1.214 60 2.169 90 .068 2.147 1.039 4.141 2.528 5.617 18.685-15.423 37.692-31.543 56.92-48.103-19.657-17.675-39.459-35.386-59.307-52.876z"
/>
<path
fill="url(#n)"
d="M187.704 379.515c-19.229 16.56-38.235 32.68-56.92 48.103 1.386 1.37 3.219 2.29 5.216 2.432 80 5.677 160 5.677 240 0 1.997-.143 3.829-1.062 5.216-2.432-18.685-15.423-37.692-31.543-56.92-48.103a2383.296 2383.296 0 0 1-136.592 0z"
/>
</svg>
More icons in the same style and category