Add icons to this collection by clicking the heart icon.
Crop Top icon - also known as summer, fashion, clothing, clothes, garment, and crop top. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.729"
y2="1.62"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="27" x2="27" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="c" x1="37" x2="37" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="d" x1="22" x2="22" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="e" x1="17" x2="17" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="f" x1="42" x2="42" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="g" x1="47" x2="47" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="h" x1="30" x2="30" y1="63.729" y2="1.62" href="#a" />
<linearGradient id="i" x1="44" x2="44" y1="63.729" y2="1.62" href="#a" />
<g>
<path
fill="url(#a)"
d="M51.23 25.01a.9.9 0 0 1-.23-.63v-1.22a4.092 4.092 0 0 0-3.6-4.13l2.41-14.72a1.98 1.98 0 0 0-.45-1.6A2 2 0 0 0 47.83 2h-1.97a1.978 1.978 0 0 0-1.98 1.69l-2.51 15.35c-.12-.01-.24-.04-.37-.04a4 4 0 0 0-3 1.36 3.989 3.989 0 0 0-6 0 3.989 3.989 0 0 0-6 0A4 4 0 0 0 23 19c-.13 0-.25.03-.37.04L20.12 3.71A1.978 1.978 0 0 0 18.14 2h-1.97a2 2 0 0 0-1.53.71 1.98 1.98 0 0 0-.45 1.6l2.41 14.72a4.092 4.092 0 0 0-3.6 4.13v1.22a.9.9 0 0 1-.23.63A11.956 11.956 0 0 0 10 33c0 3.54 1.25 6.73 3.34 8.54a1.952 1.952 0 0 0 .23.17l1.28 17.53A3.005 3.005 0 0 0 17.84 62h28.32a3.006 3.006 0 0 0 2.99-2.77l1.28-17.52c.08-.06.15-.1.22-.16C52.75 39.73 54 36.54 54 33a11.956 11.956 0 0 0-2.77-7.99zM45.86 4l1.97-.01-2.52 15.4a4.152 4.152 0 0 0-1.07.71c-.08.08-.16.17-.24.25a4.711 4.711 0 0 0-.71-.62zM16.17 4l1.97.01 2.57 15.72a4.211 4.211 0 0 0-.71.62 5.55 5.55 0 0 0-.24-.25 4.152 4.152 0 0 0-1.07-.71zm30.98 55.08a.993.993 0 0 1-.99.92H17.84a.992.992 0 0 1-.99-.91L16.47 54h31.06zm2.19-19.04A3.515 3.515 0 0 1 47 41v2a4.755 4.755 0 0 0 1.35-.21l-.26 3.54A1.946 1.946 0 0 0 47 46a2 2 0 0 0 0 4 1.909 1.909 0 0 0 .83-.19L47.67 52H16.33l-.16-2.19A1.909 1.909 0 0 0 17 50a2 2 0 0 0 0-4 1.946 1.946 0 0 0-1.09.33l-.26-3.54A4.755 4.755 0 0 0 17 43v-2a3.522 3.522 0 0 1-2.35-.97C13.02 38.62 12 35.92 12 33a9.928 9.928 0 0 1 2.24-6.63 2.921 2.921 0 0 0 .76-1.99v-1.22A2.117 2.117 0 0 1 16.89 21a2.033 2.033 0 0 1 1.49.55A1.989 1.989 0 0 1 19 23a1 1 0 0 0 2 0 2 2 0 0 1 4 0 1 1 0 0 0 2 0 2 2 0 0 1 4 0 1 1 0 0 0 2 0 2 2 0 0 1 4 0 1 1 0 0 0 2 0 2 2 0 0 1 4 0 1 1 0 0 0 2 0 2 2 0 0 1 2.11-2A2.117 2.117 0 0 1 49 23.16v1.22a2.921 2.921 0 0 0 .76 1.99A9.928 9.928 0 0 1 52 33c0 2.92-1.02 5.62-2.66 7.04z"
/>
<circle cx="27" cy="48" r="2" fill="url(#b)" />
<circle cx="37" cy="48" r="2" fill="url(#c)" />
<circle cx="32" cy="41" r="2" fill="url(#a)" />
<circle cx="22" cy="41" r="2" fill="url(#d)" />
<circle cx="17" cy="34" r="2" fill="url(#e)" />
<circle cx="27" cy="34" r="2" fill="url(#b)" />
<circle cx="37" cy="34" r="2" fill="url(#c)" />
<circle cx="42" cy="41" r="2" fill="url(#f)" />
<circle cx="32" cy="27" r="2" fill="url(#a)" />
<circle cx="22" cy="27" r="2" fill="url(#d)" />
<circle cx="42" cy="27" r="2" fill="url(#f)" />
<circle cx="47" cy="34" r="2" fill="url(#g)" />
<path fill="url(#h)" d="M19 56h22v2H19z" />
<path fill="url(#i)" d="M43 56h2v2h-2z" />
</g>
</svg>
More icons in the same style and category