cloud sun rain icon

cloud-sun-rain from Font Awesome Solid by Dave Gandy · Solid · Spring · CC-BY-4.0 Attribution required.

Name: cloud-sun-rain
Set: Font Awesome Solid
Style: Solid
Category: Spring
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

cloud-sun-rainFramework7 Icons cloud-sun-rainFont Awesome 6 Solid cloud-sun-rainHuge Icons cloud-sun-rainLine Awesome cloud-sun-rainLucide cloud-sun-rainMyna UI Icons cloud-sun-rainUnicons

More spring icons from Font Awesome Solid

rainbow cloud-download-alt cloud-meatball cloud-moon cloud-moon-rain cloud-rain cloud-showers-heavy cloud-sun cloud-upload-alt cloud-arrow-down cloud-arrow-up cloud-bolt cloud-download cloud-showers-water cloud-upload

Use the cloud sun rain icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M254.9 512.2c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L279 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L399 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L519 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zM448.3 192c44.2 0 80 35.8 80 80c0 7.5-1.1 14.7-3 21.5c29.8 11.6 51 40.6 51 74.5c0 44.2-35.8 80-80 80h-192l-8.2-.4c-40.3-4.1-71.8-38.2-71.8-79.6c0-39 27.9-71.5 64.9-78.5c-.5-3.1-.9-6.2-.9-9.5c0-30.9 25.1-56 56-56c12.4 0 23.9 4.1 33.2 10.9c13.4-25.5 40.1-42.9 70.8-42.9m-208-159.8c5.3 0 10.3 2.7 13.3 7.1l47.3 70.4l83.3-16.3c5.2-1 10.6.7 14.3 4.4c3.8 3.8 5.4 9.2 4.4 14.4l-8.6 43.8c-11.9 5.5-22.8 12.9-32.4 21.6c-5.7-1-11.7-1.5-17.7-1.5c-14.3 0-28 3-40.4 8.2c-16.9-15-39.2-24.2-63.6-24.2c-53 0-96 43-96 96c0 30.9 14.6 58.2 37.2 75.8c-3.4 11.5-5.2 23.6-5.2 36.2c0 13.2 2 25.9 5.7 37.9l-2.4-3.5l-83.2 16.3c-5.2 1-10.6-.7-14.3-4.4c-3.8-3.8-5.4-9.2-4.4-14.4l16.3-83.3l-70.4-47.4c-4.4-3-7.1-8-7.1-13.3s2.6-10.3 7-13.2l70.4-47.4l-16.3-83.2l-.2-2c-.3-4.6 1.3-9.1 4.6-12.4c3.8-3.8 9.2-5.4 14.4-4.4l83.2 16.3l47.3-70.4l1.2-1.6c3-3.5 7.4-5.5 12.1-5.5zm0 175.8c8.6 0 16.6 2.3 23.6 6.2c-9.7 11.9-16.9 25.9-20.7 41.3c-15 8.1-28.2 19.2-38.8 32.3c-7.5-8.5-12.2-19.6-12.2-31.8c0-26.5 21.5-48 48-48z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidCloudSunRain(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M254.9 512.2c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L279 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L399 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L519 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zM448.3 192c44.2 0 80 35.8 80 80c0 7.5-1.1 14.7-3 21.5c29.8 11.6 51 40.6 51 74.5c0 44.2-35.8 80-80 80h-192l-8.2-.4c-40.3-4.1-71.8-38.2-71.8-79.6c0-39 27.9-71.5 64.9-78.5c-.5-3.1-.9-6.2-.9-9.5c0-30.9 25.1-56 56-56c12.4 0 23.9 4.1 33.2 10.9c13.4-25.5 40.1-42.9 70.8-42.9m-208-159.8c5.3 0 10.3 2.7 13.3 7.1l47.3 70.4l83.3-16.3c5.2-1 10.6.7 14.3 4.4c3.8 3.8 5.4 9.2 4.4 14.4l-8.6 43.8c-11.9 5.5-22.8 12.9-32.4 21.6c-5.7-1-11.7-1.5-17.7-1.5c-14.3 0-28 3-40.4 8.2c-16.9-15-39.2-24.2-63.6-24.2c-53 0-96 43-96 96c0 30.9 14.6 58.2 37.2 75.8c-3.4 11.5-5.2 23.6-5.2 36.2c0 13.2 2 25.9 5.7 37.9l-2.4-3.5l-83.2 16.3c-5.2 1-10.6-.7-14.3-4.4c-3.8-3.8-5.4-9.2-4.4-14.4l16.3-83.3l-70.4-47.4c-4.4-3-7.1-8-7.1-13.3s2.6-10.3 7-13.2l70.4-47.4l-16.3-83.2l-.2-2c-.3-4.6 1.3-9.1 4.6-12.4c3.8-3.8 9.2-5.4 14.4-4.4l83.2 16.3l47.3-70.4l1.2-1.6c3-3.5 7.4-5.5 12.1-5.5zm0 175.8c8.6 0 16.6 2.3 23.6 6.2c-9.7 11.9-16.9 25.9-20.7 41.3c-15 8.1-28.2 19.2-38.8 32.3c-7.5-8.5-12.2-19.6-12.2-31.8c0-26.5 21.5-48 48-48z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M254.9 512.2c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L279 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L399 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120 0c4.2-12.6 17.8-19.4 30.3-15.2c12.6 4.2 19.4 17.8 15.2 30.4L519 591.5c-4.2 12.6-17.8 19.4-30.4 15.2s-19.4-17.8-15.2-30.3l21.4-64.2zM448.3 192c44.2 0 80 35.8 80 80c0 7.5-1.1 14.7-3 21.5c29.8 11.6 51 40.6 51 74.5c0 44.2-35.8 80-80 80h-192l-8.2-.4c-40.3-4.1-71.8-38.2-71.8-79.6c0-39 27.9-71.5 64.9-78.5c-.5-3.1-.9-6.2-.9-9.5c0-30.9 25.1-56 56-56c12.4 0 23.9 4.1 33.2 10.9c13.4-25.5 40.1-42.9 70.8-42.9m-208-159.8c5.3 0 10.3 2.7 13.3 7.1l47.3 70.4l83.3-16.3c5.2-1 10.6.7 14.3 4.4c3.8 3.8 5.4 9.2 4.4 14.4l-8.6 43.8c-11.9 5.5-22.8 12.9-32.4 21.6c-5.7-1-11.7-1.5-17.7-1.5c-14.3 0-28 3-40.4 8.2c-16.9-15-39.2-24.2-63.6-24.2c-53 0-96 43-96 96c0 30.9 14.6 58.2 37.2 75.8c-3.4 11.5-5.2 23.6-5.2 36.2c0 13.2 2 25.9 5.7 37.9l-2.4-3.5l-83.2 16.3c-5.2 1-10.6-.7-14.3-4.4c-3.8-3.8-5.4-9.2-4.4-14.4l16.3-83.3l-70.4-47.4c-4.4-3-7.1-8-7.1-13.3s2.6-10.3 7-13.2l70.4-47.4l-16.3-83.2l-.2-2c-.3-4.6 1.3-9.1 4.6-12.4c3.8-3.8 9.2-5.4 14.4-4.4l83.2 16.3l47.3-70.4l1.2-1.6c3-3.5 7.4-5.5 12.1-5.5zm0 175.8c8.6 0 16.6 2.3 23.6 6.2c-9.7 11.9-16.9 25.9-20.7 41.3c-15 8.1-28.2 19.2-38.8 32.3c-7.5-8.5-12.2-19.6-12.2-31.8c0-26.5 21.5-48 48-48z"/></svg>
</template>

CSS

.icon-cloud-sun-rain {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M254.9%20512.2c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L279%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120%200c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L399%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120%200c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L519%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zM448.3%20192c44.2%200%2080%2035.8%2080%2080c0%207.5-1.1%2014.7-3%2021.5c29.8%2011.6%2051%2040.6%2051%2074.5c0%2044.2-35.8%2080-80%2080h-192l-8.2-.4c-40.3-4.1-71.8-38.2-71.8-79.6c0-39%2027.9-71.5%2064.9-78.5c-.5-3.1-.9-6.2-.9-9.5c0-30.9%2025.1-56%2056-56c12.4%200%2023.9%204.1%2033.2%2010.9c13.4-25.5%2040.1-42.9%2070.8-42.9m-208-159.8c5.3%200%2010.3%202.7%2013.3%207.1l47.3%2070.4l83.3-16.3c5.2-1%2010.6.7%2014.3%204.4c3.8%203.8%205.4%209.2%204.4%2014.4l-8.6%2043.8c-11.9%205.5-22.8%2012.9-32.4%2021.6c-5.7-1-11.7-1.5-17.7-1.5c-14.3%200-28%203-40.4%208.2c-16.9-15-39.2-24.2-63.6-24.2c-53%200-96%2043-96%2096c0%2030.9%2014.6%2058.2%2037.2%2075.8c-3.4%2011.5-5.2%2023.6-5.2%2036.2c0%2013.2%202%2025.9%205.7%2037.9l-2.4-3.5l-83.2%2016.3c-5.2%201-10.6-.7-14.3-4.4c-3.8-3.8-5.4-9.2-4.4-14.4l16.3-83.3l-70.4-47.4c-4.4-3-7.1-8-7.1-13.3s2.6-10.3%207-13.2l70.4-47.4l-16.3-83.2l-.2-2c-.3-4.6%201.3-9.1%204.6-12.4c3.8-3.8%209.2-5.4%2014.4-4.4l83.2%2016.3l47.3-70.4l1.2-1.6c3-3.5%207.4-5.5%2012.1-5.5zm0%20175.8c8.6%200%2016.6%202.3%2023.6%206.2c-9.7%2011.9-16.9%2025.9-20.7%2041.3c-15%208.1-28.2%2019.2-38.8%2032.3c-7.5-8.5-12.2-19.6-12.2-31.8c0-26.5%2021.5-48%2048-48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M254.9%20512.2c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L279%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120%200c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L399%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zm120%200c4.2-12.6%2017.8-19.4%2030.3-15.2c12.6%204.2%2019.4%2017.8%2015.2%2030.4L519%20591.5c-4.2%2012.6-17.8%2019.4-30.4%2015.2s-19.4-17.8-15.2-30.3l21.4-64.2zM448.3%20192c44.2%200%2080%2035.8%2080%2080c0%207.5-1.1%2014.7-3%2021.5c29.8%2011.6%2051%2040.6%2051%2074.5c0%2044.2-35.8%2080-80%2080h-192l-8.2-.4c-40.3-4.1-71.8-38.2-71.8-79.6c0-39%2027.9-71.5%2064.9-78.5c-.5-3.1-.9-6.2-.9-9.5c0-30.9%2025.1-56%2056-56c12.4%200%2023.9%204.1%2033.2%2010.9c13.4-25.5%2040.1-42.9%2070.8-42.9m-208-159.8c5.3%200%2010.3%202.7%2013.3%207.1l47.3%2070.4l83.3-16.3c5.2-1%2010.6.7%2014.3%204.4c3.8%203.8%205.4%209.2%204.4%2014.4l-8.6%2043.8c-11.9%205.5-22.8%2012.9-32.4%2021.6c-5.7-1-11.7-1.5-17.7-1.5c-14.3%200-28%203-40.4%208.2c-16.9-15-39.2-24.2-63.6-24.2c-53%200-96%2043-96%2096c0%2030.9%2014.6%2058.2%2037.2%2075.8c-3.4%2011.5-5.2%2023.6-5.2%2036.2c0%2013.2%202%2025.9%205.7%2037.9l-2.4-3.5l-83.2%2016.3c-5.2%201-10.6-.7-14.3-4.4c-3.8-3.8-5.4-9.2-4.4-14.4l16.3-83.3l-70.4-47.4c-4.4-3-7.1-8-7.1-13.3s2.6-10.3%207-13.2l70.4-47.4l-16.3-83.2l-.2-2c-.3-4.6%201.3-9.1%204.6-12.4c3.8-3.8%209.2-5.4%2014.4-4.4l83.2%2016.3l47.3-70.4l1.2-1.6c3-3.5%207.4-5.5%2012.1-5.5zm0%20175.8c8.6%200%2016.6%202.3%2023.6%206.2c-9.7%2011.9-16.9%2025.9-20.7%2041.3c-15%208.1-28.2%2019.2-38.8%2032.3c-7.5-8.5-12.2-19.6-12.2-31.8c0-26.5%2021.5-48%2048-48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/cloud-sun-rain.svg?color=%231a73e8&size=48