Aperçu 1 sur 4
Pack d'icônes météo (36 icônes ligne)
36 icônes météo ligne en SVG, PNG et sprite SVG : ciel, pluie et neige, vent, mesures. Pour vos applis météo et tableaux de bord, sous licence commerciale.
Vue d'ensemble
Description
Ce pack réunit 36 icônes météo en style ligne, livrées en SVG, en PNG et en sprite SVG, sous licence commerciale. Il s’adresse aux designers et aux développeurs qui conçoivent une appli ou un site de prévisions, un widget, un tableau de bord qui affiche des conditions extérieures, ou une interface de voyage et de réservation. Les icônes couvrent l’état du ciel, les précipitations, le vent et les phénomènes atmosphériques, puis les mesures qu’un bulletin affiche à côté d’une prévision : température, humidité, indice UV, direction du vent, pression. Chaque fichier porte un nom anglais simple (rain-heavy, cloud-moon, uv-index), que vous pouvez relier directement au code d’état renvoyé par votre source de données météo. Toutes partagent le même trait, sans remplissage, avec des terminaisons arrondies : une prévision à la semaine, une carte de ville et un panneau de mesures restent dans un seul style, de la maquette au code.
Caractéristiques
| Icônes | 36, en style ligne |
|---|---|
| Familles | 4 : ciel, précipitations, atmosphère et vent, mesures |
| Formats | SVG, PNG 24, 48 et 96 px, sprite SVG, page HTML de démonstration |
| Fichiers | 146 dans l’archive |
| Licence | commerciale |
| Version | 1.0.0 du 10 novembre 2026 |
Contenu
- 36 icônes en style ligne, réparties en 4 familles :
- Ciel (9) :
sun,moon,moon-stars,cloud,clouds,cloud-sun,cloud-moon,sunrise,sunset; - Précipitations (11) :
drizzle,rain,rain-heavy,cloud-sun-rain,thunderstorm,lightning,snow,snow-heavy,snowflake,sleet,hail; - Atmosphère et vent (8) :
fog,haze,dust,wind,wind-strong,tornado,hurricane,rainbow; - Mesures (8) :
thermometer,thermometer-hot,thermometer-cold,humidity,umbrella,uv-index,wind-direction,pressure.
- Ciel (9) :
- 36 fichiers SVG, un par icône.
- 108 fichiers PNG : chaque icône en 24, 48 et 96 px.
- 1 sprite SVG qui rassemble les 36 icônes sous forme de symboles.
- 1 page HTML de démonstration.
Quelques choix de dessin à connaître avant d’acheter. Les précipitations se distinguent par leur forme sous le nuage : traits obliques pour la pluie, petites gouttes rondes pour la bruine, flocons ouverts pour la neige, grêlons creux pour la grêle, un mélange de pluie et de neige pour sleet. La nuit n’a que moon, moon-stars et cloud-moon : il n’existe pas de variante nocturne de la pluie, de l’orage ou de la neige. lightning est un éclair seul, thunderstorm un nuage avec son éclair. uv-index associe un soleil aux lettres UV, humidity est une goutte marquée d’un signe pour cent, wind-direction une flèche dans un cercle et pressure un cadran à aiguille.
Organisation des fichiers :
svg/
png/24/
png/48/
png/96/
sprite/weather-line-icons.svg
demo/index.html
Fabrication et IA
Les icônes ont été dessinées en SVG avec un assistant d’IA, puis relues et contrôlées une à une : rendu à 24 et à 48 px, puis relecture de chaque icône sur planche avant la mise en vente. Le pack ne contient aucune image générée par IA.
Formats et compatibilité
- SVG : vecteurs sans remplissage dont le trait prend la couleur du texte (
currentColor). Vous changez la couleur avec la propriété CSScoloret l’épaisseur avec l’attributstroke-width, posé une seule fois sur la balise racine. Les fichiers s’ouvrent dans la plupart des outils de design et s’utilisent directement dans le code (HTML, composants). - PNG 24, 48 et 96 px : icônes noires sur fond transparent, pour une présentation, un document ou un logiciel qui n’importe pas le SVG.
- Sprite SVG : un fichier unique où chaque icône est un
<symbol>portant le nom de son fichier, à appeler par<use href="#cloud-sun"/>. - HTML : une page de démonstration autonome, sans script ni ressource externe, qui affiche les icônes par famille en 24 ou 48 px et en plusieurs couleurs, y compris sur fond sombre.
Licence
L’achat donne droit à la licence commerciale : vous pouvez utiliser ces icônes dans une appli, un site ou un tableau de bord commercial, pour vous ou pour un client. Vous ne pouvez pas revendre ni redistribuer les fichiers eux-mêmes, isolés ou dans un autre pack.
Pour aller plus loin
- Comment garder un style commun sur toute une série : la méthode pour produire des icônes cohérentes.
- Générer ses icônes ou acheter un pack : l’IA générative face aux packs d’icônes payants.
- Même trait et même nommage pour une boutique en ligne : le pack d’icônes e-commerce ligne.
Historique des versions
1.0.0 (10 novembre 2026) : première version.
