Waste Icons — SVG-Icons für die Abfallwirtschaft

Ausgangslage

Regulierte Branchen wie die Abfallwirtschaft haben ein gemeinsames Problem: Fachliche Komplexität trifft auf fehlende digitale Grundlagen. Es gibt Normen, Klassifikationen und Behördenstrukturen, aber kaum frei verfügbare Bausteine, mit denen Entwickler darauf aufbauen können. Aus unserer täglichen Arbeit in der Abfallwirtschaft ist deshalb Waste Icons entstanden.

Digitale Produkte in dieser Branche brauchen visuelle Orientierung. Abfallschlüssel, Behältertypen und Entsorgungskategorien sind abstrakt. Ohne passende Icons bleibt jede Oberfläche eine Textwüste. Branchenspezifische Symbole für Beton, Dachpappe oder Absetzcontainer existierten bisher schlicht nicht als frei verfügbare Ressource.

Wer Tools, Portale oder Apps für die Abfallwirtschaft baut, musste eigene Icons zeichnen oder ganz auf visuelle Differenzierung verzichten. Gerade für kleine Teams und Entwickler ist das eine unnötige Hürde.

Die fachliche Welt verstehen

Das Europäische Abfallverzeichnis (AVV/EWC) klassifiziert Abfälle in 20 Kapitel, über 100 Gruppen und hunderte Einzelschlüssel. Parallel dazu gibt es dutzende Behältertypen, vom Umleerbehälter bis zum Abrollcontainer. Jede dieser Kategorien hat eigene visuelle Assoziationen, die in Fachsoftware, Portalen und Apps kommuniziert werden müssen.

Waste Icons bildet diese Fachstruktur als Icon-Bibliothek ab. Die Sammlung umfasst 20 Kapitel-Icons für die 2-stelligen AVV-Codes wie Bergbau, Holzverarbeitung oder Bau- und Abbruchabfälle. Dazu kommen über 80 Gruppen-Icons für 4-stellige Codes und über 40 Schlüssel-Icons für 6-stellige Codes. Ergänzt wird das Ganze durch über 20 Behälter-Icons für Umleerbehälter, Absetzcontainer, Abrollcontainer, Fässer und IBC.

Unser Ansatz

Wer bessere Software für die Abfallwirtschaft bauen will, sollte nicht erst Icons zeichnen müssen. Frei verfügbare, branchennahe Bausteine senken die Einstiegshürde und ermöglichen es auch kleinen Teams, schnell professionelle Produkte zu entwickeln. Das gilt für Entsorger, die ein internes Portal aufbauen, genauso wie für Agenturen, die Branchenlösungen umsetzen.

Waste Icons ist unser Beitrag zu diesem Ökosystem. Eine Branche digitalisiert sich nicht durch einzelne Produkte, sondern durch eine gemeinsame Infrastruktur. Icons sind ein kleiner, aber konkreter Baustein davon. Wenn sie frei verfügbar sind, profitieren alle davon, auch wir selbst.

Die Bibliothek steht unter MIT-Lizenz und ist aus unserer täglichen Arbeit heraus entstanden. Alle Icons folgen einem einheitlichen Stil und lassen sich sowohl als SVG-Dateien als auch als React-Komponenten nutzen. Die WasteIcon-Komponente löst AVV-Codes automatisch auf und findet das passende Icon vom Schlüssel über die Gruppe bis zum Kapitel.

Verwendung

Installation

npm install @schaffsch/waste-icons

Einzelne Icons importieren

import { ConcreteIcon } from "@schaffsch/waste-icons/waste/outline";
import { SkipContainerIcon } from "@schaffsch/waste-icons/container/outline";

Dynamisch per AVV-Code

import { WasteIcon } from "@schaffsch/waste-icons/WasteIcon";

// Löst automatisch auf: 170101 → Beton-Icon
<WasteIcon code="170101" className="h-6 w-6 text-gray-700" />

Dynamisch per Behältertyp

import { ContainerIcon } from "@schaffsch/waste-icons/ContainerIcon";

<ContainerIcon typ="Absetzcontainer" className="h-8 w-8" />

Ergebnisse