Add icons to this collection by clicking the heart icon.
Summer Shirt icon - also known as summer, fashion, clothes, beach, holidays, shirt, vacation, summer shirt, garment, and hawaiian shirt. 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 400 400"
>
<radialGradient
id="a"
cx="40.409"
cy="176.994"
r="473.866"
gradientTransform="matrix(.985 .174 -.325 1.841 58.079 -155.867)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4848" />
<stop offset=".218" stop-color="#fc4545" />
<stop offset=".385" stop-color="#f53b3b" />
<stop offset=".534" stop-color="#e72b2b" />
<stop offset=".663" stop-color="#d61616" />
</radialGradient>
<radialGradient
id="b"
cx="99.999"
cy="190"
r="314.769"
gradientTransform="matrix(.997 .082 -.152 1.86 29.298 -171.522)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".148" stop-color="#ed2b2b" />
<stop offset=".48" stop-color="#bc0808" />
</radialGradient>
<radialGradient
id="c"
cx="99.999"
cy="190"
r="314.769"
gradientTransform="matrix(.997 .082 -.153 1.862 29.339 -172.028)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".292" stop-color="#ed2b2b" />
<stop offset=".431" stop-color="#e22323" />
<stop offset=".674" stop-color="#c50f0f" />
<stop offset=".741" stop-color="#bc0808" />
</radialGradient>
<radialGradient
id="d"
cx="50.096"
cy="162.553"
r="314.769"
gradientTransform="matrix(.997 .082 -.153 1.862 24.981 -144.27)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ed2b2b" />
<stop offset=".237" stop-color="#bc0808" />
</radialGradient>
<radialGradient
id="e"
cx="200"
cy="-61.91"
r="118.412"
gradientTransform="matrix(0 1 -1.449 0 110.314 -261.91)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".471" stop-color="#ed2b2b" />
<stop offset=".604" stop-color="#e22323" />
<stop offset=".836" stop-color="#c50f0f" />
<stop offset=".899" stop-color="#bc0808" />
</radialGradient>
<radialGradient
id="f"
cx="117.465"
cy="188.337"
r="314.769"
gradientTransform="matrix(.997 .082 -.153 1.86 29.106 -171.557)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".386" stop-color="#f9f9f9" />
<stop offset="1" stop-color="#c4c5c6" />
</radialGradient>
<radialGradient
id="g"
cx="99.999"
cy="190"
r="314.769"
gradientTransform="matrix(.997 .082 -.152 1.859 29.288 -171.409)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".155" stop-color="#f9f9f9" />
<stop offset=".728" stop-color="#c4c5c6" />
</radialGradient>
<radialGradient
id="h"
cx="124.951"
cy="187.505"
r="333.784"
gradientTransform="matrix(.997 .082 -.152 1.859 28.989 -171.278)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".188" stop-color="#f9f9f9" />
<stop offset=".437" stop-color="#ededed" />
<stop offset=".889" stop-color="#cdcecf" />
<stop offset="1" stop-color="#c4c5c6" />
</radialGradient>
<radialGradient
id="i"
cx="89.099"
cy="163.123"
r="108.592"
gradientTransform="matrix(.994 .113 -.213 1.874 35.232 -152.597)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".276" stop-color="#ff9f9f" />
<stop offset=".419" stop-color="#ff9494" />
<stop offset=".671" stop-color="#f77" />
<stop offset="1" stop-color="#ff4848" />
</radialGradient>
<radialGradient
id="j"
cx="170.561"
cy="43.979"
r="141.339"
gradientTransform="matrix(.978 .211 -.326 1.511 18.182 -58.448)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".39" stop-color="#f9f9f9" />
<stop offset=".561" stop-color="#eeeeef" />
<stop offset=".861" stop-color="#d1d2d3" />
<stop offset=".978" stop-color="#c4c5c6" />
</radialGradient>
<radialGradient
id="k"
cx="98.248"
cy="22.562"
r="159.013"
gradientTransform="matrix(.957 .289 -.429 1.42 13.867 -37.88)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".325" stop-color="#f9f9f9" />
<stop offset=".522" stop-color="#eeeeef" />
<stop offset=".866" stop-color="#d1d2d3" />
<stop offset="1" stop-color="#c4c5c6" />
</radialGradient>
<path
fill="url(#a)"
d="m382 137.828-47.859 47.813v171.313c0 23.75-19.266 43.047-43.047 43.047h-65.547C209.406 400 200 380.359 200 380.359S190.594 400 174.453 400h-65.547c-23.781 0-43.047-19.297-43.047-43.047V185.641L18 137.828c-8.938-8.953-9.547-23.25-1.359-32.875l27.563-32.547c13.531-15.969 66.375-42.359 71.062-44.719-.109-.734-.172-1.5-.078-2.125.047-.234.047-1 1.328-3.5 3.469-6.734 12.734-17.391 15.828-20.313C134.453-.22 135.469.015 136.5.015c.359 0 .703.109 1.016.312 14.906 12.344 38.766 18.031 62.297 18.031h.375c23.531 0 47.391-5.688 62.297-18.031a1.85 1.85 0 0 1 1.016-.312c1.031 0 2.047-.234 4.156 1.734 3.094 2.922 12.359 13.578 15.828 20.313 1.281 2.5 1.281 3.266 1.328 3.5.094.625.031 1.391-.078 2.125 4.688 2.359 57.531 28.75 71.062 44.719l27.563 32.547c8.187 9.625 7.578 23.922-1.36 32.875z"
/>
<path
fill="url(#b)"
d="M205.098 27.209v361.033c-3.333-4.184-5.097-7.886-5.097-7.886s-1.774 3.702-5.107 7.896V27.209z"
/>
<path
fill="url(#c)"
d="M344.359 140.341v35.092l-10.204 10.193v-45.285a5.108 5.108 0 0 1 5.107-5.107 5.106 5.106 0 0 1 5.097 5.107z"
/>
<path
fill="url(#d)"
d="M65.857 140.341v45.296l-10.204-10.193v-35.102c0-2.82 2.287-5.107 5.097-5.107s5.107 2.286 5.107 5.106z"
/>
<path
fill="url(#e)"
d="M200 59.875c-22.781 0-67.344-27.672-62.203-59.313 14.922 12.172 38.625 17.797 62.016 17.797h.375c23.391 0 47.094-5.625 62.016-17.797 5.14 31.641-39.423 59.313-62.204 59.313z"
/>
<path
fill="url(#f)"
d="M356.974 92.103a7.425 7.425 0 0 1-8.837 6.422c-4.632-.938-10.343-2.955-13.639-7.473-.512-.682-.938-1.421-1.336-2.159a17.165 17.165 0 0 1-1.364 2.159c-3.268 4.518-8.979 6.535-13.611 7.473-4.29.853-8.354-2.103-8.865-6.422-.54-4.688-.369-10.769 2.898-15.258.511-.71 1.08-1.335 1.648-1.961a18.445 18.445 0 0 1-2.472-.625c-5.313-1.705-9.007-6.535-11.309-10.655-2.131-3.779-.568-8.553 3.381-10.4 4.291-1.961 10.087-3.666 15.401-1.932.824.256 1.619.597 2.386.966-.113-.852-.199-1.705-.199-2.557 0-.767.057-1.534.17-2.273 14.179 8.325 28.443 17.759 34.581 25.005l.937 1.108c-.568.284-1.193.54-1.818.739-.824.256-1.648.483-2.472.625.568.625 1.109 1.25 1.62 1.961 3.269 4.488 3.468 10.568 2.9 15.257z"
/>
<path
fill="url(#g)"
d="M153.642 323.803c-.957.302-1.94.554-2.923.731.68.731 1.336 1.487 1.94 2.318 3.872 5.345 4.082 12.528 3.43 18.084a8.807 8.807 0 0 1-10.489 7.622c-5.49-1.096-12.263-3.514-16.15-8.848a19.688 19.688 0 0 1-1.588-2.57 22.955 22.955 0 0 1-1.613 2.57c-3.887 5.334-10.66 7.753-16.15 8.848a8.808 8.808 0 0 1-10.489-7.622c-.652-5.556-.441-12.739 3.431-18.084a24.787 24.787 0 0 1 1.94-2.318 23.477 23.477 0 0 1-2.923-.731c-6.289-2.038-10.68-7.738-13.412-12.624a8.808 8.808 0 0 1 4.012-12.322c5.079-2.337 11.972-4.356 18.245-2.319.983.328 1.94.706 2.847 1.159a20.47 20.47 0 0 1-.227-3.049c0-6.606 4.055-12.543 7.852-16.654a8.808 8.808 0 0 1 12.967.006c3.789 4.111 7.833 10.045 7.833 16.648 0 1.033-.075 2.041-.226 3.049a23.103 23.103 0 0 1 2.847-1.159c6.271-2.037 13.17-.019 18.255 2.317a8.808 8.808 0 0 1 4.012 12.332c-2.739 4.885-7.135 10.579-13.421 12.616z"
/>
<path
fill="url(#h)"
d="M329.492 219.336c.284-1.875.426-3.751.426-5.683 0-12.303-7.53-23.357-14.576-31-.37-.398-.767-.796-1.194-1.165-6.592-5.882-16.793-5.484-22.959 1.165-7.075 7.643-14.605 18.696-14.605 31 0 1.932.142 3.808.427 5.683a39.342 39.342 0 0 0-5.314-2.16c-11.678-3.807-24.521-.028-33.983 4.319-8.723 4.006-12.161 14.548-7.473 22.93 5.086 9.092 13.27 19.72 24.976 23.498 1.79.568 3.608 1.051 5.456 1.364-1.279 1.364-2.501 2.785-3.609 4.319-7.217 9.973-7.615 23.328-6.393 33.671 1.108 9.547 10.087 16.082 19.52 14.207 10.229-2.046 22.845-6.535 30.091-16.48a44.42 44.42 0 0 0 2.984-4.774 40.09 40.09 0 0 0 2.955 4.774c2.074 2.87 4.603 5.285 7.387 7.302 6.251 4.546 13.774 7.15 20.536 8.685l.007-103.588c-1.591.541-3.125 1.195-4.659 1.933z"
/>
<path
fill="url(#i)"
d="M131.933 203.352c-14.156 0-25.631-11.476-25.631-25.631v-27.804a8.493 8.493 0 0 1 8.493-8.493h34.276a8.493 8.493 0 0 1 8.493 8.493v27.804c0 14.155-11.475 25.631-25.631 25.631z"
/>
<path
fill="url(#j)"
d="M200.001 59.877c7.671 7.073 14.567 19.831 15.599 31.227.508 5.613 5.845 7.737 9.409 6.029 25.415-12.179 52.762-51.861 59.013-66.978.369-.881 1.049-3.086.796-4.603-.039-.234-.051-.989-1.335-3.495-3.45-6.729-12.73-17.39-15.827-20.316-2.103-1.961-3.111-1.733-4.144-1.733-1.831 0-3.386 3.41-3.499 3.637-16.056 31.909-48.107 51.828-60.012 56.232z"
/>
<path
fill="url(#k)"
d="M200.001 59.877c-7.671 7.073-14.567 19.831-15.599 31.227-.508 5.613-5.845 7.737-9.409 6.029-25.415-12.179-52.762-51.861-59.013-66.978-.369-.881-1.049-3.086-.796-4.603.039-.234.051-.989 1.335-3.495 3.45-6.729 12.73-17.39 15.827-20.316C134.449-.22 135.457.008 136.49.008c1.831 0 3.386 3.41 3.499 3.637 16.055 31.909 48.106 51.828 60.012 56.232z"
/>
</svg>
More icons in the same style and category