icons/IconaMoon/mode-lightOpen in browser →

mode-light · IconaMoon

Free SVG mode-light icon from IconaMoon. Rendered at 24×24 in the stroke style and licensed under CC-BY-4.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC-BY-4.0 licensed icons.

mode-light icon — IconaMoonFree mode-light SVG icon from IconaMoon, stroke style, CC-BY-4.0 licensed.

Tags

  • mode
  • light

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4" stroke-linejoin="round"/><path stroke-linecap="round" d="M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707"/></g></svg>
React
// Run: npx sant-icons get iconamoon-mode-light --format react
export function IconamoonModeLight(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-width="2"><circle cx="12" cy="12" r="4" stroke-linejoin="round"/><path stroke-linecap="round" d="M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707"/></g></svg>
  );
}
CLI
npx sant-icons get iconamoon-mode-light

Properties

Name
mode-light
Library
IconaMoon
Style
stroke
License
CC-BY-4.0
Version
1.2.2
Identifier
iconamoon-mode-light

Related from IconaMoon

The mode-light icon ships with IconaMoon, an open-source icon set licensed under CC-BY-4.0. Search for it as "iconamoon mode-light", "mode-light svg", or any of its tagged terms (mode, light). 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 iconamoon-mode-light directly into your project. No browser context-switch.