cloud sun rain icon

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

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

The same icon in other sets

cloud-sun-rainFramework7 Icons cloud-sun-rainFont Awesome 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 6 Solid

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

Use the cloud sun rain icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M294.2 1.2c5.1 2.1 8.7 6.7 9.6 12.1l10.4 62.4c-23.3 10.8-42.9 28.4-56 50.3c-14.6-9-31.8-14.1-50.2-14.1c-53 0-96 43-96 96c0 35.5 19.3 66.6 48 83.2c.8 31.8 13.2 60.7 33.1 82.7l-56 39.2c-4.5 3.2-10.3 3.8-15.4 1.6s-8.7-6.7-9.6-12.1l-14-84.6l-84.7-14.1c-5.4-.9-10-4.5-12.1-9.6s-1.5-10.9 1.6-15.4L52.5 208L2.9 137.2c-3.2-4.5-3.8-10.3-1.6-15.4s6.7-8.7 12.1-9.6l84.7-14.1l14.1-84.7c.9-5.4 4.5-10 9.6-12.1s10.9-1.5 15.4 1.6L208 52.5l70.8-49.6c4.5-3.2 10.3-3.8 15.4-1.6zM208 144c13.8 0 26.7 4.4 37.1 11.9q-1.8 6.15-3 12.6c-37.9 14.6-67.2 46.6-77.8 86.4c-12.5-11.8-20.3-28.4-20.3-46.9c0-35.3 28.7-64 64-64m69.4 276c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m74.5-116.1c0 44.2-35.8 80-80 80H288c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6V192c0-53 43-96 96-96c34.9 0 65.4 18.6 82.2 46.4c13-9.1 28.8-14.4 45.8-14.4c44.2 0 80 35.8 80 80c0 5.9-.6 11.7-1.9 17.2c37.4 6.7 65.8 39.4 65.8 78.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCloudSunRain(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M294.2 1.2c5.1 2.1 8.7 6.7 9.6 12.1l10.4 62.4c-23.3 10.8-42.9 28.4-56 50.3c-14.6-9-31.8-14.1-50.2-14.1c-53 0-96 43-96 96c0 35.5 19.3 66.6 48 83.2c.8 31.8 13.2 60.7 33.1 82.7l-56 39.2c-4.5 3.2-10.3 3.8-15.4 1.6s-8.7-6.7-9.6-12.1l-14-84.6l-84.7-14.1c-5.4-.9-10-4.5-12.1-9.6s-1.5-10.9 1.6-15.4L52.5 208L2.9 137.2c-3.2-4.5-3.8-10.3-1.6-15.4s6.7-8.7 12.1-9.6l84.7-14.1l14.1-84.7c.9-5.4 4.5-10 9.6-12.1s10.9-1.5 15.4 1.6L208 52.5l70.8-49.6c4.5-3.2 10.3-3.8 15.4-1.6zM208 144c13.8 0 26.7 4.4 37.1 11.9q-1.8 6.15-3 12.6c-37.9 14.6-67.2 46.6-77.8 86.4c-12.5-11.8-20.3-28.4-20.3-46.9c0-35.3 28.7-64 64-64m69.4 276c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m74.5-116.1c0 44.2-35.8 80-80 80H288c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6V192c0-53 43-96 96-96c34.9 0 65.4 18.6 82.2 46.4c13-9.1 28.8-14.4 45.8-14.4c44.2 0 80 35.8 80 80c0 5.9-.6 11.7-1.9 17.2c37.4 6.7 65.8 39.4 65.8 78.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M294.2 1.2c5.1 2.1 8.7 6.7 9.6 12.1l10.4 62.4c-23.3 10.8-42.9 28.4-56 50.3c-14.6-9-31.8-14.1-50.2-14.1c-53 0-96 43-96 96c0 35.5 19.3 66.6 48 83.2c.8 31.8 13.2 60.7 33.1 82.7l-56 39.2c-4.5 3.2-10.3 3.8-15.4 1.6s-8.7-6.7-9.6-12.1l-14-84.6l-84.7-14.1c-5.4-.9-10-4.5-12.1-9.6s-1.5-10.9 1.6-15.4L52.5 208L2.9 137.2c-3.2-4.5-3.8-10.3-1.6-15.4s6.7-8.7 12.1-9.6l84.7-14.1l14.1-84.7c.9-5.4 4.5-10 9.6-12.1s10.9-1.5 15.4 1.6L208 52.5l70.8-49.6c4.5-3.2 10.3-3.8 15.4-1.6zM208 144c13.8 0 26.7 4.4 37.1 11.9q-1.8 6.15-3 12.6c-37.9 14.6-67.2 46.6-77.8 86.4c-12.5-11.8-20.3-28.4-20.3-46.9c0-35.3 28.7-64 64-64m69.4 276c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m96 0c11 7.4 14 22.3 6.7 33.3l-32 48c-7.4 11-22.3 14-33.3 6.7s-14-22.3-6.7-33.3l32-48c7.4-11 22.3-14 33.3-6.7m74.5-116.1c0 44.2-35.8 80-80 80H288c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6V192c0-53 43-96 96-96c34.9 0 65.4 18.6 82.2 46.4c13-9.1 28.8-14.4 45.8-14.4c44.2 0 80 35.8 80 80c0 5.9-.6 11.7-1.9 17.2c37.4 6.7 65.8 39.4 65.8 78.7"/></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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M294.2%201.2c5.1%202.1%208.7%206.7%209.6%2012.1l10.4%2062.4c-23.3%2010.8-42.9%2028.4-56%2050.3c-14.6-9-31.8-14.1-50.2-14.1c-53%200-96%2043-96%2096c0%2035.5%2019.3%2066.6%2048%2083.2c.8%2031.8%2013.2%2060.7%2033.1%2082.7l-56%2039.2c-4.5%203.2-10.3%203.8-15.4%201.6s-8.7-6.7-9.6-12.1l-14-84.6l-84.7-14.1c-5.4-.9-10-4.5-12.1-9.6s-1.5-10.9%201.6-15.4L52.5%20208L2.9%20137.2c-3.2-4.5-3.8-10.3-1.6-15.4s6.7-8.7%2012.1-9.6l84.7-14.1l14.1-84.7c.9-5.4%204.5-10%209.6-12.1s10.9-1.5%2015.4%201.6L208%2052.5l70.8-49.6c4.5-3.2%2010.3-3.8%2015.4-1.6zM208%20144c13.8%200%2026.7%204.4%2037.1%2011.9q-1.8%206.15-3%2012.6c-37.9%2014.6-67.2%2046.6-77.8%2086.4c-12.5-11.8-20.3-28.4-20.3-46.9c0-35.3%2028.7-64%2064-64m69.4%20276c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m74.5-116.1c0%2044.2-35.8%2080-80%2080H288c-53%200-96-43-96-96c0-47.6%2034.6-87%2080-94.6V192c0-53%2043-96%2096-96c34.9%200%2065.4%2018.6%2082.2%2046.4c13-9.1%2028.8-14.4%2045.8-14.4c44.2%200%2080%2035.8%2080%2080c0%205.9-.6%2011.7-1.9%2017.2c37.4%206.7%2065.8%2039.4%2065.8%2078.7%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M294.2%201.2c5.1%202.1%208.7%206.7%209.6%2012.1l10.4%2062.4c-23.3%2010.8-42.9%2028.4-56%2050.3c-14.6-9-31.8-14.1-50.2-14.1c-53%200-96%2043-96%2096c0%2035.5%2019.3%2066.6%2048%2083.2c.8%2031.8%2013.2%2060.7%2033.1%2082.7l-56%2039.2c-4.5%203.2-10.3%203.8-15.4%201.6s-8.7-6.7-9.6-12.1l-14-84.6l-84.7-14.1c-5.4-.9-10-4.5-12.1-9.6s-1.5-10.9%201.6-15.4L52.5%20208L2.9%20137.2c-3.2-4.5-3.8-10.3-1.6-15.4s6.7-8.7%2012.1-9.6l84.7-14.1l14.1-84.7c.9-5.4%204.5-10%209.6-12.1s10.9-1.5%2015.4%201.6L208%2052.5l70.8-49.6c4.5-3.2%2010.3-3.8%2015.4-1.6zM208%20144c13.8%200%2026.7%204.4%2037.1%2011.9q-1.8%206.15-3%2012.6c-37.9%2014.6-67.2%2046.6-77.8%2086.4c-12.5-11.8-20.3-28.4-20.3-46.9c0-35.3%2028.7-64%2064-64m69.4%20276c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m96%200c11%207.4%2014%2022.3%206.7%2033.3l-32%2048c-7.4%2011-22.3%2014-33.3%206.7s-14-22.3-6.7-33.3l32-48c7.4-11%2022.3-14%2033.3-6.7m74.5-116.1c0%2044.2-35.8%2080-80%2080H288c-53%200-96-43-96-96c0-47.6%2034.6-87%2080-94.6V192c0-53%2043-96%2096-96c34.9%200%2065.4%2018.6%2082.2%2046.4c13-9.1%2028.8-14.4%2045.8-14.4c44.2%200%2080%2035.8%2080%2080c0%205.9-.6%2011.7-1.9%2017.2c37.4%206.7%2065.8%2039.4%2065.8%2078.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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