immersive-home/app/assets/weather/README.md

46 lines
2.1 KiB
Markdown
Raw Permalink Normal View History

2024-05-01 23:08:35 +03:00
<a href="https://bas.dev" target="_blank" rel="noopener">
<img src="https://bas.dev/module/@bas/website/resource/image/logo.svg" alt="Bas Milius Logo" height="60" width="60" />
</a>
---
# Meteocons
Free to use animated SVG weather icons. Handcrafted by [Bas Milius](https://bas.dev).
## 👀 Preview
- **Filled icons**: https://basmilius.github.io/weather-icons/index-fill.html
- **Outlined icons**: https://basmilius.github.io/weather-icons/index.html
### ⚒ Process
- An icon is designed in Adobe Illustrator.
- Icons are exported to plain SVG files.
- Animations are added by editing SVG files.
- A node.js script minifies the SVG's.
### 🎨 Design files
This repository not only contains the production-ready files, but also the original design
files. You may use these files to adjust icons or even create new ones. The design files
are Adobe Illustrator .ai-files.
### 🌥 Missing an icon?
Please let me know by creating an issue. Keep in mind that I only accept icons that are
somewhat weather related.
---
<p float="left">
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/fill/clear-day.svg" alt="Partly Cloudy Day" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/fill/partly-cloudy-day.svg" alt="Partly Cloudy Day" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/fill/rain.svg" alt="Rain" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/fill/tornado.svg" alt="Tornado" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/fill/clear-night.svg" alt="Clear Night" height="48"/>
</p>
<p float="left">
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/line/clear-day.svg" alt="Partly Cloudy Day" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/line/partly-cloudy-day.svg" alt="Partly Cloudy Day" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/line/rain.svg" alt="Rain" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/line/tornado.svg" alt="Tornado" height="48"/>
<img src="https://bmcdn.nl/assets/weather-icons/v2.0/line/clear-night.svg" alt="Clear Night" height="48"/>
</p>