Add icons to this collection by clicking the heart icon.
Shorts icon - also known as fashion, clothes, pants, trousers, shorts, and garment. Created in a clean 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#94d869" />
<stop offset="1" stop-color="#528730" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#bbf0fc" />
<stop offset="1" stop-color="#4bcdf2" />
</linearGradient>
<linearGradient
id="d"
x1="177.812"
x2="334.188"
y1="57.522"
y2="213.898"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="148.491"
x2="363.509"
y1="174.052"
y2="389.07"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".005" stop-color="#77e1f9" />
<stop offset="1" stop-color="#109dd3" />
</linearGradient>
<linearGradient
id="f"
x1="341.158"
x2="411.829"
y1="155.805"
y2="226.476"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="223.967"
x2="288.214"
y1="158.812"
y2="223.059"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="107.893"
x2="163.12"
y1="163.527"
y2="218.754"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="M394.332 117.668H117.668v36.086l118.86 30.984-1.489 5.102 11.266-2.55 9.789 2.55v-4.77l138.238-31.316zm0 0"
/>
<g fill="#1fb8eb">
<path
d="M135.71 394.332h-18.042v-36.086l18.043-18.043zM153.754 340.203h18.043v54.129h-18.043zM243.973 394.332h-18.047v-54.129l18.047 18.043zM189.84 340.203h18.043v54.129H189.84zM304.117 340.203h18.043v54.129h-18.043zM286.07 394.332h-18.043v-36.086l18.043-18.043zM394.332 394.332h-18.043v-54.129l18.043 18.043zM340.203 340.203h18.043v54.129h-18.043zm0 0"
/>
</g>
<path
fill="url(#e)"
d="M343.21 153.754h-60.054l-27.066 66.965-27.067-66.965H168.79l-51.121 90.219v114.273h126.305V280.06h24.054v78.187h126.305V243.973zm0 0"
/>
<path
fill="url(#f)"
d="M394.332 153.754v90.219c-28.117 0-51.121-24.36-51.121-54.133v-36.086zm0 0"
/>
<path
fill="url(#g)"
d="M256.227 153.754h-27.204v63.152c0 14.946 12.122 27.063 27.067 27.063 14.95 0 27.066-12.117 27.066-27.063v-63.152zm0 0"
/>
<path
fill="url(#h)"
d="M168.79 153.754v36.086c0 29.773-23.005 54.133-51.122 54.133v-90.22zm0 0"
/>
</svg>
More icons in the same style and category