Brightness color filled icon
Sun with eight straight rays around a small circle, inside a circular frame
Related tags
About the Brightness color filled icon
A small open circle sits at the center of a larger circular frame, surrounded by eight evenly spaced straight rays of matching length. The form is read universally as brightness, daylight and screen luminance control. Use it for display settings panels, brightness and contrast sliders, light and dark mode toggles, camera exposure controls, or weather app conditions.
Even ray spacing and a generous gap between core and rays keep the mark from looking cluttered at small sizes, and the outer circle lets it sit as a button beside volume and contrast icons in the same set. Below 20px the rays begin to blur, so prefer 24px in toolbars.
This is the colour filled version of the brightness icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
