Add icons to this collection by clicking the heart icon.
Shorts icon - also known as fashion, clothes, beach, pants, swimming trunks, shorts, and swimwear. 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="13.375"
x2="54.762"
y1="6.5"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#fdd835" />
<stop offset=".011" stop-color="#fdd835" />
<stop offset=".628" stop-color="#fee84f" />
<stop offset="1" stop-color="#ffee58" />
</linearGradient>
<linearGradient
id="c"
x1="21.708"
x2="46.095"
y1="45.792"
y2="21.405"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#d32f2f" />
<stop offset=".583" stop-color="#e14444" />
<stop offset="1" stop-color="#e84d4d" />
</linearGradient>
<linearGradient id="d" x1="56" x2="56" y1="48.833" y2="36.246" href="#a" />
<linearGradient id="e" x1="8" x2="8" y1="35.333" y2="25.247" href="#a" />
<linearGradient
id="b"
x1="5"
x2="31"
y1="57"
y2="57"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#e0e0e0" />
<stop offset=".263" stop-color="#e5e5e5" />
<stop offset="1" stop-color="#eee" />
</linearGradient>
<linearGradient id="f" x1="33.688" x2="58.501" href="#b" />
<path
fill="url(#a)"
d="M54 2H10a3.003 3.003 0 0 0-3 3v5a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1V5a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="#fdd835"
d="M23 7a2 2 0 0 1-2-2V2H10a3.003 3.003 0 0 0-3 3v5a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1V7z"
/>
<rect width="6" height="9" x="13" y="2" fill="#eee" rx="1" />
<rect width="6" height="9" x="45" y="2" fill="#eee" rx="1" />
<path
fill="url(#c)"
d="M56 9H8a3.003 3.003 0 0 0-3 3v47a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3V35.107a1.085 1.085 0 0 1 .825-1.093 1.01 1.01 0 0 1 .822.224A.999.999 0 0 1 33 35v24a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3V12a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="#d32f2f"
d="M33 46.158V59a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3V48.216a99.36 99.36 0 0 1-26-2.058zM56 9H43a1 1 0 0 0-1 1v5a9.01 9.01 0 0 0 9 9h7a1 1 0 0 0 1-1V12a3.003 3.003 0 0 0-3-3zM21 9H8a3.003 3.003 0 0 0-3 3v11a1 1 0 0 0 1 1h7a9.01 9.01 0 0 0 9-9v-5a1 1 0 0 0-1-1z"
/>
<circle cx="28" cy="9" r="3" fill="#37474f" />
<circle cx="36" cy="9" r="3" fill="#37474f" />
<path
fill="#eee"
d="M36 29a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v19a1 1 0 0 1-1 1zM28 24a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v14a1 1 0 0 1-1 1z"
/>
<rect width="6" height="32" x="53" y="24" fill="url(#d)" rx="1" />
<path
fill="#d32f2f"
d="M5 28.698V59a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3V45.672c-10.077-2.596-20.154-7.586-26-16.974z"
/>
<rect width="6" height="32" x="5" y="24" fill="url(#e)" rx="1" />
<path
fill="#fdd835"
d="M5 28.698V55a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V35.763a31.985 31.985 0 0 1-6-7.065z"
/>
<path
fill="url(#b)"
d="M30 52H6a1 1 0 0 0-1 1v6a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#e0e0e0"
d="M5 58v1a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3v-1z"
/>
<path
fill="#fdd835"
d="M53 48.342V55a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-6.784c-1.53.079-3.576.145-6 .126z"
/>
<path
fill="url(#f)"
d="M58 52H34a1 1 0 0 0-1 1v6a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3v-6a1 1 0 0 0-1-1z"
/>
<path
fill="#e0e0e0"
d="M33 58v1a3.003 3.003 0 0 0 3 3h20a3.003 3.003 0 0 0 3-3v-1z"
/>
<g fill="#fff">
<circle cx="19" cy="55" r="1" />
<circle cx="50" cy="36" r="1" />
<path d="M28 56h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<circle cx="47" cy="55" r="1" />
<path
d="M56 56h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM51 27v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 2 0z"
/>
</g>
</svg>
More icons in the same style and category