Sun

sun

A 24px icon in Bloom’s Weather category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
Weather
Tags
weatherdaylightbrightsunny
Motion
Moves on hover

Sun in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get sun --style linear

It also moves on hover: add --motion to the command, or take dist/motion/<style>/sun.svg.

dist/linear/sun.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <circle cx="12" cy="12" r="3.75"/>
  <path d="M18.75 12L21 12"/>
  <path d="M16.773 16.773L18.364 18.364"/>
  <path d="M12 18.75L12 21"/>
  <path d="M7.227 16.773L5.636 18.364"/>
  <path d="M5.25 12L3 12"/>
  <path d="M7.227 7.227L5.636 5.636"/>
  <path d="M12 5.25L12 3"/>
  <path d="M16.773 7.227L18.364 5.636"/>
</svg>

More in Weather

Open in the icon browserBrowse all 1,260 icons