Skąd brać darmowe ikony i grafikę do użytku komercyjnego przy własnych projektach?

Autor:
Zespół Future Collars
Skąd brać darmSkąd brać darmowe ikony i grafikę do użytku komercyjnego przy własnych projektach?owe ikony i grafikę do użytku komercyjnego przy własnych projektach?

Kolejny z serii naszych artykułów o darmowych źródłach contentu dotyczy ikon. Wykorzystywane do rozmaitych projektów, są ważnym elementem wizualnym, który nadaje charakteru całemu projektowi – serwisowi, platformie czy aplikacji.

Co ważne, co najmniej kilka z polecanych tutaj źródeł, daje nam jako użytkownikom wybór spośród różnych typów dostępu. Konto darmowe lub płatne – warto spojrzeć na możliwości, które mamy w obydwu przypadkach.

Po co nam w ogóle jakiekolwiek ikony?

Jeżeli dopiero zaczynacie przygodę z tworzeniem stron internetowych, może nie trafiliście jeszcze na tego typu problem. Kiedy była potrzebna ikonka rozwijanego menu do nawigacji, to uruchomiliście Google Grafika i znajdowaliście coś pasującego do Waszych oczekiwań. Może jakiś lekki JPG. W gorszym przypadku jakiś ciężki GIF lub PNG.

Kiedy jednak myślimy o optymalizacji ładowania i działania strony, staramy się stosować do właściwych praktyk. Gdy zależy nam także na ostrych grafikach, które sprawdzą się nawet przy zoomowaniu na urządzeniach mobilnych ze świetnymi wyświetlaczami – sprawa całkowicie się zmienia.

Innym powodem korzystania ze stałych, ugruntowanych serwisów jest spójność stylistyki ikon.

Jakie polecam źródła darmowych ikon do użytku komercyjnego?

Jest ich oczywiście mnóstwo. Pomniejszych serwisów będą dziesiątki, jak nie setki – niestety w większości są tylko “pośrednikami” w udostępnianiu ikon wymienionych tutaj gigantów. Chciałam więc zebrać najciekawsze, najbardziej sprawdzone przeze mnie i co najważniejsze – takie, które pozwalają, by wykorzystywać ikony do użytku komercyjnego. Oczywiście poza nimi istnieje wiele innych wartych uwagi, dlatego zachęcam Was do dzielenia się swoimi propozycjami w komentarzach!

Font Awesome

Jest to tak naprawdę font, który zamiast typowych, znanych nam liter alfabetu, zawiera w sobie olbrzymi zbiór znaków. Cała “instalacja” polega na zaimportowaniu jednego pliku CSS – od tego czasu możemy korzystać z naszej paczki na kilka sposobów. Najprościej dodać do naszego pustego tagu, który jest typu “inline” klasę odpowiadającą wybranej ikonie, na przykład <i class=”fas fa-camera”></i> , gdzie “fas” jest prefixem odpowiadającym za styl ikony.

Font Awesome jest dostępny w wersji premium oraz bezpłatnej, w której mamy nieco okrojoną paletę ikon, ale są one i tak wystarczające do większości projektów.

Flaticon – darmowe ikony wektorowe

Obecnie ten serwis udostępnia prawie 1.7 miliona darmowych grafik wektorowych. Wyszukujemy nasze ikony w łatwy sposób – wpisując słowa kluczowe. Interfejs serwisu jest bardzo przejrzysty, prosty, trudno szukać tu zbędnych udziwnień. Możemy co prawda ściągnąć ikonkę w formacie PNG, ale przecież największą korzyścią jest dla nas korzystanie z dobrodziejstw SVG, czyli grafik wektorowych. Oprócz tych dwóch formatów, znajdziemy również plik do otwarcia w Photoshopie, EPS i Base64.

Rewelacyjną funkcjonalnością, która wyróżnia Flaticon jest możliwość dopasowywania ikony pod nasze indywidualne potrzeby i preferencje. Po zaznaczeniu interesującej nas sztuki, pojawi się okienko wyboru formatu oraz ikonka ołówka – po kliknięciu w nią, otrzymamy możliwość edycji kolorystyki każdej z warstw, odwrócenia kolorów i wielu innych. Opcja ta jest dostępna za darmo, ale wymaga założenia bezpłatnego konta.

