W pierwszym wpisie bloga odpowiedziałem na pytanie skąd brać darmowe zdjęcia na swoją stronę internetową oraz opisałem typ licencji CC0 pozwalającej na dowolne wykorzystanie pobranych materiałów (z wyłączeniem odsprzedaży). Dziś chciałbym dać Tobie listę moich ulubionych stron na których znajdziesz darmowe ikony wektorowe do wykorzystania w projektowaniu np. strony internetowej lub aplikacji mobilnej. Dołożyłem wszelkiej staranności, aby posortować listę zaczynając od miejsc które odwiedzam najczęściej i które uważam za najlepsze.

Wszystkie (prawie) strony pozwalają za darmo i bez logowania pobierać swoje ikony. Muszę jednak wspomnieć, że część serwisów oferuje je na zasadach licencji CC-BY. Różni się ona tym od licencji CC0, że w zamian za darmowe wykorzystanie materiału (filmu, muzyki, zdjęcia czy ikony w naszym przypadku), musimy podać jego autora oraz źródło. Zazwyczaj jesteśmy proszeni by umieścić link w stopce strony lub sekcji „Credits” w aplikacji mobilnej.

Tyle tytułem krótkiego wstępu. A teraz to co misie lubią najbardziej — wartościowe linki 🙂

1. Flaticon (CC-BY)

Moim zdaniem najlepszy i największy serwis z darmowymi ikonami do pobrania. Ogromna baza ponad 2 milionów ikon powinna zadowolić każdego. Dwa główne filtry wyszukiwania pozwalają szukać pojedynczych ikon lub całych zestawów tematycznych (np. jedzenie, samochody, narzędzia itp.). Wszystkie ikony są dostępne do pobrania za darmo i bez logowania. Wszystkie w formacie SVG, EPS, PSD lub PNG w rozmiarach od 16px – 512px. Ikony dostępne są nawet w zakodowanym formacie Base64, gdybyście chcieli osadzić je jako tekst, bo np. klient pocztowy dla Waszego newslettera nie obsługuje załączników. Zalogowani użytkownicy kont darmowych, mogą dodatkowo korzystać z edytora ikon. Pozwala on na zmianę koloru, obrysu, tła czy jej ułożenia w pionie lub poziomie. Oczywiście możemy też ikony obracać, powiększać lub pomniejszać. Super sprawa. Zdecydowanie polecam. Darmowe ikony wymagają podania źródła.

2. UXWing (CC0)

Niezbyt bogata, ale za to całkowicie darmowa baza ikon w formacie SVG lub PNG. Autorzy strony informują, że posiadają w bazie 539 starannie wyselekcjonowanych ikon i liczba ta stale rośnie. Trzeba przyznać, że ikony faktycznie są bardzo przyzwoite, nowoczesne i spełniające wszelkie standardy 2020 roku. Nie musimy podawać źródła do wykorzystanych ikon.

3. unDraw (CC0)

Moje prywatne odkrycie roku. Rewelacyjna baza wektorowych ilustracji o praktycznie każdej tematyce. Co prawda nie znajdziemy tu ikon, ale dostępne rysunki są równie przydatne. Szczególnie jeśli projektujemy nowoczesny design godny 2020 roku. Ilustracje są tak zaprojektowane, że możemy dowolnie zmieniać ich główny motyw kolorystyczny. Wszystko odbywa się „w locie”, czyli za pomocą prostego narzędzia w pasku nawigacyjnym. Wystarczy wpisać frazę, np. „internet” a lista wyników będzie kolorowała się dynamicznie w zależności od wprowadzonego koloru. Gotową ilustrację pobierzemy w formacie SVG. Całkowicie za darmo. Bez konieczności podawania źródła.

4. Iconfinder (CC0, CC-BY)

Gigantyczna baza darmowych oraz płatnych ikon. Znajdziemy tu naprawdę bardzo dużo rozmaitych ikon w różnych stylach graficznych. Glify, obrysy, flat design, cliparty, ikony 3D, rysunkowe, ręcznie rysowane, z długimi cieniami i wiele innych. Punkt obowiązkowy w poszukiwaniach. Darmowe ikony występują na dwóch typach licencji: takich gdzie trzeba lub można podawać autora w linku. Na ikony płatne wydamy $2 – czyli koszt niezbyt obciążający kieszeń.

