Add icons to this collection by clicking the heart icon.
Rain icon - also known as cloud, weather, sun, sky, rain, forecast, meteorology, rainfall, and rainy day. Created in a clean lineal color style with a white, silver, teal, orange, 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="512"
height="512"
viewBox="0 0 100 100"
>
<circle cx="28.333" cy="28.333" r="11.667" fill="#fff8e1" />
<path
fill="#ffc00e"
d="M28.333 9.999C18.208 9.999 10 18.208 10 28.333s8.208 18.333 18.333 18.333 18.333-8.208 18.333-18.333S38.458 9.999 28.333 9.999zm0 30c-6.444 0-11.667-5.223-11.667-11.666 0-6.442 5.223-11.667 11.667-11.667S40 21.891 40 28.333c0 6.443-5.223 11.666-11.667 11.666z"
/>
<path
fill="#ffebb2"
d="M28.651 39.983a26.776 26.776 0 0 1 11.266-13.015 11.637 11.637 0 0 0-1.194-3.924 30.647 30.647 0 0 0-14.117 16.29h-.127c1.208.423 2.501.664 3.854.664.108.001.211-.011.318-.015z"
/>
<path
fill="#f68e1e"
d="M46.22 24.303a18.142 18.142 0 0 0-1.302-3.788 30.562 30.562 0 0 0-6.194 2.53 11.63 11.63 0 0 1 1.194 3.924 26.343 26.343 0 0 1 6.302-2.666zM23.335 43.335h4.206a26.482 26.482 0 0 1 1.111-3.352c-.107.004-.21.016-.318.016-1.353 0-2.646-.241-3.854-.664h-1.145c-2.875 0-5.586.708-7.976 1.951a18.364 18.364 0 0 0 3.597 2.8 13.26 13.26 0 0 1 4.379-.751z"
/>
<g fill="#2cabe1">
<path
d="m17.78 76.665-4.447 13.336h7.028l4.444-13.336zM32.972 76.665l-4.443 13.336h7.024L40 76.665zM48.167 76.665l-4.443 13.336h7.024l4.447-13.336zM63.361 76.665l-4.442 13.336h7.024l4.448-13.336zM78.559 76.665l-4.446 13.336h7.028l4.445-13.336z"
/>
</g>
<path
fill="#e1f3fc"
d="M33.333 49.999c0-11.043 8.955-20 20-20 7.701 0 13.99 5.856 14.83 13.336h5.17c5.514 0 10 4.485 10 10 0 5.514-4.486 10-10 10h-50a6.674 6.674 0 0 1-6.668-6.667c0-3.675 2.992-6.669 6.668-6.669z"
/>
<path
fill="#b4e3f9"
d="M83.334 53.335c0-5.515-4.486-10-10-10h-5.17c-.84-7.479-7.129-13.336-14.83-13.336-11.045 0-20 8.957-20 20h-10c-3.677 0-6.668 2.994-6.668 6.669 0 .696.109 1.369.309 2.002.852-2.703 3.379-4.669 6.359-4.669h13.999v-4.002c0-8.821 7.178-15.998 16.001-15.998 5.563 0 10.229 4.203 10.855 9.779l.398 3.555h8.746c4.828 0 8.868 3.442 9.797 8a9.84 9.84 0 0 0 .204-2z"
/>
<path
fill="#2cabe1"
d="M73.334 36.668c-3.264-7.829-10.985-13.333-20-13.333-12.421 0-22.828 8.505-25.793 20h-4.206C15.97 43.335 10 49.304 10 56.668c0 7.362 5.97 13.334 13.333 13.334h50C82.539 70.002 90 62.541 90 53.335s-7.461-16.667-16.666-16.667zm0 26.667h-50a6.674 6.674 0 0 1-6.668-6.667c0-3.675 2.992-6.669 6.668-6.669h10c0-11.043 8.955-20 20-20 7.701 0 13.99 5.856 14.83 13.336h5.17c5.514 0 10 4.485 10 10 0 5.514-4.486 10-10 10z"
/>
<path
fill="#0077bd"
d="m69.057 80.665 1.334-4h-7.03l-1.332 4zM53.861 80.665l1.334-4h-7.028l-1.333 4zM84.252 80.665l1.334-4h-7.027l-1.334 4zM38.666 80.665l1.334-4h-7.028l-1.332 4zM23.472 80.665l1.333-4H17.78l-1.334 4z"
/>
</svg>
More icons in the same style and category