Icônes de déchets
Composez votre propre icône de déchets : choisissez un bac, coloriez-le et inscrivez un mot dessus. Chaque icône est un simple SVG derrière une URL stable, à intégrer dans un site, un agenda, un tableau de bord ou une interface domotique sans héberger le moindre fichier.
Composez votre icône
Aperçu
HTML
Markdown
Icônes prêtes à l'emploi
Les huit couleurs utilisées par la plupart des collectivités européennes, chacune sur le bac qui lui correspond. Clic droit pour enregistrer, ou copiez l'URL depuis l'outil ci-dessus.
Types de bacs
Chaque type de bac fonctionne avec chaque couleur et chaque mot.
URL de l'icône
L'icône est entièrement décrite par son URL, qui n'expire jamais et reste en cache pendant un an. Remplacez le type de bac dans le chemin et ajoutez les paramètres utiles :
https://binable.app/waste-icon/bin.svg?color=bio&label=Bio&size=512
| Paramètre | Valeurs | Description |
|---|---|---|
shape |
bin, container, bag, paper-stack, bucket, crate, igloo, skip |
Type de bac, intégré au chemin. |
color |
residual, bio, paper, packaging, glass, clear-glass, bulky, hazardous, 1D66B5 |
Couleur de remplissage du bac : un code hexadécimal (avec ou sans #) ou l'un des huit noms de couleurs de déchets. |
label |
Bio, Paper, Gelber%20Sack |
Le mot inscrit sur le bac. Jusqu'à 24 caractères, encodé pour l'URL. |
textColor |
FFFFFF, 1A1A1A |
Couleur du mot. Par défaut noir ou blanc, selon ce qui se lit le mieux sur la couleur de remplissage. |
size |
16 - 2048 |
Largeur et hauteur du SVG en pixels. |
Exemples
?color=paper&label=Papier
?color=packaging&label=Emballages
?color=glass&label=Verre
?color=bulky&label=Encombrants
?color=hazardous&label=D%C3%A9chets%20dangereux
?color=bio&label=Biod%C3%A9chets
Utilisation libre
Les icônes sont générées à la volée et libres d'utilisation, à titre privé comme commercial, avec ou sans mention. Pas de clé d'API, pas de limite notable, aucun traçage. Il vous manque un type de bac ? Dites-le nous dans le suivi des retours. Proposer un type de bac (ouvre dans un nouvel onglet).