5. Behance (CC0, CC-BY)

Behance nie trzeba nikomu przedstawiać. Poza inspiracją do kolejnych projektów, portal nierzadko może służyć jako źródło wysokiej jakości ikon, mockupów, rysunków czy innych materiałów. Przechodząc za pomocą linka w nagłówku wyżej, znajdziesz wyniki wyszukiwania najpopularniejszych ikon na Behance. Jest ich całkiem sporo. Wyszukiwarka nie jest może precyzyjna, ale wystarczy przeczytać nagłówek zwróconego wyniku, żeby ocenić czy mamy do czynienia z darmową ikoną czy z innym materiałem. Należy jednak zwrócić uwagę na licencje pobieranych materiałów, bo te różnią się w zależności od woli poszczególnego autora.

6. Stockio (CC-BY)

Obszerny stock z materiałami. Nie tylko ikony, ale również zdjęcia, filmy, grafiki wektorowe i czcionki. Samych ikon naliczyłem ponad 6000. Co prawda zawsze musimy linkować do źródła, ale bogaty wybór, prosta wyszukiwarka i dobrze działająca sekcja z polecanymi ikonami zgodnymi z naszym wyszukiwaniem pomagają w szybkim znalezieniu pożądanej ikony. Wszystkie darmowe ikony wymagają podania źródła. Do wybranych zdjęć nie ma jednak takiej potrzeby.

7. Free Icon Shop (CC0)

Wartościowa baza absolutnie darmowych ikon w formacie wektorowym. Pobierając wybraną ikonę otrzymujemy paczkę .zip z obrazkami w formatach PNG, SVG, Ai oraz PSD. Dostępny podział według kategorii pozwala nam wybierać ikony z samym obrysem, z obrysem i kolorowym wypełnieniem, glify oraz ikony flatowe. Wszystkie ikony dostępne są do darmowego użycia nawet w projektach komercyjnych bez podawania źródła.

8. Oxygenna (CC0)

Oxygenna to nie do końca baza ikon. Jest to w zasadzie strona oferująca płatne motywy do WordPress. Poza sekcją blogową oraz częścią z poradnikami interesują nas dzisiaj darmowe ikony. Znajdziemy je w zakładce „Freebies”. Wszystkie ikony dostępne są w zestawach tematycznych. Dużym minusem jest brak wyszukiwarki, więc nieco trudno jest znaleźć ikonę odpowiadającą specyficznym wymaganiom. Jeśli jednak szukamy całych zbiorów ikon według kategorii, np. Wielkanoc, Halloween, praca czy nauka, to możliwe że coś znajdziemy. Wszystko za darmo. Nie musimy podawać źródła do wykorzystanych ikon.

9. icons8 (CC-BY)

Bardzo ciekawa strona z ikonami, zdjęciami i muzyką, ale posiadająca pewne ograniczenia. Wersja darmowa pozwala pobierać ikony tylko w formacie PNG. Ikony wektorowe w PDF, EPS czy SVG dostępne są wyłącznie w opcji abonamentowej serwisu. Wersja darmowa przyciąga jednak bardzo rozbudowanym edytorem ikon, pozwalającym zmieniać wszystkie kolory, dodawać inne symbole lub tekst, kolorowe obrysy o różnej grubości, powiększenia i pomniejszenia, kolory tła czy nawet wpisywać ikony w okręgi lub kwadraty. Ciekawą opcją jest możliwość osadzenia wybranych ikon za pomocą linka ze strony icons8. Darmowe ikony wymagają podania źródła.

10. iconmonstr (CC0)

Dość obszerna i absolutnie darmowa baza ikon (ponad 4400). Znajdziemy tu ogólny podział na ikony z obrysu lub glify, a także kolekcje tematyczne. Cały portal jest ewidentnie ręcznie moderowany a ikony starannie dobierane. Wszystkie do pobrania w formacie SVG, EPS, PSD lub PNG.

Aktualizacja

11. Freepik (CC-BY)

Zgodnie z sugestią w komentarzach, trzeba wspomnieć o bardzo popularnym serwisie Freepik. jest on głównie kojarzony z gigantyczną bazą obrazków wektorowych, ale nie brakuje w niej też ikon. Ba! Jest nawet do tego osobny filtr w wyszukiwarce na stronie, zawężający wyniki tylko do ikon.