Podobnie jak w poprzednim przypadku, część ikon jest dostępna całkowicie za darmo, natomiast za inne trzeba będzie zapłacić, a ściślej mówiąc – zakupić pakiet premium. Mamy do wyboru opcję odnawiania subskrypcji co miesiąc za niecałe 10 euro lub pakiet roczny za 89.99 euro. Darmowe ikony można wykorzystywać komercyjnie, ale należy pamiętać o dodaniu adnotacji o autorze, jeżeli podczas pobierania pojawił się taki komunikat.

Freepik

Każda z propozycji w tym zestawieniu jest dość charakterystyczna i choć podchodzą one teoretycznie pod źródła ikon, to są znacząco różne. Freepik wyłamuje się tym, że udostępnia nie tylko ikony, ale ogólny zbiór “grafik”. Aby okroić wyszukiwanie do grafik wektorowych, wystarczy użyć filtra przy sekcji wyszukiwania, która widnieje na stronie głównej.

W wielu przypadkach dostaniemy tutaj całe siatki ikon z danej kategorii. Np. szukając ikony twarzy, otrzymamy całą paletę “min”. Rozwiązanie może być przydatne częściej na etapach projektowania jakichś spójnych elementów aplikacji, czatów. Niestety nie mamy aż tak wielu możliwości ich edycji już w przeglądarce, jak w przypadku Flaticon.

Dobre wieści? Jeżeli skorzystacie z oferty premium na Freepiku, to dostaniecie je też na Flaticon – działa to oczywiście w obie strony.

Czy wszyscy korzystają z tych źródeł darmowych ikon do pobrania?

To zależy od projektu i oczywiście jednej, najważniejszej kwestii: jak bardzo stawiasz na unikatowość swojego rozwiązania? Musimy się liczyć z faktem, że ikona, którą zastosujesz, prawdopodobnie znalazła się już na tysiącach innych witryn internetowych na całym świecie. O ile “strzałka w lewo”, trzy poziome kreski albo “krzyżyk” nie odgrywają tak znaczącej roli w kwestii budowania marki, tak użycie darmowej ikony do stworzenia logotypu może się skończyć źle :).

W wielu komercyjnych projektach klient dostarcza nam wszystkich wymaganych w designie ikon, ale w przeciwnym wypadku warto być przygotowanym i mieć w zanadrzu zapisane te trzy linki z naszego zestawienia.

Chcesz dowiedzieć się więcej o kursie lub o sposobach na pozyskanie środków na szkolenie? Napisz do nas!

Przeczytaj jeszcze więcej
Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu

Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu – „Upskilling Reskilling. Czas na przyspieszenie”

„Upskilling Reskilling. Czas na przyspieszenie” to pionierskie opracowanie, które jako pierwsze kompleksowo ujmuje zagadnienia wypełnienia luki kompetencyjnej w firmach i analizuje wyzwania polskiego rynku pracy związane z brakiem specjalistów IT. Powstała na bazie wniosków z raportu „Wielki reset umiejętności” oraz warsztatów z radą programową ds. reskillingu prowadzonych przez Tinę Sobocińską. POBIERZ EBOOK: https://futurecollars.com/raport-upskilling-reskilling-czas-na-przyspieszenie/ https://reskilling.pl/raporty/   O ebooku „Upskilling Reskilling. Czas na przyspieszenie” Twórcy poradnika, zdając sobie sprawę z przełomowego Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu – „Upskilling Reskilling. Czas na przyspieszenie”

Future Collars i Amazon: razem na trzech nowych rynkach

Future Collars i Amazon: razem na trzech nowych rynkach

