Add icons to this collection by clicking the heart icon.
Suitcase icon - also known as summer, bag, travel, suitcase, holidays, luggage, baggage, hand bag, summer beach, and brifcase. 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="b"
x1="28.96"
x2="35.442"
y1="21.864"
y2="10.637"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#37474f" />
<stop offset="1" stop-color="#78909c" />
</linearGradient>
<linearGradient
id="d"
x1="18.187"
x2="45.813"
y1="58.925"
y2="11.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f78f1e" />
<stop offset="1" stop-color="#ffcb29" />
</linearGradient>
<linearGradient
id="a"
x1="55.268"
x2="58.184"
y1="23.268"
y2="18.217"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ed6d23" />
<stop offset="1" stop-color="#faa629" />
</linearGradient>
<linearGradient
id="e"
x1="4.011"
x2="9.475"
y1="26.006"
y2="16.542"
href="#a"
/>
<linearGradient
id="f"
x1="5.816"
x2="8.732"
y1="51.783"
y2="46.732"
href="#a"
/>
<linearGradient
id="g"
x1="54.525"
x2="59.989"
y1="53.458"
y2="43.994"
href="#a"
/>
<linearGradient
id="c"
x1="16.5"
x2="19.5"
y1="44.598"
y2="39.402"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c52928" />
<stop offset="1" stop-color="#ef5451" />
</linearGradient>
<linearGradient
id="h"
x1="15.768"
x2="20.232"
y1="51.866"
y2="44.134"
href="#b"
/>
<linearGradient
id="i"
x1="12.737"
x2="23.263"
y1="38.116"
y2="19.884"
href="#b"
/>
<linearGradient
id="j"
x1="44.5"
x2="47.5"
y1="44.598"
y2="39.402"
href="#c"
/>
<linearGradient
id="k"
x1="43.768"
x2="48.232"
y1="51.866"
y2="44.134"
href="#b"
/>
<linearGradient
id="l"
x1="40.737"
x2="51.263"
y1="38.116"
y2="19.884"
href="#b"
/>
<linearGradient
id="m"
x1="29.535"
x2="35.536"
y1="55.196"
y2="44.802"
href="#a"
/>
<linearGradient
id="n"
x1="28.601"
x2="34.622"
y1="37.47"
y2="27.041"
href="#a"
/>
<linearGradient
id="o"
x1="11.384"
x2="14.616"
y1="30.799"
y2="25.201"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#44b3e6" />
<stop offset="1" stop-color="#b5e4fa" />
</linearGradient>
<linearGradient
id="p"
x1="46.701"
x2="52.299"
y1="35.25"
y2="25.554"
href="#c"
/>
<path
fill="url(#b)"
d="M38 20H26a1 1 0 0 1-1-1v-4a4.004 4.004 0 0 1 4-4h6a4.004 4.004 0 0 1 4 4v4a1 1 0 0 1-1 1zm-11-2h10v-3a2.002 2.002 0 0 0-2-2h-6a2.002 2.002 0 0 0-2 2z"
/>
<rect width="56" height="34" x="4" y="18" fill="url(#d)" rx="3" />
<path fill="url(#a)" d="M60 21v5l-8-8h5a2.996 2.996 0 0 1 3 3z" />
<path fill="url(#e)" d="M4 21v5l8-8H7a2.996 2.996 0 0 0-3 3z" />
<path fill="url(#f)" d="M4 49v-5l8 8H7a2.996 2.996 0 0 1-3-3z" />
<path fill="url(#g)" d="M60 49v-5l-8 8h5a2.996 2.996 0 0 0 3-3z" />
<rect width="8" height="4" x="14" y="40" fill="url(#c)" rx="2" />
<path fill="url(#h)" d="M16 44h4v8h-4z" />
<path fill="url(#i)" d="M16 18h4v22h-4z" />
<rect width="8" height="4" x="42" y="40" fill="url(#j)" rx="2" />
<path fill="url(#k)" d="M44 44h4v8h-4z" />
<path fill="url(#l)" d="M44 18h4v22h-4z" />
<path fill="url(#m)" d="M40 52H24a8 8 0 0 1 16 0z" />
<path
fill="url(#n)"
d="M32 25.528 33.453 30h4.702l-3.804 2.764 1.453 4.472L32 34.472l-3.804 2.764 1.453-4.472L25.845 30h4.702z"
/>
<path fill="url(#o)" d="M10 26h6v4h-6z" />
<path
fill="url(#p)"
d="M54 30a6.005 6.005 0 0 1-6 6V24a6.005 6.005 0 0 1 6 6z"
/>
</svg>
More icons in the same style and category