Add icons to this collection by clicking the heart icon.
Bag icon - also known as bag, travel, suitcase, luggage, baggage, travelling, and bagpack. 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="-10.724"
x2="50.78"
y1="52.076"
y2="-11.374"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-5.322"
x2="56.182"
y1="57.312"
y2="-6.137"
href="#a"
/>
<linearGradient
id="c"
x1="3.968"
x2="65.472"
y1="66.318"
y2="2.869"
href="#a"
/>
<linearGradient
id="d"
x1="2.477"
x2="63.981"
y1="64.872"
y2="1.423"
href="#a"
/>
<linearGradient
id="e"
x1="3.24"
x2="64.744"
y1="65.612"
y2="2.162"
href="#a"
/>
<linearGradient
id="f"
x1="23.863"
x2="85.367"
y1="85.602"
y2="22.153"
href="#a"
/>
<linearGradient
id="g"
x1="21.553"
x2="83.057"
y1="83.363"
y2="19.914"
href="#a"
/>
<linearGradient
id="h"
x1="21.872"
x2="83.376"
y1="83.672"
y2="20.223"
href="#a"
/>
<linearGradient
id="i"
x1="-18.812"
x2="42.692"
y1="44.236"
y2="-19.213"
href="#a"
/>
<linearGradient
id="j"
x1="-2.727"
x2="58.777"
y1="59.828"
y2="-3.621"
href="#a"
/>
<linearGradient
id="k"
x1="8.386"
x2="69.89"
y1="70.6"
y2="7.151"
href="#a"
/>
<linearGradient
id="l"
x1="-9.462"
x2="52.042"
y1="53.299"
y2="-10.15"
href="#a"
/>
<linearGradient
id="m"
x1="-7.463"
x2="54.041"
y1="55.237"
y2="-8.212"
href="#a"
/>
<linearGradient
id="n"
x1="8.004"
x2="69.508"
y1="70.23"
y2="6.78"
href="#a"
/>
<linearGradient
id="o"
x1="6.005"
x2="67.509"
y1="68.292"
y2="4.843"
href="#a"
/>
<rect width="20" height="4" x="22" y="6" fill="url(#a)" rx="1" />
<path
fill="url(#b)"
d="M4 42.356V46a3 3 0 0 0 3 3h.91A5.939 5.939 0 0 0 4 42.356z"
/>
<path
fill="url(#c)"
d="M15 58h-3a1 1 0 0 1-1-1v-2.233A3 3 0 1 0 16 57a1 1 0 0 1-1 1z"
/>
<path fill="url(#d)" d="M13 51h1v5h-1z" />
<path
fill="url(#e)"
d="M50 32a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3H20v3a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3H4v11.266A8.024 8.024 0 0 1 10 48a8.088 8.088 0 0 1-.072 1h44.144A7.9 7.9 0 0 1 60 40.266V29H50z"
/>
<path
fill="url(#f)"
d="M53 57a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1 3 3 0 1 0 5-2.233z"
/>
<path fill="url(#g)" d="M50 51h1v5h-1z" />
<path
fill="url(#h)"
d="M56 48a6.007 6.007 0 0 0 .09 1H57a3 3 0 0 0 3-3v-3.644A6.018 6.018 0 0 0 56 48z"
/>
<path
fill="url(#i)"
d="M8 17.08A6.019 6.019 0 0 0 7.892 16H7a3 3 0 0 0-3 3v3.724a6.017 6.017 0 0 0 4-5.644z"
/>
<path
fill="url(#j)"
d="M54 17.08a8.051 8.051 0 0 1 .078-1.08H47V8a1 1 0 0 0-1-1h-3v2h2v7H19V9h2V7h-3a1 1 0 0 0-1 1v8H9.922A8.051 8.051 0 0 1 10 17.08a8.024 8.024 0 0 1-6 7.734V27h10v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3h24v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3h10v-2.186a8.024 8.024 0 0 1-6-7.734z"
/>
<path
fill="url(#k)"
d="M57 16h-.892A5.917 5.917 0 0 0 60 22.724V19a3 3 0 0 0-3-3z"
/>
<path fill="url(#l)" d="M16 25h2v2h-2z" />
<path fill="url(#m)" d="M16 29h2v2h-2z" />
<path fill="url(#n)" d="M46 29h2v2h-2z" />
<path fill="url(#o)" d="M46 25h2v2h-2z" />
</svg>
More icons in the same style and category