Add icons to this collection by clicking the heart icon.
Sunny icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, and clouds and sun. Created in a clean lineal color style with a silver, black, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-60.717-9.771-108.026-59.647-113.809-121.588-38.181-6.855-67.151-40.219-67.151-80.352 0-14.954 12.245-27.218 27.24-27.218h354.296c14.967 0 27.212 12.264 27.212 27.218 0 13.624-3.316 26.482-9.241 37.754-11.962 22.885-34.468 39.397-61.085 43.107C151.537-60.157 105.419-10.989 45.921-.368a137.27 137.27 0 0 1-24.066 2.124C14.429 1.756 7.115 1.162 0 0"
transform="translate(190.96 252.658)"
fill="#33d6f5"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-33.873 0-64.43-14.189-86.029-36.961C-26.531-47.582 19.587-96.75 25.512-157.671c26.617-3.711 49.123-20.223 61.085-43.107h68.796c13.039 0 23.697 10.649 23.697 23.677 0 35.856-26.617 65.482-61.171 70.297-4.138 42.512-30.755 78.453-67.831 95.73C34.866-3.965 17.887 0 0 0"
transform="translate(322.91 289.25)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-57.57 0-104.256-46.647-104.256-104.171 0-22.997 7.484-44.24 20.097-61.488a135.762 135.762 0 0 0 21.855 1.756c8.22 0 16.271-.736 24.066-2.124 21.599 22.771 52.156 36.961 86.029 36.961 17.887 0 34.866-3.965 50.088-11.074a104.373 104.373 0 0 1 6.378 35.969C104.257-46.647 57.57 0 0 0"
transform="translate(275.12 418.317)"
fill="#ffcd69"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-37.559 0-68.398-28.577-71.971-65.17"
transform="translate(212.022 196.38)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-100.741c-14.995 0-27.24 12.264-27.24 27.218 0 40.133 28.969 73.497 67.151 80.351 6.463 69.192 64.742 123.345 135.664 123.345 70.751 0 128.917-53.898 135.606-122.835 39.742-5.551 70.327-39.623 70.327-80.861C280.767 12.264 268.521 0 253.555 0H89.8"
transform="translate(137.981 23.5)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.6 22.771 52.156 36.989 86.029 36.989 61.511 0 112.08-46.845 117.919-106.804 34.554-4.815 61.171-34.44 61.171-70.296 0-13.029-10.658-23.678-23.697-23.678h-68.796"
transform="translate(236.88 252.261)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c35.092-16.767 59.356-52.567 59.356-94.031 0-12.632-2.267-24.754-6.406-35.969m-181.981-25.52c-12.642 17.221-20.125 38.491-20.125 61.489 0 41.464 24.263 77.264 59.356 94.031"
transform="translate(320.02 408.177)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30.22"
transform="translate(275.12 488.5)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30.245"
transform="translate(419.372 314.146)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h30.245"
transform="translate(100.622 314.146)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.401-21.384"
transform="translate(151.73 437.435)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 21.4 21.384"
transform="translate(377.108 416.05)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.057"
transform="translate(182.825 23.5)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.057"
transform="translate(275.063 418.317)"
fill="none"
stroke="#000"
stroke-width="20.148"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category