Pobierz i używaj bezpłatnych ikon projektowania materiałów

Material Design Google przyniósł drastyczną zmianę w swoich usługach dzięki pięknie kontrastującym kolorom i interaktywnym animacjom. Wraz z przemianą pojawiły się ikony dopasowane do reszty ekosystemu. Google udostępnił wszystkie ikony za darmo na swoich stronach internetowych, tutaj mówimy, jak je pobrać i używać.

Pobierz bezpłatne ikony projektowania materiałów

Aby pobrać ikony tematyczne Materiał, przejdź do repozytorium Google. Przewiń w dół, a odkryjesz mnóstwo ikon dostępnych do użycia. Możesz wyszukiwać za pomocą paska narzędzi lub wybrać ten, którego potrzebujesz, przewijając, co oczywiście zajmie dużo czasu. Gdy to zrobisz, na dole pojawi się poziomy pasek zawierający nazwę ikony i kilka opcji, które możesz dostosować.

Wskazówka: jeśli chcesz pobrać wszystkie ikony materiałów, przejdź do tego linku.

Możesz określić rozmiar, czy chcesz czarną lub białą ikonę, a na koniec możesz pobrać je w formacie SVG lub PNG. Niestety dostępne są tylko dwa warianty kolorystyczne. Możesz jednak użyć Edytora SVG, aby dostosować ikonę SVG i zmienić odcienie.

Zmień kolor ikon zaprojektowanych materiałów za pomocą edytora SVG

Aby zmienić kolor ikony w edytorze SVG, kliknij ikonę wiadra na dole i wybierz żądany kolor. Stuknij obraz ikony po zaimportowaniu go z menu rozwijanego edycji SVG w lewym górnym rogu. Po zakończeniu wyeksportuj go z tego samego menu rozwijanego, które widzieliśmy wcześniej. Jeśli chcesz edytować ikony lokalnie, możesz pobrać SVG za pośrednictwem tego linku.

Firma Google opublikowała szczegółowy przewodnik dotyczący używania tych ikon na swojej stronie Github. Zawiera również szczegóły dotyczące licencji, fragmenty kodu iOS/Android na początek oraz kilka metod implementacji ikon materiałów w witrynie wraz z przykładami.

To było wszystko. Daj nam znać, jeśli coś przegapiliśmy w sekcji komentarzy poniżej.