sun

Sun icon · Lucide · <Sun />

sun

Lucide tags sun with summer, brightness and light. It's in Lucide's Accessibility and Weather categories; similar icons include Sun Moon, Sun Dim and Sun Medium. The matching icons are Weather Sunny in Microsoft's Fluent icons and light_mode in Google's Material Symbols.

24 px, stroke 2

sun.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { Sun } from "lucide-react";

export function Example() {
  return <Sun />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`sun`
Component	`Sun` (also `SunIcon`, `LucideSun`)
Categories	Accessibility, Weather, Seasons, Sustainability
Icon font	`icon-sun`, `U+E178`
CSS content	`"\e178"`
File	`lucide-static/icons/sun.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)