Add icons to this collection by clicking the heart icon.
Rain icon - also known as nature, weather, storm, sky, rainy, rain, raining, meteorology, and haw weather. Created in a clean flat style with a silver, teal, 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 0-244.182 113.929-243.05-62.871a247.303 247.303 0 0 1-1.95-31.044c0-135.31 109.69-245 245-245C-115.612-224.986-10.184-125.947 0 0"
            transform="translate(500.182 246.986)"
            fill="#3e5796"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v75.096a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(141.227)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v122.852a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(141.227 105.096)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v59.15a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(141.227 257.947)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v151.521a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(187.136)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v135.576a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(187.136 181.522)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v37.548a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(233.045)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v147.335a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(233.045 67.548)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v72.215a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(233.045 244.883)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5V267a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(278.955)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v141.216a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(324.864)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v88.284a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(324.864 171.216)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v67.548a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(370.773)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v161.952a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(370.773 97.548)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v152.521a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(416.682)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v76.979a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(416.682 182.522)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5V267a7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(462.59)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v317.098a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(95.318)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v184.883a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(49.41)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a7.5 7.5 0 0 0-7.5 7.5v102.215a7.5 7.5 0 0 0 15 0V7.5A7.5 7.5 0 0 0 0 0"
            transform="translate(49.41 214.883)"
            fill="#64b2e8"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M391.043 351.468H233.256v106.314h157.787z"
            fill="#d8bf9c"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-6.648 0-13.234-.269-19.748-.791l.006-.003 9.531-31.328a49.725 49.725 0 0 1 3.943-19.069C4.46-76.566 33.728-88.439 59.104-77.711a49.93 49.93 0 0 1 11.325 6.667c8.852-15.601 22.932-26.829 39.032-32.386l64.175 31.248C129.268-27.605 67.863 0 0 0"
            transform="translate(256 512)"
            fill="#e5d2b1"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c0 67.445-27.257 128.521-71.351 172.824a72.944 72.944 0 0 1-4.787.176c-36.834 0-67.188-27.719-71.353-63.435a49.928 49.928 0 0 1-13.027 1.73c-27.55 0-49.884-22.334-49.884-49.884a49.739 49.739 0 0 1 3.794-19.099 31.626 31.626 0 0 1-6.851.755c-17.42 0-31.541-14.121-31.541-31.54 0-17.42 14.121-31.541 31.541-31.541H-.818A248.14 248.14 0 0 1 0 0"
            transform="translate(501 267)"
            fill="#f0e2c5"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c0 .977.04 1.944.1 2.906L0 2.904c-39.679 0-71.845 32.167-71.845 71.846 0 2.845.171 5.651.492 8.41a49.922 49.922 0 0 1-13.027 1.729c-27.55 0-49.884-22.333-49.884-49.884a49.716 49.716 0 0 1 3.795-19.098 31.635 31.635 0 0 1-6.852.755c-17.42 0-31.541-14.121-31.541-31.541 0-17.419 14.121-31.54 31.541-31.54h183.74C20.783-46.419 0-25.637 0 0"
            transform="translate(424.862 293.405)"
            fill="#e5d2b1"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0a36.833 36.833 0 0 1-21.643-6.996c-.285 21.956-14.636 40.508-34.459 47.069a79.8 79.8 0 0 1 10.768 40.119c0 23.311-9.956 44.291-25.837 58.943-115.773-9.232-208.864-98.936-223.308-213.162H0c20.442 0 37.014 16.571 37.014 37.013C37.014-16.572 20.442 0 0 0"
            transform="translate(307.43 372.071)"
            fill="#f0e2c5"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h194.884c-33.972 0-61.511 27.539-61.511 61.511a61.437 61.437 0 0 0 3.132 19.376c-28.118 12.461-47.743 40.596-47.743 73.332 0 1.747.077 3.476.188 5.195C41.085 120.638 8.118 64.196 0 0"
            transform="translate(12.95 298.044)"
            fill="#e5d2b1"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>
More icons in the same style and category