Home/Libraries/Freehand free icons (Iconify)/light-mode-brightness-half

Freehand free icons (Iconify)

LightModeBrightnessHalf

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.642 17.727a6.37 6.37 0 0 0 4.556-1.939a6.73 6.73 0 0 0 1.559-4.606a4.4 4.4 0 0 0-.89-2.328c-1.688-2.328-3.337-1.999-5.305-2.358c-.55 0-.45.27-.48 6.564v4.117a.56.56 0 0 0 .56.55m4.616-8.454c.395.552.626 1.203.67 1.879c-.17 3.387-2.079 5.186-4.727 5.446c0-3.098-.14-6.175-.27-9.343c2.609.14 3.268.43 4.327 2.018"/><path d="M23.583 10.423c-.23-.12-.62-.16-.79-.25a15.8 15.8 0 0 1-2.888-1.609q.47-1.918.71-3.877c0-.22.47-1.26-.41-1.27c-.08 0-4.996.73-4.996.81C14.569 2.998 13.36.27 12.111.46c-1.099.17-1.698 1.819-2.248 2.538c-.72 1-1 1.34-1 1.56s.09.359.38.329q.575-.727 1.07-1.509c.48-.55 1.169-2.118 1.888-2.218c.23 0 .51.32.68.5c.524.692.966 1.443 1.319 2.238c.17.32.3.859.7 1.059c.11.04 4.106-.46 4.216-.48s.41 0 .68 0c-.88 4.577-.85 3.997-.85 4.247c0 .78 1.859 1.509 3.737 2.568c-2.998 3.577-3.837 3.257-3.557 4.147a5.54 5.54 0 0 1 .57 2.488c.11 1.339 0 1.359.11 1.888c-.74 0 .43.11-3.108-.23c-.65-.09-1.29-.45-1.809.23a4.6 4.6 0 0 1-.44.65l-1.778 1.718a4.6 4.6 0 0 0-.64-.41c-1.608-1.188-1.998-2.377-4.616-2.178a19 19 0 0 0-3.148.56c0-.23.37-3.467.37-3.467c0-.23.31-.71.15-1c-.48-.929-1.619-.909-3.817-2.907c1-1 3.537-1.999 3.207-3.428c-.17-.75.13 1.07-.929-3.937a2.8 2.8 0 0 1 .95-.11c.08 0 3.387.66 3.377-.25a.33.33 0 0 0-.34-.35c-.55-.059-4.376-.169-4.626.08a.5.5 0 0 0-.13.37q.358 2.28.999 4.497c-.71 1.34-2.658 1.689-3.337 2.758a.57.57 0 0 0 0 .75c1.878 1.828 3.357 2.318 3.747 2.827c-.34 1.1-.16.33-.52 3.558c-.07.579-.33 1.319.2 1.588c.68.34 1.199-.3 3.917-.47a2.82 2.82 0 0 1 2.318.64c.54.43 2.268 1.999 2.368 2.098a.66.66 0 0 0 .83 0c2.418-2.358 2.288-2.168 2.738-2.887l.809.15c3.907.38 3.327.38 3.647.38c1.22 0 .67-1.28.67-1.54c0-.559 0-1.119-.08-1.678a6.2 6.2 0 0 0-.54-2.518a21.3 21.3 0 0 0 2.478-2.448c.86-1.05 1.859-1.869.86-2.439"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LightModeBrightnessHalfIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.