Add icons to this collection by clicking the heart icon.
Summer icon - also known as tree, summer, weather, shine, bright, sun, forecast, weather news, and forecast analytics. 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 100 100"
>
<linearGradient
id="c"
x1="28.114"
x2="44.644"
y1="38.507"
y2="38.507"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a07d5c" />
<stop offset="1" stop-color="#ffcb8e" />
</linearGradient>
<linearGradient
id="d"
x1="5"
x2="17.795"
y1="51.345"
y2="51.345"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eccb8e" />
<stop offset="1" stop-color="#8b671f" />
</linearGradient>
<linearGradient
id="e"
x1="17.79"
x2="47.816"
y1="56.518"
y2="56.518"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8b671f" />
<stop offset="1" stop-color="#eccb8e" />
</linearGradient>
<radialGradient
id="a"
cx="72.619"
cy="27.997"
r="14.403"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd523" />
<stop offset="1" stop-color="#fb9300" />
</radialGradient>
<linearGradient
id="f"
x1="69.577"
x2="75.662"
y1="8.251"
y2="8.251"
href="#a"
/>
<linearGradient
id="g"
x1="69.577"
x2="75.662"
y1="47.743"
y2="47.743"
href="#a"
/>
<linearGradient
id="h"
x1="89.731"
x2="95"
y1="27.997"
y2="27.997"
href="#a"
/>
<linearGradient
id="i"
x1="50.239"
x2="55.508"
y1="27.997"
y2="27.997"
href="#a"
/>
<linearGradient
id="b"
x1="85.059"
x2="90.37"
y1="12.902"
y2="12.902"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fb9300" />
<stop offset="1" stop-color="#ffd523" />
</linearGradient>
<linearGradient
id="j"
x1="54.869"
x2="60.18"
y1="43.092"
y2="43.092"
href="#b"
/>
<linearGradient
id="k"
x1="54.869"
x2="60.18"
y1="12.902"
y2="12.902"
href="#b"
/>
<linearGradient
id="l"
x1="85.059"
x2="90.37"
y1="43.092"
y2="43.092"
href="#b"
/>
<g>
<path
fill="url(#c)"
d="M38.056 49.017h-9.942v-6.343h7.41A2.778 2.778 0 0 0 38.3 39.9v-8.731A3.172 3.172 0 0 1 41.473 28a3.172 3.172 0 0 1 3.171 3.172v11.26a6.587 6.587 0 0 1-6.588 6.585z"
/>
<path
fill="url(#d)"
d="M17.8 67.255A12.81 12.81 0 0 1 5 54.46V38.607a3.172 3.172 0 0 1 3.172-3.172 3.172 3.172 0 0 1 3.172 3.172V54.46a6.458 6.458 0 0 0 6.456 6.451z"
/>
<path
fill="url(#e)"
d="M47.816 58.553v10.953a16.106 16.106 0 0 1-16.1 16.113h-3.597v5.324a3.441 3.441 0 0 1-3.44 3.441H21.23a3.441 3.441 0 0 1-3.44-3.441V23.811a5.165 5.165 0 0 1 10.329 0v55.464h3.595a9.759 9.759 0 0 0 9.759-9.758V58.7a3.266 3.266 0 0 1 2.919-3.3 3.176 3.176 0 0 1 3.424 3.162z"
/>
<circle cx="72.619" cy="27.997" r="14.403" fill="url(#a)" />
<path fill="url(#f)" d="m72.619 5.616-3.042 5.27h6.085z" />
<path fill="url(#g)" d="m72.619 50.377-3.042-5.269h6.085z" />
<path fill="url(#h)" d="m95 27.997-5.269-3.042v6.084z" />
<path fill="url(#i)" d="m50.239 27.997 5.269-3.042v6.084z" />
<path
fill="url(#b)"
d="M86.082 15.558a1.024 1.024 0 0 1-.723-1.747l3.264-3.265a1.023 1.023 0 0 1 1.447 1.447l-3.264 3.265a1.021 1.021 0 0 1-.724.3z"
/>
<path
fill="url(#j)"
d="M55.892 45.748A1.024 1.024 0 0 1 55.168 44l3.265-3.264a1.023 1.023 0 0 1 1.447 1.447l-3.264 3.265a1.021 1.021 0 0 1-.724.3z"
/>
<path
fill="url(#k)"
d="M59.156 15.558a1.02 1.02 0 0 1-.723-.3l-3.265-3.265a1.024 1.024 0 1 1 1.448-1.447l3.264 3.265a1.024 1.024 0 0 1-.724 1.747z"
/>
<path
fill="url(#l)"
d="M89.347 45.748a1.021 1.021 0 0 1-.724-.3l-3.264-3.265a1.023 1.023 0 0 1 1.447-1.447L90.07 44a1.024 1.024 0 0 1-.723 1.748z"
/>
</g>
</svg>
More icons in the same style and category