Rzecz w tym, że otrzymane wyniki wyszukiwania ikon, pochodzą z serwisu Flaticon, gdyż oba należą do tego samego właściciela. Szukając zatem ikon na Freepik, tak na prawdę szukasz ich w bazie Flaticon. Niemniej jednak, nie umniejsza to żadnych zalet jednego czy drugiego serwisu.

Aktualizacja 2

W związku z dużym zainteresowaniem tego wpisu, postanowiłem, że będę sporadycznie dopisywał kolejne serwisy z darmowymi ikonami. Poniżej kolejne perełki:

12. Iconscout (CC-BY)

Iconscout to jedno z moich największych odkryć ostatnich miesięcy. Powiedzieć, że Iconscout to przepotęrzna baza rozmaitych ikon oraz ilustracji to jakby nic nie powiedzieć. Serwis chwali się bazą sięgającą ponad 4,3 miliona ikon, animacji oraz ilustracji. Samych ikon jest obecnie (kwiecień 2022) ponad 3,7 miliona.

Z ikon serwisu korzystają takie marki jak Amazon, Disney, Sony, Netflix, Spotify  czy Uber. Nie sama baza ikon jest tu wabikiem (choć niewątpliwie imponującym) a związane z nią integracje i rozszerzenia. Zdecydowaną większość ikon można pobrać w formacie PNG, SVG, PDF, EFS, AI, BASE 64, ICO lub ICNS. Do pobierania należy jednak założyć darmowe konto a wszystkie użyte ikony stosownie oznaczyć w swoim projekcie zgodnie z licencją serwisu. Jeśli nie chcesz podawać danych autora wykorzystywanych ikon, ilustracji lub animacji, przygotuj się na odpłatność. $15/miesięcznie za wszystkie materiały lub $13 za same ikony. Oba plany udostępniają dodatkowe narzędzie pozwalające na zmianę koloru ikon oraz tworzenie animacji.

Jeśli jesteśmy przy dodatkowych integracjach, to trzeba wspomnieć, że Iconscout posiada wtyczki do wszystkich najpopularniejszych programów projektowych. Bazę ikon możesz dzięki temu zintegrować z takimi programami jak: Figma, Adobe XD, Sketch, Illustrator, Photoshop czy Canva.

Mało tego: serwis oferuje Ci także możliwość instalacji dedykowanej aplikacji w systemie macOS lub Windows. Wersja na Linux ma pojawić się wkrótce.

13. Feather Icons (CC0)

Feather to skromna ale absolutnie darmowa baza 287 ikon (stan na kwiecień 2022) udostępnionych na licencji open source. Godnym uwagi jest fakt, że wszystkie ikony są ze sobą wizualnie spójne. Są też przy tym nowoczesne, delikatne i eleganckie ponieważ stworzone są jako ikony „liniowe” lub jak kto woli: z obrysu.

Co ważne, wszystkie ikony możesz dowolnie kolorować, zmieniać ich rozmiar oraz grubość. Są dzięki temu bardzo eleganckie i z pewnością wpasują się w każdy projekt.

Darmowe ikony nie zawsze są darmowe

Temat darmowych ikon wektorowych jest nieco bardziej skomplikowany niż całkowicie darmowe zdjęcia. Głównie za sprawą różnych typów licencji na ich wykorzystanie. Całkowicie darmowych banków ikon na licencji CC0 jest stosunkowo mało. Sam korzystam najczęściej jedynie z kilku pierwszych pozycji listy, ale uznałem że warto przedstawić Tobie szersze spektrum wyboru.

Pomimo, że mógłbym spokojnie nazwać artykuł „Lista 5 absolutnie darmowych banków ikon”, to zdecydowałem się rozszerzyć materiał o strony z ikonami darmowymi, ale wymagające podania źródła do autora ilustracji. Linki można traktować jako pewną formę opłaty. Umieszczając je na swojej stronie odpłacamy się dobrym słowem, uznaniem i uszanowaniem pracy autora.

Jak zawsze, jestem ciekaw Twoich ulubionych pozycji które możesz polecić innym. Z chęcią zaktualizuję wpis. Podaj swoje propozycje w komentarzach. A może już je wymieniłem? Zgadzasz się z kolejnością?