Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, weather, sunny, summertime, sun, forecast, and climate. 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 512 512"
>
<linearGradient
id="b"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="c"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5f" stop-opacity=".6" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient
id="d"
x1="-423.735"
x2="398.352"
y1="935.735"
y2="113.648"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="e"
x1="-115.749"
x2="610.312"
y1="627.749"
y2="-98.312"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset=".21" stop-color="#fff52f" />
<stop offset=".758" stop-color="#fefca6" />
<stop offset="1" stop-color="#feffd6" />
</linearGradient>
<radialGradient
id="f"
cx="256"
cy="256.001"
r="153.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5f" stop-opacity=".6" />
<stop offset=".025" stop-color="#ff525c" stop-opacity=".585" />
<stop offset=".37" stop-color="#ff9635" stop-opacity=".378" />
<stop offset=".659" stop-color="#ffc818" stop-opacity=".205" />
<stop offset=".878" stop-color="#ffe707" stop-opacity=".073" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fffa78" />
<stop offset=".458" stop-color="#fffcb4" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="-28.426"
x2="320.279"
y1="540.426"
y2="191.722"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="169.585"
x2="321.637"
y1="343.12"
y2="191.068"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<path
fill="url(#d)"
d="M256 55.1C148.907 55.661 55.661 148.905 55.1 256c.559 107.094 93.807 200.339 200.9 200.9 107.092-.561 200.34-93.805 200.9-200.9-.56-107.094-93.806-200.338-200.9-200.9z"
/>
<path
fill="url(#e)"
d="M408.091 251.305c-10.969-13.66-14.667-31.827-9.972-48.557.935-3.333-.674-6.897-3.759-8.626-15.444-8.638-25.909-24.121-28.174-41.526-.459-3.517-3.266-6.324-6.782-6.782-17.404-2.265-32.889-12.73-41.526-28.174-1.727-3.086-5.293-4.693-8.625-3.759-16.731 4.695-34.897.999-48.557-9.972a7.472 7.472 0 0 0-9.391 0c-13.66 10.97-31.826 14.666-48.557 9.972-3.333-.936-6.899.675-8.626 3.759-8.637 15.443-24.122 25.909-41.526 28.174-3.517.46-6.323 3.265-6.782 6.782-2.266 17.405-12.73 32.889-28.174 41.526-3.084 1.728-4.695 5.293-3.759 8.626 4.694 16.73.998 34.897-9.972 48.557a7.472 7.472 0 0 0 0 9.391c10.97 13.659 14.666 31.827 9.972 48.557-.936 3.332.675 6.898 3.759 8.626 15.443 8.637 25.909 24.123 28.174 41.526.46 3.517 3.265 6.324 6.782 6.782 17.404 2.267 32.889 12.729 41.526 28.174 1.727 3.084 5.293 4.695 8.625 3.759 16.73-4.696 34.897-.997 48.557 9.972a7.47 7.47 0 0 0 9.391 0c13.659-10.969 31.826-14.667 48.557-9.972 3.333.936 6.899-.675 8.626-3.759 8.638-15.446 24.122-25.909 41.526-28.174 3.516-.458 6.323-3.265 6.782-6.781 2.265-17.403 12.731-32.89 28.174-41.526 3.085-1.725 4.693-5.293 3.759-8.625-4.695-16.732-.998-34.897 9.972-48.557a7.48 7.48 0 0 0 0-9.393z"
/>
<path
fill="url(#f)"
d="M408.091 251.305c-10.969-13.66-14.667-31.827-9.972-48.557.935-3.333-.674-6.897-3.759-8.626-15.444-8.638-25.909-24.121-28.174-41.526-.459-3.517-3.266-6.324-6.782-6.782-17.404-2.265-32.889-12.73-41.526-28.174-1.727-3.086-5.293-4.693-8.625-3.759-16.731 4.695-34.897.999-48.557-9.972a7.472 7.472 0 0 0-9.391 0c-13.66 10.97-31.826 14.666-48.557 9.972-3.333-.936-6.899.675-8.626 3.759-8.637 15.443-24.122 25.909-41.526 28.174-3.517.46-6.323 3.265-6.782 6.782-2.266 17.405-12.73 32.889-28.174 41.526-3.084 1.728-4.695 5.293-3.759 8.626 4.694 16.73.998 34.897-9.972 48.557a7.472 7.472 0 0 0 0 9.391c10.97 13.659 14.666 31.827 9.972 48.557-.936 3.332.675 6.898 3.759 8.626 15.443 8.637 25.909 24.123 28.174 41.526.46 3.517 3.265 6.324 6.782 6.782 17.404 2.267 32.889 12.729 41.526 28.174 1.727 3.084 5.293 4.695 8.625 3.759 16.73-4.696 34.897-.997 48.557 9.972a7.47 7.47 0 0 0 9.391 0c13.659-10.969 31.826-14.667 48.557-9.972 3.333.936 6.899-.675 8.626-3.759 8.638-15.446 24.122-25.909 41.526-28.174 3.516-.458 6.323-3.265 6.782-6.781 2.265-17.403 12.731-32.89 28.174-41.526 3.085-1.725 4.693-5.293 3.759-8.625-4.695-16.732-.998-34.897 9.972-48.557a7.48 7.48 0 0 0 0-9.393z"
/>
<path
fill="url(#g)"
d="M256 158.625c-53.338.064-97.311 44.035-97.375 97.375.063 53.338 44.037 97.311 97.375 97.375 53.339-.064 97.312-44.036 97.375-97.375-.064-53.339-44.037-97.313-97.375-97.375z"
/>
<path
fill="url(#h)"
d="M271.334 322.616c-53.541.019-97.422-43.791-97.287-97.241a96.434 96.434 0 0 1 4.046-27.37c-12.193 16.249-19.47 36.301-19.467 57.996.063 53.338 44.037 97.311 97.375 97.375 43.916-.013 81.371-29.875 93.4-70.06-17.839 23.695-46.218 39.262-78.067 39.3z"
/>
</svg>
More icons in the same style and category