Iconify
.design
Show Iconify website navigation
Add to favorites
Fluent UI System Icons
by
Microsoft Corporation
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Fluent UI System Icons
Icon:
weather-sunny-20-regular
Default
fluent:weather-sunny-20-regular
- Iconify Icon
FluentWeatherSunny20Regular
- Component name
icon-[fluent--weather-sunny-20-regular]
- Tailwind CSS
i-fluent:weather-sunny-20-regular
- UnoCSS
i-fluent-weather-sunny-20-regular
- UnoCSS
weather-sunny-20-regular
- Name only
fluent/weather-sunny-20-regular
fluent--weather-sunny-20-regular
Size:
Color:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 10 2m0 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-1a3 3 0 1 1 0-6a3 3 0 0 1 0 6m7.5-2.5a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1zM10 16a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-6.5-5.5a.5.5 0 0 0 0-1H2.463a.5.5 0 0 0 0 1zm.646-6.354a.5.5 0 0 1 .708 0l1 1a.5.5 0 1 1-.708.708l-1-1a.5.5 0 0 1 0-.708m.708 11.708a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708.708zm11-11.708a.5.5 0 0 0-.708 0l-1 1a.5.5 0 0 0 .708.708l1-1a.5.5 0 0 0 0-.708m-.708 11.708a.5.5 0 0 0 .708-.708l-1-1a.5.5 0 0 0-.708.708z"/></svg>
Copy to Clipboard
Download