Weather Icons in Font Awesome

fas fa-cloud-sun-rain

<!-- version v5 -->
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css'>

<i class='fas fa-cloud-sun-rain'></ i>
<i class='fas fa-cloud-sun-rain' style='font-size:24px'></i>
<i class='fas fa-cloud-sun-rain' style='font-size:36px'></i>
<i class='fas fa-cloud-sun-rain' style='font-size:48px;color:#d29a18'></i>

Output:

Icon class v5 Unicode
fas fa-bolt &#xf0e7;
fas fa-cloud-meatball &#xf73b;
fas fa-cloud-moon &#xf6c3;
fas fa-cloud-moon-rain &#xf73c;
fas fa-cloud-rain &#xf73d;
fas fa-cloud-showers-heavy &#xf740;
fas fa-cloud-sun &#xf6c4;
fas fa-cloud-sun-rain &#xf743;
fas fa-meteor &#xf753;
fas fa-poo-storm &#xf75a;
fas fa-rainbow &#xf75b;
fas fa-smog &#xf75f;
fas fa-snowflake &#xf2dc;
far fa-snowflake &#xf2dc;
fas fa-sun &#xf185;
far fa-sun &#xf185;
fas fa-temperature-high &#xf769;
fas fa-temperature-low &#xf76b;
fas fa-water &#xf773;
fas fa-wind &#xf72e;

Comments