cloud moon icon

cloud-moon from Font Awesome Solid by Dave Gandy · Solid · Halloween · CC-BY-4.0 Attribution required.

Name: cloud-moon
Set: Font Awesome Solid
Style: Solid
Category: Halloween
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

cloud-moonBootstrap Icons cloud-moonFramework7 Icons cloud-moonFont Awesome 6 Solid cloud-moonLine Awesome cloud-moonLucide cloud-moonMyna UI Icons cloud-moonPhosphor cloud-moonPixelarticons cloud-moonUnicons

More halloween icons from Font Awesome Solid

book-dead broom mask cloud-download-alt cloud-meatball cloud-moon-rain cloud-rain cloud-showers-heavy cloud-sun cloud-sun-rain cloud-upload-alt cloud-arrow-down cloud-arrow-up cloud-bolt cloud-download cloud-showers-water cloud-upload

Use the cloud moon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M480 64c14.6 0 28.8 1.6 42.5 4.7c7.4 1.7 13 7.8 13.9 15.4s-3 14.9-9.8 18.3C481.2 125 450 171.9 450 226c0 76.2 61.8 138 138 138c3.7 0 7.4-.1 11.1-.4c7.6-.6 14.7 3.6 17.8 10.6s1.5 15.1-3.9 20.4c-26 25-59.1 42.7-95.9 49.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2 0-22.1 1.5-32.5 4.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106 86-192 192-192zm-.1 431.9c0 44.2-35.8 80-80 80H128c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6c-.4-52.8 42.9-97.3 96-97.3c34.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 Fa7SolidCloudMoon(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="M480 64c14.6 0 28.8 1.6 42.5 4.7c7.4 1.7 13 7.8 13.9 15.4s-3 14.9-9.8 18.3C481.2 125 450 171.9 450 226c0 76.2 61.8 138 138 138c3.7 0 7.4-.1 11.1-.4c7.6-.6 14.7 3.6 17.8 10.6s1.5 15.1-3.9 20.4c-26 25-59.1 42.7-95.9 49.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2 0-22.1 1.5-32.5 4.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106 86-192 192-192zm-.1 431.9c0 44.2-35.8 80-80 80H128c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6c-.4-52.8 42.9-97.3 96-97.3c34.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 640"><path fill="currentColor" d="M480 64c14.6 0 28.8 1.6 42.5 4.7c7.4 1.7 13 7.8 13.9 15.4s-3 14.9-9.8 18.3C481.2 125 450 171.9 450 226c0 76.2 61.8 138 138 138c3.7 0 7.4-.1 11.1-.4c7.6-.6 14.7 3.6 17.8 10.6s1.5 15.1-3.9 20.4c-26 25-59.1 42.7-95.9 49.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2 0-22.1 1.5-32.5 4.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106 86-192 192-192zm-.1 431.9c0 44.2-35.8 80-80 80H128c-53 0-96-43-96-96c0-47.6 34.6-87 80-94.6c-.4-52.8 42.9-97.3 96-97.3c34.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-moon {
  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%22M480%2064c14.6%200%2028.8%201.6%2042.5%204.7c7.4%201.7%2013%207.8%2013.9%2015.4s-3%2014.9-9.8%2018.3C481.2%20125%20450%20171.9%20450%20226c0%2076.2%2061.8%20138%20138%20138c3.7%200%207.4-.1%2011.1-.4c7.6-.6%2014.7%203.6%2017.8%2010.6s1.5%2015.1-3.9%2020.4c-26%2025-59.1%2042.7-95.9%2049.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2%200-22.1%201.5-32.5%204.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106%2086-192%20192-192zm-.1%20431.9c0%2044.2-35.8%2080-80%2080H128c-53%200-96-43-96-96c0-47.6%2034.6-87%2080-94.6c-.4-52.8%2042.9-97.3%2096-97.3c34.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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M480%2064c14.6%200%2028.8%201.6%2042.5%204.7c7.4%201.7%2013%207.8%2013.9%2015.4s-3%2014.9-9.8%2018.3C481.2%20125%20450%20171.9%20450%20226c0%2076.2%2061.8%20138%20138%20138c3.7%200%207.4-.1%2011.1-.4c7.6-.6%2014.7%203.6%2017.8%2010.6s1.5%2015.1-3.9%2020.4c-26%2025-59.1%2042.7-95.9%2049.9c-11.1-25.3-30.2-46.3-54.1-59.8c-7.6-63.4-61.6-112.6-127.1-112.6c-11.2%200-22.1%201.5-32.5%204.2c-4.8-4.2-9.9-8.2-15.2-11.8c-.1-2.8-.2-5.6-.2-8.4c0-106%2086-192%20192-192zm-.1%20431.9c0%2044.2-35.8%2080-80%2080H128c-53%200-96-43-96-96c0-47.6%2034.6-87%2080-94.6c-.4-52.8%2042.9-97.3%2096-97.3c34.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/fa7-solid/cloud-moon.svg?color=%231a73e8&size=48