Inne · Programowanie

Darmowe ikony do aplikacji

Gdy tworzymy jakąś aplikację, często trzeba ją tak dostosować, żeby wygląd podobał się użytkownikowi i pomagał w jej użytkowaniu. Do tego przydają się na przykład ikony. Można je użyć chociażby do oznaczenia prostych operacji edytuj, dodaj lub usuń obiekt.

Żeby użyć ikon, musimy skądś je pobrać. Najlepiej, żeby były darmowe, ładne i konfigurowalne (gdybyśmy chcieli zmieniać kolor, wielkość, albo nawet potrzebowali różne rozszerzenia plików).

Iconmonstr

Wtedy warto skorzystać z darmowych ikon dostępnych na stronie https://iconmonstr.com/.

iconmonster.JPG

Licencja

Jak wygląda sprawa licencji? Czy możemy ich używać w komercyjnych projektach?

license

Tak! Można używać we wszystkich projektach.

Przykład

Wyszukajmy jakąś przykładową ikonę – na przykład save:

save.JPG

Widać, że mamy aż 91 propozycji ikon dla naszego wyszukiwania.

Opcje

Po wybraniu konkretnej ikony przechodzimy do jej szczegółów. W górnym menu możemy zobaczyć 4 wspierane formaty (SVG, EPS, PSD oraz PNG). Na dolnym pasku widzimy polecane podobne ikony. Mamy opcję pobrania pliku:

save1.JPG

lub (w przypadku formatu SVG) dodatkową opcję wyświetlenia kodu ikony jako Embeded content – w formie Inline (przydatna opcja np. w resourcach aplikacji desktopowych):

embeded

lub Base64 (używane np. przy stronach internetowych):

embeded64.JPG

Jeśli chodzi o format PNG to są tu spore możliwości edycji:

png

Można na przykład zmieniać rozmiar ikony, rozmiar samego obrazka w ikonie, kolor główny i kolor tła:

pngchanged.JPG

Iconic font

Istnieje możliwość pobrania specjalnej paczki zawierającej Iconic font. Jest w niej np. plik CSS, który dodany do naszego projektu umożliwia korzystanie z danych ikon za pomocą klas w html.

font

Z wykorzystaniem font, użycie ikony save wyglądałoby następująco:

fontSave

PS – oczywiście to nie jedyna strona, która oferuje darmowe ikony. Istnieje wiele innych, np. https://materialdesignicons.com/.

2 myśli na temat “Darmowe ikony do aplikacji

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj /  Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj /  Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj /  Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj /  Zmień )

Connecting to %s