Iconify
.design
Show Iconify website navigation
Add to favorites
Flat UI Icons
by
Designmodo, Inc.
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Flat UI Icons
Icon:
weather
Default
flat-ui:weather
- Iconify Icon
FlatUiWeather
- Component name
icon-[flat-ui--weather]
- Tailwind CSS
i-flat-ui:weather
- UnoCSS
i-flat-ui-weather
- UnoCSS
weather
- Name only
flat-ui/weather
flat-ui--weather
Size:
Colors:
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 99.5 100"><use href="#flatUiWeather0"/><use href="#flatUiWeather0"/><use href="#flatUiWeather1"/><use href="#flatUiWeather1"/><path fill="#f6d759" d="M50 14c19.882 0 36 16.117 36 36c0 19.882-16.118 36-36 36c-19.883 0-36-16.118-36-36c0-19.883 16.117-36 36-36"/><path fill="#ddc14e" d="M54 82c-19.882 0-36-16.118-36-36c0-8.923 3.253-17.081 8.629-23.371C18.902 29.232 14 39.041 14 50c0 19.882 16.118 36 36 36c10.973 0 20.781-4.917 27.387-12.655C71.094 78.732 62.934 82 54 82"/><path fill="#c5ae47" d="M77.387 73.345C71.094 78.733 62.934 82 53.999 82c-13.017 0-24.417-6.909-30.741-17.259l-4 4C25.582 79.091 36.982 86 49.999 86c10.972 0 20.782-4.917 27.388-12.655"/><defs><path id="flatUiWeather0" fill="#caa40b" d="M45.087 11.319A39.22 39.22 0 0 1 50 11c2.033 0 4.029.156 5.979.456L50.5 0zM0 49.5l11.318 5.413A39.221 39.221 0 0 1 11 50c0-2.033.156-4.03.456-5.979zm19.082-23.26a39.189 39.189 0 0 1 7.766-7.621l-11.703-3.976zm62.104.34l4.67-11.937l-11.846 4.636a39.282 39.282 0 0 1 7.176 7.301m-7.133 54.108l10.803 3.669l-3.701-10.897a39.325 39.325 0 0 1-7.102 7.228M19.082 73.76l-3.938 11.597l10.869-4.614a39.39 39.39 0 0 1-6.931-6.983m26.005 14.921L50.5 100l5.479-11.456c-1.95.3-3.946.456-5.979.456a39.22 39.22 0 0 1-4.913-.319"/><path id="flatUiWeather1" fill="#f1c411" d="m33.104 7.324l-.438 7.739a38.623 38.623 0 0 1 6.484-2.522zM13.039 37.559a38.697 38.697 0 0 1 2.591-5.997l-7.634.477zM68.561 7.014l-6.457 5.911a38.767 38.767 0 0 1 7.018 3.088zm-60 61.121l6.852-.12a38.847 38.847 0 0 1-2.254-5.22zm25.291 24.879l5.885-5.388a38.709 38.709 0 0 1-6.365-2.346zm34.945-1.518l.428-7.568a38.73 38.73 0 0 1-5.994 2.768z"/><path id="flatUiWeather2" fill="#fff" d="M95.584 49.709c.582-1.63.916-3.379.916-5.209C96.5 35.939 89.561 29 81 29c-6.523 0-12.096 4.034-14.382 9.74A12.947 12.947 0 0 0 57.5 35c-7.18 0-13 5.82-13 13c0 3.062 1.064 5.872 2.838 8.094c-3.865.564-6.838 3.884-6.838 7.906a8 8 0 0 0 8 8h38c7.18 0 13-5.82 13-13c0-3.643-1.502-6.931-3.916-9.291"/><circle id="flatUiWeather3" cx="50" cy="50" r="36"/></defs><clipPath id="flatUiWeather4"><use href="#flatUiWeather3"/></clipPath><path fill="#dcc050" d="M47 41L2 86h84V41z" clip-path="url(#flatUiWeather4)"/><use href="#flatUiWeather2"/><use href="#flatUiWeather2"/></svg>
Copy to Clipboard
Download