Die besten Quellen für kostenlose Stock-Fotos sind Unsplash, Pixabay und Pexels — alle drei bieten riesige Bibliotheken mit kommerzieller Nutzungserlaubnis und erlauben dir, die Bilder sogar zu bearbeiten. Pexels hebt sich dabei durch besonders gute Qualität und Auswahl ab.
Kostenlose Stock-Fotos: Diese drei Seiten reichen
Drei Websites dominieren hier klar: Unsplash, Pixabay und Pexels. Alle drei sind kostenlos, alle drei erlauben kommerzielle Nutzung, und alle drei haben riesige Bibliotheken.
Pexels ist dabei bei vielen Entwicklern der Favorit, einfach weil Qualität und Auswahl dort besonders gut zusammenpassen. Welche Seite dir persönlich am besten gefällt, merkst du nach zwei Minuten Stöbern.
Was du auf diesen Seiten darfst:
- Bilder kostenlos herunterladen und nutzen
- Auch für kommerzielle Projekte verwenden
- Bilder bearbeiten, zuschneiden, verändern
- Ohne Namensnennung des Fotografen verwenden
Was du nicht darfst:
- Unveränderte Fotos weiterverkaufen
- Bilder auf anderen (kostenpflichtigen) Stock-Portalen hochladen
- Personen auf Fotos in ein schlechtes Licht rücken
- Suggerieren, dass abgebildete Personen ein Produkt empfehlen
Schau trotzdem immer kurz in die offiziellen Lizenzbedingungen der jeweiligen Seite, bevor du ein Bild in einem größeren Projekt verwendest.
Kostenlose Illustrationen: Vier Seiten, die du kennen solltest
Illustrationen sind seit Jahren im Trend und eine starke Alternative zu Fotos, gerade für App-Oberflächen, Landing Pages oder Onboarding-Screens.
Rockety bietet Illustrationen zu fast jedem Thema. Die meisten sind kostenlos und auch für kommerzielle Zwecke nutzbar. Nicht alles ist gratis, aber der kostenlose Teil reicht oft für ein ganzes Projekt.
Error404.fun ist ein Spezialfall: Hier findest du ausschließlich Illustrationen für 404-Fehlerseiten. Klingt nischig, ist aber tatsächlich nützlich. Die Designs sind oft richtig schick und komplett kostenlos.
Humaaans kennt fast jeder, auch wenn nicht alle wissen wie die Seite heißt. Diese kleinen Figuren-Illustrationen im flachen Stil siehst du heute auf gefühlt jeder zweiten Website. Das Besondere: Du baust dir deine eigenen Figuren zusammen. Oberteil, Hose, Frisur, Gesicht wählst du selbst aus.
unDraw ist der absolute Favorit. Der Grund ist simpel: Du kannst die Hauptfarbe der Illustrationen selbst bestimmen. Du hast schon Branding-Farben für dein Projekt? Dann gibst du einfach den Hex-Code ein und bekommst die Illustration in genau dieser Farbe. Download dann als PNG oder SVG-Vektordatei.
Kostenlose Icons: Vier Tools, die funktionieren
Icons braucht jede Website, jede App, jedes Dashboard. Reiner Text ohne visuelle Unterstützung ist einfach schwerer zu scannen.
Flaticon ist eine der bekanntesten Icon-Bibliotheken überhaupt, mit Millionen kostenloser Icons in verschiedenen Stilen.
Icons8 ist ähnlich aufgestellt und bietet neben Icons auch Illustrationen und Fotos.
SVGRepo ist besonders praktisch: Hier lädst du Icons direkt als SVG herunter, komplett kostenlos. Wenn du aktiv Social-Media-Content produzierst oder kleinere Web-Projekte baust, wirst du SVGRepo schnell schätzen lernen.
Font Awesome ist wahrscheinlich die meistgenutzte Icon-Bibliothek in der Webentwicklung. Die kostenlose Version reicht für die meisten persönlichen Projekte problemlos aus. Was Font Awesome besonders macht: Die Integration in Frameworks ist hervorragend. Ob React, Vue oder plain HTML, es gibt für fast jede Umgebung eine fertige Lösung. Wenn du gerade anfängst und dich fragst, wie du solche Tools sinnvoll in echte Projekte integrierst, schau mal in den Frontend Fundamentals Kurs rein.
Der Geheimtipp: Brad Traversys Design-Resource-Liste
Wer noch mehr Inspiration sucht, dem sei dieses GitHub-Repository empfohlen: design-resources-for-developers von Brad Traversy (Traversy Media). Über 250 Leute haben dort mitgewirkt und eine riesige, strukturierte Liste zusammengestellt.
Farben, Icons, Animationen, Fonts, CSS-Frameworks, Layout-Tools: Alles ist kategorisiert, alles kostenlos nutzbar. Du findest dort regelmäßig neue Seiten, von denen du noch nie gehört hast. Ein Lesezeichen, das sich definitiv lohnt.
Häufige Fragen
Darf ich kostenlose Stock-Fotos für meine kommerzielle Website nutzen?
Ja. Auf Seiten wie Pexels, Unsplash und Pixabay darfst du Fotos auch für kommerzielle Projekte kostenlos nutzen, ohne den Fotografen namentlich zu nennen. Was nicht erlaubt ist: Die Bilder unverändert weiterverkaufen oder auf anderen Stock-Portalen hochladen. Lies kurz die Lizenzbedingungen der jeweiligen Seite, bevor du ein Bild in einem größeren Projekt einsetzt.
Welche Seite ist am besten für kostenlose Illustrationen?
unDraw ist besonders praktisch, weil du die Farbe der Illustrationen direkt an dein Branding anpassen kannst. Du gibst einfach deinen Hex-Code ein und lädst die Illustration als PNG oder SVG herunter. Für eigene Figuren-Illustrationen ist Humaaans die erste Wahl.
Muss ich als Anfänger Icons selbst designen?
Nein. Font Awesome und SVGRepo bieten tausende fertige Icons komplett kostenlos an. Gerade wenn du als Quereinsteiger mit Webentwicklung anfängst, sparst du dir damit viel Zeit. Wer lernen möchte, wie professionelle Projekte von Grund auf aufgebaut werden, findet im Fullstack Web Developer Kurs genau dafür praxisnahe Beispiele.