Add icons to this collection by clicking the heart icon.
Shorts icon - also known as fashion, clothing, clothes, shorts, jeans, garment, and denim shorts. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#badaf0" />
<stop offset="1" stop-color="#9ecdef" />
</linearGradient>
<linearGradient
id="c"
x1="71.111"
x2="190.611"
y1="67.259"
y2="61.009"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d4e7fa" />
<stop offset="1" stop-color="#b9daf0" />
</linearGradient>
<linearGradient
id="d"
x1="-429.557"
x2="-429.39"
y1="15.145"
y2="-2.022"
gradientTransform="matrix(-1 0 0 1 -318 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="68.498"
x2="78.831"
y1="53.105"
y2="52.772"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-412.524"
x2="-413.774"
y1="6.241"
y2="37.991"
gradientTransform="matrix(-1 0 0 1 -320 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="14.526"
x2="115.526"
y1="66.57"
y2="68.57"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="64"
x2="64"
y1="-18.75"
y2="8.251"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="44.467"
x2="149.134"
y1="59.301"
y2="60.134"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="91.848"
x2="89.515"
y1="3.733"
y2="52.566"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="72.077"
x2="69.243"
y1="14.294"
y2="55.627"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#967e7f" />
<stop offset="1" stop-color="#373638" />
</linearGradient>
<linearGradient
id="l"
x1="35.415"
x2="34.165"
y1="8.759"
y2="40.509"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="16.438"
x2="16.604"
y1="15.747"
y2="-1.42"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="-40.854"
x2="-14.604"
y1="54.315"
y2="53.065"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="39.136"
x2="39.303"
y1="15.967"
y2="-1.199"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="89.132"
x2="89.298"
y1="16.453"
y2="-.714"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path fill="url(#c)" d="M117 37s5.284 27.891 5 52l-53 9-5-8V37z" />
<path
fill="url(#d)"
d="M103 37h14s2.512 13.264 3.979 29.404C100.181 59.564 103 37 103 37z"
/>
<path
fill="url(#e)"
d="M103 37h4.002c.112 5.944 1.648 19.102 13.567 25.211.143 1.371.281 2.77.41 4.193C100.181 59.564 103 37 103 37z"
/>
<path
fill="url(#f)"
d="m70.038 106 53.001-9c1.979-.438 3-1.343 3-3l-1-6c-.469-2.125-1.343-3-3-3l-53 9c-2.26.51-3 1.343-3 3l.999 6c.5 2.396.75 3 3 3z"
/>
<path fill="url(#g)" d="M11 37S5.716 64.891 6 89l53 9 5-8V37z" />
<path fill="url(#h)" d="M117 37H11V27a4 4 0 0 1 4-4h98a4 4 0 0 1 4 4z" />
<path fill="url(#i)" d="M64 82c6-2 11-2.25 11-13V37H64z" />
<path fill="url(#j)" d="M113 23H68a4 4 0 0 0-4 4v10h53V27a4 4 0 0 0-4-4z" />
<circle cx="71" cy="30" r="3" fill="url(#k)" />
<path
fill="url(#l)"
d="M58.001 106 5 97c-1.979-.438-3-1.343-3-3l1-6c.469-2.125 1.343-3 3-3l53 9c2.26.51 3 1.343 3 3l-.999 6c-.501 2.396-.751 3-3 3z"
/>
<path
fill="url(#m)"
d="M25 37H11S8.488 50.264 7.021 66.404C27.819 59.564 25 37 25 37z"
/>
<path
fill="url(#n)"
d="M25 37h-4.002c-.112 5.944-1.648 19.102-13.567 25.211-.143 1.371-.281 2.77-.41 4.193C27.819 59.564 25 37 25 37z"
/>
<path fill="url(#o)" d="M37 23h4v14h-4z" />
<path fill="url(#p)" d="M87 23h4v14h-4z" />
</svg>
More icons in the same style and category