haze · Lucide
Free SVG haze icon from Lucide. Rendered at 24×24 in the stroke style and licensed under ISC. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for ISC licensed icons.
Tags
- haze
- weather
- mist
- fog
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m5.2 6.2 1.4 1.4" /> <path d="M2 13h2" /> <path d="M20 13h2" /> <path d="m17.4 7.6 1.4-1.4" /> <path d="M22 17H2" /> <path d="M22 21H2" /> <path d="M16 13a4 4 0 0 0-8 0" /> <path d="M12 5V2.5" /> </svg>
React
// Run: npx sant-icons get lucide-haze --format react
export function LucideHaze(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
{...props}> <path d="m5.2 6.2 1.4 1.4" /> <path d="M2 13h2" /> <path d="M20 13h2" /> <path d="m17.4 7.6 1.4-1.4" /> <path d="M22 17H2" /> <path d="M22 21H2" /> <path d="M16 13a4 4 0 0 0-8 0" /> <path d="M12 5V2.5" />
</svg>
);
}CLI
npx sant-icons get lucide-haze
Properties
haze in other libraries
Related from Lucide
The haze icon ships with Lucide, an open-source icon set licensed under ISC. Search for it as "lucide haze", "haze svg", or any of its tagged terms (haze, weather, mist, fog). 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 lucide-haze directly into your project. No browser context-switch.