Add icons to this collection by clicking the heart icon.
Suitcase icon - also known as travel, suitcase, luggage, baggage, and travelling. 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 512 512"
>
<linearGradient
id="a"
x1="344"
x2="344"
y1="3.966"
y2="555.322"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="161.105"
x2="161.105"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="c"
x1="176"
x2="176"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="d"
x1="252"
x2="252"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="e"
x1="184"
x2="184"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="f"
x1="144"
x2="144"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="g"
x1="256"
x2="256"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="h"
x1="304"
x2="304"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="i"
x1="208"
x2="208"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="j"
x1="284.059"
x2="284.059"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="k"
x1="296"
x2="296"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="l"
x1="392"
x2="392"
y1="3.966"
y2="555.322"
href="#a"
/>
<linearGradient
id="m"
x1="336"
x2="336"
y1="3.966"
y2="555.322"
href="#a"
/>
<g>
<path fill="url(#a)" d="M328 160h32v16h-32z" />
<path
fill="url(#b)"
d="M138 192h18.687l19.413-19.414A53.025 53.025 0 0 1 186.211 144H148a12.013 12.013 0 0 0-12 12v34a2 2 0 0 0 2 2z"
/>
<circle cx="176" cy="464" r="16" fill="url(#c)" />
<path
fill="url(#d)"
d="M138 304h230v-40H216v6a18.021 18.021 0 0 1-18 18h-28a18.021 18.021 0 0 1-18-18v-6h-14a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M168 203.314V270a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-66.686l-16-16z"
/>
<path
fill="url(#f)"
d="M138 248h14v-40h-14a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2z"
/>
<path
fill="url(#g)"
d="M168 64h8a8.009 8.009 0 0 0 8-8 8 8 0 0 1 8-8h128a8 8 0 0 1 8 8 8.009 8.009 0 0 0 8 8h8a8.009 8.009 0 0 0 8-8V40a8.009 8.009 0 0 0-8-8H168a8.009 8.009 0 0 0-8 8v16a8.009 8.009 0 0 0 8 8z"
/>
<path fill="url(#h)" d="M296 64h16v64h-16z" />
<path fill="url(#i)" d="M200 64h16v64h-16z" />
<path
fill="url(#j)"
d="M364 144H216c-12.425 0-22.675 12.655-23.881 28.805L211.313 192H374a2 2 0 0 0 2-2v-34a12.013 12.013 0 0 0-12-12z"
/>
<path
fill="url(#k)"
d="M374 208H216v40h152v-24a8 8 0 0 1 8-8v-6a2 2 0 0 0-2-2z"
/>
<path
fill="url(#l)"
d="M398 232h-14v104h14a2 2 0 0 0 2-2V234a2 2 0 0 0-2-2z"
/>
<path
fill="url(#g)"
d="M368 344v-24H138a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2h236a2 2 0 0 0 2-2v-6a8 8 0 0 1-8-8zM374 376H138a2 2 0 0 0-2 2v58a12.013 12.013 0 0 0 12 12h.295a31.986 31.986 0 0 1 55.41 0H308.3a31.986 31.986 0 0 1 55.41 0h.3a12.013 12.013 0 0 0 12-12v-58a2 2 0 0 0-2.01-2zm-46 32h-16v-16h16zm32 0h-16v-16h16z"
/>
<circle cx="336" cy="464" r="16" fill="url(#m)" />
</g>
</svg>
More icons in the same style and category