Sun Pixel Art Icon
A sun icon for sunny-weather forecasts, light-mode toggles, brightness controls and daytime settings.
Tags
daybrightlight
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Sun icon
A sun with radiating rays. Beyond clear-weather forecasts, it is widely reused for light mode in a theme switcher, for brightness controls, and for a 'daytime' setting. Paired with a moon it forms the familiar light and dark toggle. Its meaning shifts with context (weather, brightness, or time of day), so a nearby label or partner icon helps when a screen could read more than one way.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/sun.svg" width="24" height="24" alt="Sun" />
<!-- React -->
import { Sun } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="sun.svg" width="48" height="48" style="image-rendering: pixelated" />