Add icons to this collection by clicking the heart icon.
Weather icon - also known as weather, sunny, sky, cloudy, meteorology, sports and competition, and clouds and sun. Created in a clean lineal color style with a white, black, yellow, 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.633 1.933.98 3.996.98 6.141 0 10.891-8.829 19.719-19.719 19.719-1.746 0-3.44-.23-5.052-.656-10.431 14.714-27.597 24.319-47.006 24.319-27.541 0-50.561-19.338-56.235-45.176-15.555-3.768-27.11-17.775-27.11-34.489 0-19.603 15.891-35.494 35.494-35.494h99.909c19.603 0 35.494 15.891 35.494 35.494C16.755-17.419 10.058-6.266 0 0"
transform="translate(377.806 398.571)"
fill="#f1faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.415 46.852-37.095 86.752-76.604 110.295-16.639-7.292-29.174-22.213-33.157-40.349-15.554-3.769-27.109-17.776-27.109-34.489 0-19.603 15.891-35.494 35.493-35.494h99.909C-.976-.037-.487-.02 0 0"
transform="translate(360.534 332.973)"
fill="#c7eefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h29.431C49.03 0 64.92 15.89 64.92 35.49c0 12.72-6.699 23.88-16.75 30.14.631 1.93.98 4 .98 6.14 0 10.89-8.83 19.72-19.719 19.72-1.75 0-3.441-.23-5.061-.65-10.43 14.71-27.59 24.31-47 24.31-20.019 0-37.649-10.21-47.97-25.72"
transform="translate(329.64 332.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-72.527-58.795-131.321-131.321-131.321-72.527 0-131.322 58.794-131.322 131.321 0 72.526 58.795 131.321 131.322 131.321C-58.795 131.321 0 72.526 0 0"
transform="translate(332.772 304.325)"
fill="#fbe77b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 3.721-.163 7.404-.467 11.047-30.906-.885-60.913-11.993-84.898-31.516-12.576-10.238-23.242-22.56-31.574-36.28-2.043-3.364-7.17-1.91-7.133 2.026l.002.313c0 16.28-5.88 31.554-16.277 43.371-3.044 21.373-19.646 38.436-40.793 42.172-16.216 15.51-37.977 24.426-60.787 24.426-2.885 0-5.759-.16-8.614-.443-7.762-16.761-12.102-35.43-12.102-55.116 0-72.527 58.795-131.321 131.322-131.321C-58.795-131.321 0-72.527 0 0"
transform="translate(332.772 304.325)"
fill="#fcdd2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a132.395 132.395 0 0 0 19.292 1.407c20.66 0 40.2-4.77 57.59-13.28 35.389-17.28 61.84-50.02 70.599-89.43 2.051-9.21 3.13-18.79 3.13-28.62 0-6.56-.479-13-1.409-19.3"
transform="translate(182.158 434.243)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c7.445 43.975 36.754 80.518 76.354 98.053"
transform="translate(71.98 326.41)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.55-22.93 51.25-38.12 84.471-40.94"
transform="translate(105.72 214.42)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a37.814 37.814 0 0 1 1.884 11.797c0 20.922-16.96 37.882-37.882 37.882-3.356 0-6.607-.442-9.705-1.261-20.038 28.268-53.014 46.718-90.301 46.718-52.908 0-97.132-37.149-108.031-86.785-29.882-7.239-52.079-34.147-52.079-66.255 0-37.658 30.527-68.186 68.185-68.186h191.931c37.658 0 68.186 30.528 68.186 68.186C32.188-33.463 19.321-12.038 0 0"
transform="translate(472.312 189.996)"
fill="#f1faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a37.814 37.814 0 0 1 1.884 11.797c0 16.532-10.593 30.58-25.358 35.753a156.122 156.122 0 0 0 2.123-25.651c0-69.466-45.681-128.26-108.641-147.989h93.994c37.658 0 68.186 30.528 68.186 68.186C32.188-33.463 19.321-12.038 0 0"
transform="translate(472.312 189.996)"
fill="#c7eefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.541c37.658 0 68.187 30.528 68.187 68.186 0 24.44-12.868 45.866-32.189 57.904a37.814 37.814 0 0 1 1.884 11.797c0 20.922-16.96 37.882-37.882 37.882-3.355 0-6.607-.442-9.705-1.261-20.038 28.268-53.014 46.718-90.301 46.718-52.908 0-97.132-37.149-108.031-86.785-29.882-7.239-52.079-34.148-52.079-66.255C-226.575 30.528-196.048 0-158.39 0h123.338"
transform="translate(402.772 63.906)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c.634 1.934.98 3.997.98 6.142 0 10.89-8.828 19.718-19.718 19.718-1.747 0-3.44-.23-5.052-.656-10.432 14.715-27.597 24.319-47.006 24.319-27.542 0-50.562-19.338-56.235-45.175-15.556-3.769-27.111-17.776-27.111-34.49 0-19.602 15.892-35.494 35.495-35.494h99.909c19.602 0 35.494 15.892 35.494 35.494C16.756-17.419 10.058-6.266 0 0"
transform="translate(161.642 280.056)"
fill="#f1faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.634 1.934.98 3.997.98 6.142 0 10.89-8.828 19.718-19.718 19.718-1.747 0-3.44-.23-5.052-.656a57.887 57.887 0 0 1-12.554 12.85 76.905 76.905 0 0 0 6.236-30.417c0-34.159-22.204-63.115-52.959-73.273h64.329c19.602 0 35.494 15.892 35.494 35.494C16.756-17.419 10.058-6.266 0 0"
transform="translate(161.642 280.056)"
fill="#c7eefb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h49.954c19.603 0 35.494 15.892 35.494 35.494 0 12.723-6.698 23.876-16.756 30.142.634 1.933.981 3.996.981 6.141 0 10.89-8.828 19.719-19.719 19.719-1.747 0-3.439-.23-5.052-.656-10.431 14.715-27.596 24.319-47.006 24.319-27.542 0-50.562-19.338-56.235-45.176-15.556-3.768-27.11-17.775-27.11-34.489C-85.449 15.892-69.558 0-49.955 0h14.952"
transform="translate(92.95 214.42)"
fill="none"
stroke="#000"
stroke-width="15"
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