– Nie zwalniamy tempa! Po wejściu na Bliski Wschód i nawiązaniu współpracy ze Zjednoczonymi Emiratami Arabskimi rozszerzamy działalność o kolejne kierunki ekspansji. Czechy, Słowacja i Irlandia, a dokładnie uprawieni pracownicy Amazon w tych krajach, wezmą udział w naszych dedykowanych kursach – komentuje Beata Jarosz, CEO Future Collars. Future Collars od kilku lat jest aktywnym partnerem programu Amazon Career Choice, który umożliwia pracownikom podnoszenie kwalifikacji do ról zarówno w firmie Future Collars i Amazon: razem na trzech nowych rynkach

Future Collars i Amazon Web Services łączą siły

Future Collars i Amazon Web Services łączą siły, aby zainspirować polską młodzież do rozpoczęcia kariery w sektorze IT

Szkoła kompetencji cyfrowych Future Collars rozpoczyna współpracę z programem Amazon Web Services (AWS) GetIT. Inicjatywa ta ma na celu zaznajomienie uczniów w Polsce, w wieku 12-14 lat – szczególnie dziewcząt oraz przedstawicieli społeczności niedostatecznie reprezentowanych – z umiejętnościami związanymi z chmurą obliczeniową. Projekt aspiruje do zainspirowania młodzieży do rozważenia kariery w branżach STEM (nauka, technologia, inżynieria, matematyka). Program AWS GetIT będzie realizowany przez cały rok szkolny 2023/2024, edukując Future Collars i Amazon Web Services łączą siły, aby zainspirować polską młodzież do rozpoczęcia kariery w sektorze IT

Maciej Paczuła

Refleksje Absolwenta: Nauka i rozwój nawet w trudnej sytuacji zdrowotnej

Co skłoniło Cię do zgłoszenia się na kurs w Future Collars w ramach Fundacji Ergo Hestia? I który kurs wybrałeś? To sama fundacja zgłosiła mnie bezpośrednio na kurs w Future Collars. Skorzystałem z doradztwa zawodowego w fundacji, gdzie zadeklarowałem, że chciałbym zostać Testerem. Dzięki temu przedstawiono mi kurs Tester Oprogramowania, który udało mi się pomyślnie zrealizować.   Jakie korzyści odniosłeś dzięki ukończeniu kursu? Czy pomogło Ci to w codziennej pracy lub w przebranżowieniu się? Ukończenie kursu Refleksje Absolwenta: Nauka i rozwój nawet w trudnej sytuacji zdrowotnej

Anna Niejełow

“Dostałam solidne podstawy, wiem także w jakim kierunku dalej się rozwijać, by być coraz lepszym Testerem” – rozmowa z Anną, absolwentką kursu Tester Oprogramowania

Co skłoniło Cię do zgłoszenia się na kurs w Future Collars? Który kurs wybrałaś i dlaczego? Po urodzeniu trzeciego dziecka wiedziałam, że muszę coś zmienić w swoim życiu zawodowym. O przebranżowieniu się do IT i zostaniu Testerem Oprogramowania myślałam już od pewnego czasu. Namawiał mnie do tego mój mąż oraz mój kolega, programista. Uważali, że poradzę sobie i że mam predyspozycje do tej pracy. Dlaczego akurat w Future Collars? Spodobała mi się agenda kursu, dostęp do kursu języka angielskiego w IT “Dostałam solidne podstawy, wiem także w jakim kierunku dalej się rozwijać, by być coraz lepszym Testerem” – rozmowa z Anną, absolwentką kursu Tester Oprogramowania

Moc Reskillingu Wykorzystanie korzyści biznesowych

Moc Reskillingu: Wykorzystanie korzyści biznesowych

W dzisiejszym zmieniającym się środowisku biznesowym, reskilling stał się bardzo ważnym pojęciem. Wiele firm na całym świecie ma trudności z znalezieniem pracowników posiadających nowe i niezbędne umiejętności np. specjalistów od cyfrowego bezpieczeństwa danych czy z innej branży specjalistów od Compliance. Dlatego coraz częściej sięgają po reskilling, czyli przekwalifikowanie swoich obecnych pracowników, co pozwala na odblokowanie ich potencjału i przynosi wiele korzyści biznesowych. Przedstawiam przykładową firmę o nazwie Innovatech Solutions, która pokazuje, Moc Reskillingu: Wykorzystanie korzyści biznesowych