moon-cloud-hailstone · Huge Icons
Free SVG moon-cloud-hailstone icon from Huge Icons. Rendered at 24×24 in the stroke style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- moon
- cloud
- hailstone
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M17.478 11.045h.022c2.485 0 4.5 2.03 4.5 4.533c0 1.343-.5 2.422-1 2.922m-3.522-7.455q.021-.249.022-.504C17.5 7.481 15.038 5 12 5c-2.877 0-5.238 2.225-5.48 5.06m10.958.985a5.54 5.54 0 0 1-1.235 3.022M6.52 10.06C3.984 10.303 2 12.456 2 15.075c0 1.409.574 2.542 1.5 3.425m3.02-8.44q.237-.023.48-.023c1.126 0 2.165.375 3 1.008"/><path d="M10 5.138a4.1 4.1 0 0 0-.466-1.253A4.03 4.03 0 0 0 7.136 2a3.18 3.18 0 0 1-1.547 3.138a3.12 3.12 0 0 1-3.465-.216a4.1 4.1 0 0 0 .418 3.04a4.02 4.02 0 0 0 4.594 1.885"/><path stroke-linecap="round" d="M12.125 14.75H12m-2.875 3H9m-2.875 3H6m6.125 1H12m6.125-1H18m-2.875-3H15m-2.75-3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3 3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3 3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6 1a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6-1a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3-3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
// Run: npx sant-icons get huge-moon-cloud-hailstone --format react
export function HugeMoonCloudHailstone(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M17.478 11.045h.022c2.485 0 4.5 2.03 4.5 4.533c0 1.343-.5 2.422-1 2.922m-3.522-7.455q.021-.249.022-.504C17.5 7.481 15.038 5 12 5c-2.877 0-5.238 2.225-5.48 5.06m10.958.985a5.54 5.54 0 0 1-1.235 3.022M6.52 10.06C3.984 10.303 2 12.456 2 15.075c0 1.409.574 2.542 1.5 3.425m3.02-8.44q.237-.023.48-.023c1.126 0 2.165.375 3 1.008"/><path d="M10 5.138a4.1 4.1 0 0 0-.466-1.253A4.03 4.03 0 0 0 7.136 2a3.18 3.18 0 0 1-1.547 3.138a3.12 3.12 0 0 1-3.465-.216a4.1 4.1 0 0 0 .418 3.04a4.02 4.02 0 0 0 4.594 1.885"/><path stroke-linecap="round" d="M12.125 14.75H12m-2.875 3H9m-2.875 3H6m6.125 1H12m6.125-1H18m-2.875-3H15m-2.75-3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3 3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3 3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6 1a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m6-1a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0m-3-3a.25.25 0 1 1-.5 0a.25.25 0 0 1 .5 0"/></g></svg>
);
}npx sant-icons get huge-moon-cloud-hailstone
Properties
- Name
- moon-cloud-hailstone
- Library
- Huge Icons
- Style
- stroke
- License
- MIT
- Version
- 1.2.35
- Identifier
- huge-moon-cloud-hailstone
Related from Huge Icons
The moon-cloud-hailstone icon ships with Huge Icons, an open-source icon set licensed under MIT. Search for it as "huge icons moon-cloud-hailstone", "moon-cloud-hailstone svg", or any of its tagged terms (moon, cloud, hailstone). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch huge-moon-cloud-hailstone directly into your project. No browser context-switch.