Add icons to this collection by clicking the heart icon.
Suitcase icon - also known as packing, travel, suitcase, luggage, and baggage. 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="128"
x2="128"
y1="-20.535"
y2="505.9"
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="168"
x2="168"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="c"
x1="109.6"
x2="109.6"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="d"
x1="91.2"
x2="91.2"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="e"
x1="244.8"
x2="244.8"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="f"
x1="232"
x2="232"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="g"
x1="226.4"
x2="226.4"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="h"
x1="364"
x2="364"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="i"
x1="384"
x2="384"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="j"
x1="404"
x2="404"
y1="-20.535"
y2="505.9"
href="#a"
/>
<linearGradient
id="k"
x1="256"
x2="256"
y1="-20.535"
y2="505.9"
href="#a"
/>
<g>
<g>
<rect
width="112"
height="48"
x="72"
y="240"
fill="url(#a)"
rx="12"
/>
<path fill="url(#b)" d="m168 204-47.999 20H216z" />
<path
fill="url(#c)"
d="m131.025 171.406 16.175-6.739L78.4 136H74a2 2 0 0 0-2 2v8.667l59.077 24.615z"
/>
<path fill="url(#b)" d="M215.999 136H120l48 20z" />
<rect
width="112"
height="48"
x="72"
y="368"
fill="url(#a)"
rx="12"
/>
<path fill="url(#d)" d="M72 164v32l38.4-16z" />
<rect
width="112"
height="48"
x="72"
y="304"
fill="url(#a)"
rx="12"
/>
<path
fill="url(#b)"
d="M262 136h-4.4L72 213.333V224h6.4L264 146.667V138a2 2 0 0 0-2-2z"
/>
<path fill="url(#e)" d="M264 196v-32l-38.4 16z" />
<g fill="url(#f)">
<path
d="M252 240h-40a12.013 12.013 0 0 0-12 12v24a12.013 12.013 0 0 0 12 12h16a12 12 0 0 0 0-24v-16a28 28 0 0 1 25.331 39.926A12.017 12.017 0 0 0 264 276v-24a12.013 12.013 0 0 0-12-12zM252 304h-40a12.013 12.013 0 0 0-12 12v24a12.013 12.013 0 0 0 12 12h16a12 12 0 0 0 0-24v-16a28 28 0 0 1 25.331 39.926A12.017 12.017 0 0 0 264 340v-24a12.013 12.013 0 0 0-12-12zM252 368h-40a12.013 12.013 0 0 0-12 12v24a12.013 12.013 0 0 0 12 12h16a12 12 0 0 0 0-24v-16a28 28 0 0 1 25.331 39.926A12.017 12.017 0 0 0 264 404v-24a12.013 12.013 0 0 0-12-12z"
/>
</g>
<path
fill="url(#g)"
d="m204.975 188.594-16.175 6.739L257.6 224h6.4v-10.667l-59.077-24.615z"
/>
<path
fill="url(#h)"
d="M364 280a12.013 12.013 0 0 0-12 12v28h24v-28a12.013 12.013 0 0 0-12-12z"
/>
<path fill="url(#i)" d="M328 416h112v-56H328zm64-24h40v16h-40z" />
<path
fill="url(#j)"
d="M404 280a12.013 12.013 0 0 0-12 12v28h24v-28a12.013 12.013 0 0 0-12-12z"
/>
<path
fill="url(#i)"
d="M328 320h8v-28a27.987 27.987 0 0 1 48-19.577A27.987 27.987 0 0 1 432 292v28h8v-72H328zM328 336h112v8H328z"
/>
<path
fill="url(#b)"
d="M80 56h8a8.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-8V32a8.009 8.009 0 0 0-8-8H80a8.009 8.009 0 0 0-8 8v16a8.009 8.009 0 0 0 8 8z"
/>
<path
fill="url(#k)"
d="M452 96H316a27.917 27.917 0 0 0-20 8.423A27.917 27.917 0 0 0 276 96h-52V56h-16v40h-80V56h-16v40H60a28.032 28.032 0 0 0-28 28v304a28.032 28.032 0 0 0 28 28h4a24 24 0 0 0 48 0h112a24 24 0 0 0 48 0h4a27.917 27.917 0 0 0 20-8.423A27.917 27.917 0 0 0 316 456h136a28.032 28.032 0 0 0 28-28V124a28.032 28.032 0 0 0-28-28zM280 414a18.021 18.021 0 0 1-18 18H74a18.021 18.021 0 0 1-18-18V128a8 8 0 0 1 8-8h208a8 8 0 0 1 8 8zm176 10a8 8 0 0 1-8 8H320a8 8 0 0 1-8-8V240a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8zm0-208a8 8 0 0 1-8 8H320a8 8 0 0 1-8-8v-88a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8z"
/>
<path
fill="url(#i)"
d="M328 136h112v16H328zM360 184h-16v-16h-16v40h112v-40h-80z"
/>
</g>
</g>
</svg>
More icons in the same style and category