Add icons to this collection by clicking the heart icon.
Rainbow icon - also known as cloud, nature, weather, colors, rainbow, atmospheric, and spectrum. Created in a clean gradient style with a white, silver, gray, teal, and orange 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 502 502"
>
<linearGradient
id="b"
x1="251"
x2="251"
y1="318.946"
y2="205.554"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="c"
x1="251"
x2="251"
y1="328.971"
y2="152.301"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="323.17"
y2="118.505"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="e"
x1="251"
x2="251"
y1="362.595"
y2="55.778"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="f"
x1="131.769"
x2="131.769"
y1="486.97"
y2="306.198"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="370.231"
x2="370.231"
y1="495.997"
y2="315.225"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M372.053 303.119c0 24.85-11.973 47.92-25.253 66.88h-62.09c24.43-12.33 41.17-37.65 41.17-66.88 0-41.36-33.52-74.89-74.88-74.89s-74.88 33.53-74.88 74.89c0 29.23 16.74 54.55 41.17 66.88H155.2c-13.28-18.96-25.253-42.03-25.253-66.88 0-64.45 56.603-120.89 121.053-120.89s121.053 56.44 121.053 120.89z"
/>
<path
fill="url(#c)"
d="M416.349 303.119c0 23.88-11.759 46.54-21.239 66.88H346.8c13.28-18.96 21.08-42.03 21.08-66.88 0-64.45-52.43-116.89-116.88-116.89s-116.88 52.44-116.88 116.89c0 24.85 7.8 47.92 21.08 66.88h-48.31c-9.48-20.34-21.239-43-21.239-66.88 0-87.61 77.739-163.89 165.349-163.89s165.349 76.28 165.349 163.89z"
/>
<path
fill="url(#d)"
d="M457.243 303.119c0 23.44-9.403 45.95-16.813 66.88h-45.32c9.48-20.34 14.77-43 14.77-66.88 0-87.61-71.27-158.89-158.88-158.89s-158.88 71.28-158.88 158.89c0 23.88 5.29 46.54 14.77 66.88H61.57c-7.41-20.93-16.813-43.44-16.813-66.88 0-110.77 95.473-206.89 206.243-206.89s206.243 96.12 206.243 206.89z"
/>
<path
fill="url(#e)"
d="M493.88 303.119c0 23.19-3.27 45.63-9.37 66.88h-44.08c7.41-20.93 11.45-43.44 11.45-66.88 0-110.77-90.11-200.89-200.88-200.89s-200.88 90.12-200.88 200.89c0 23.44 4.04 45.95 11.45 66.88H17.49c-6.1-21.25-9.37-43.69-9.37-66.88 0-133.93 108.96-242.89 242.88-242.89s242.88 108.96 242.88 242.89z"
/>
<path
fill="#fcb500"
d="M35.032 300.852a81.245 81.245 0 0 0-26.764 10.776 242.461 242.461 0 0 0 3.934 35.907c8.47-10.034 20.681-16.803 34.473-18.149a14.832 14.832 0 0 0 4.986-1.399 202.006 202.006 0 0 1 .062-50.301 109.644 109.644 0 0 0-16.691 23.166z"
/>
<path
fill="#e05d6f"
d="M51.661 327.987c3.068-1.474 5.582-3.982 6.995-7.194 7.099-16.138 19.386-29.474 34.746-37.908a157.523 157.523 0 0 1 8.928-35.794 110.039 110.039 0 0 0-50.607 30.595 202.018 202.018 0 0 0-.062 50.301z"
/>
<path
fill="#24bd7f"
d="M119.022 274.083c7.319-1.174 12.746-7.409 12.746-14.822 0-9.167-8.164-16.27-17.217-14.835a109.54 109.54 0 0 0-12.222 2.664 157.588 157.588 0 0 0-8.928 35.794 79.323 79.323 0 0 1 25.621-8.801z"
/>
<path
fill="url(#f)"
d="M210.893 432.744c28.866 0 53.009-23.62 52.64-52.483-.339-26.589-20.708-48.342-46.671-50.875-5.251-.512-9.856-3.764-11.98-8.593-12.361-28.1-40.445-47.722-73.113-47.722s-60.752 19.621-73.113 47.722c-2.124 4.829-6.729 8.08-11.98 8.593C20.704 331.92.336 353.685.004 380.276c-.36 28.855 23.783 52.469 52.64 52.469h158.249z"
/>
<path
fill="url(#g)"
d="M449.355 441.771c28.866 0 53.009-23.62 52.64-52.483-.339-26.589-20.708-48.341-46.671-50.875-5.25-.512-9.856-3.764-11.98-8.593-12.361-28.1-40.445-47.722-73.113-47.722s-60.752 19.621-73.113 47.722c-2.124 4.829-6.729 8.08-11.98 8.593-25.972 2.534-46.34 24.299-46.672 50.89-.36 28.856 23.783 52.469 52.64 52.469h158.249z"
/>
<path
fill="#d2d9e0"
d="M238.466 389.302c.183-14.635 6.443-27.799 16.358-37.109-5.676-8.488-13.786-15.208-23.334-19.15-14.066 14.531-22.752 34.224-23.022 55.885a81.197 81.197 0 0 0 1.029 13.816H141c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15h69.893c13.936 0 26.761-5.516 36.268-14.459-5.59-8.319-8.828-18.289-8.695-28.983z"
/>
<g fill="#fff">
<path
d="M398.811 421.771h-9.855c-5.523 0-10-4.477-10-10s4.477-10 10-10h9.855c5.523 0 10 4.477 10 10s-4.477 10-10 10zM449.355 421.771h-10.58c-5.523 0-10-4.477-10-10s4.477-10 10-10h10.58c3.448 0 6.725-1.396 9.227-3.93 3.88-3.93 10.213-3.97 14.142-.09 3.931 3.88 3.971 10.212.091 14.142-6.29 6.37-14.621 9.878-23.46 9.878z"
/>
</g>
</svg>
More icons in the same style and category