Anastasia Ovchinnikova

następnie
& nbsp; 5 kwietnia 2020 · 13 minut czytania

/ div>

ikony odgrywają znaczącą rolę w dostarczaniu pierwsze wrażenie na stronie lub interfejsu aplikacji. Ale opracowanie ich od podstaw zajmuje dużo czasu i pieniędzy., Korzystanie z ikon w witrynie pozwala skutecznie komunikować się z odwiedzającymi: zwiększają czytelność, podkreślają ważne treści,przywracają funkcjonalność lub funkcje oraz ulepszają wygląd. Dlatego warto zwrócić uwagę na gotowe pakiety najlepszych ikon.

ponadto, jeśli chodzi o projektowanie ikon, jest to świetny sposób na zaprezentowanie kwalifikacji projektantów., Słodki, ładny pakiet ikon to doskonała wizytówka pracy projektanta i potężny instrument do budowania reputacji w Internecie.

oto kilka świetnych zalet używania ikon w kolejnym projekcie UX design.

  • ikony pomagają zwiększyć czytelność witryny lub aplikacji.
  • dobrze wykonane ikony pomagają zmniejszyć objętość tekstu. Używanie ikon sprawia, że wiadomość jest zrozumiała bez tekstu.
  • ikony mogą dodać personalizację do Twojego produktu.
  • ikony mogą być dobrym punktem wyjścia do poznania produktu.,
  • ostatnia, ale nie mniej ważna: jedną z najważniejszych funkcji ikon jest pomoc użytkownikom intuicyjnie zrozumieć aplikację zarówno przy pierwszej znajomości, jak i podczas późniejszego użytkowania.

w tym artykule znajdziesz zbiór najlepszych pakietów ikon, których możesz użyć na swojej stronie internetowej lub w firmie, nawet jeśli nie jesteś kreatywnym artystą. Produkty przedstawione w niniejszym artykule mogą być stosowane nie tylko na zwykłych stronach internetowych iw podstawowych przypadkach, ale także w bardziej złożonych i specjalistycznych.

dzielimy produkty na kilka kategorii dla Twojej wygody., Przed opisami zobaczysz kategorię, do której należy ten produkt.

  • darmowe zestawy ikon.
  • targowiska. Rynek zawiera ikony różnych producentów. Tutaj można znaleźć zarówno tanie i drogie, jak i dobre i niskiej jakości produkty.
  • Zestawy ikon do projektowania materiałów i płaskie zestawy ikon.
  • zestawy ikon CSS. Ikony CSS są tworzone przy użyciu — zgadnij co-CSS. Aby z nich skorzystać, wystarczy skopiować kod na swoją stronę.
  • czcionki ikon. Według Pluralsight czcionki ikon to rzeczywiste czcionki, które zamiast liter i cyfr zawierają symbole i glify., Są popularne wśród projektantów stron internetowych, ponieważ można je stylować za pomocą CSS tak samo, jak zwykły tekst. Czcionki ikon są traktowane przez przeglądarki jako tekst, więc musisz je znormalizować, aby uniknąć problemów z wygładzaniem tekstu.
  • ikony SVG. Scalable Vector Graphics (SVG) to format grafiki wektorowej oparty na XML, który może skalować do dowolnego rozmiaru bez utraty przejrzystości. Mogą być wyświetlane za pomocą CSS, znaczników obiektów, znaczników obrazów lub inlined bezpośrednio w HTML.
  • Zestawy ikon glifów i piktogramów.,

Flaticon

źródło obrazu:https://www.flaticon.com/packs

Flaticon zawiera całkowicie edytowalne wektory i może być używany zarówno dla projektów osobistych, jak i komercyjnych. FlatIcon ma ponad 2,3 miliona ikon wektorowych zgrupowanych w Pakiety 51202.

produkt posiada rozszerzenie Adobe, które pozwala na łatwe importowanie ikon wewnątrz Photoshopa, Illustratora i After Effects., Jeśli chcesz użyć czcionki internetowej zamiast plików statycznych dla swoich ikon, FlatIcon zajmie się konwersją formatu i wygeneruje czcionkę internetową gotową do użycia. Można również dostosować pobrane ikony.

kluczowe fakty:

  • ponad 90 000 ikon;
  • formaty SVG, EPS, PSD i PNG;
  • czcionki ikon;
  • rozszerzenie Adobe dla pakietu CC suite;
  • licencja Linkshare z opcjami premium; i
  • nowe pakiety ikon są dodawane co miesiąc.,

subskrypcja premium z FlatIcon zapewni Ci pełne prawa licencyjne, dostęp do ekskluzywnych treści, Brak reklam, aplikacji MacOS i rozszerzeń Adobe, a także możliwość tworzenia nieograniczonej liczby kolekcji.,

Jam Icons

Web-site: https://jam-icons.com/
Format and Type: SVG, CSS
Price and License: Free, MIT

Image source: https://jam-icons.com/

Jam icons are a set of 896 handcrafted icons. This icon pack comes with both SVG and font versions. The icons can be used as SVG files in your web, print or application development projects., Ikony mogą być również używane jako czcionka z podanymi arkuszami stylów CSS. Istnieją rozmiary 16px, 24px i 32px. Możesz także wybrać wypełnienie lub obrys ikon.

Fontisto Icon Pack

strona internetowa: https://fontisto.com/
Format i typ: CSS
Cena i licencja: Free, MIT

źródło obrazu:https://fontisto.com/

fontisto to pakiet ikon wektorowych., Ikony można natychmiast dostosować: rozmiar, kolor, cień i wszystko, co można zrobić z mocą CSS. Produkt nie wymaga obsługi Javascript. Ikony Fontisto są wektorami, co oznacza, że będą dobrze wyglądać na monitorach o wysokiej rozdzielczości.

na stronie można znaleźć pełną dokumentację i różne Poradniki, Jak uruchomić i dostosować produkt. Możesz zacząć korzystać z produktu po prostu wklejając link na swojej stronie internetowej. Dodatkowo możesz używać Fontisto z menedżerami pakietów, które są dla Ciebie odpowiednie: npm, yarn, bower itp.,

Iconmonstr

strona internetowa: https://iconmonstr.com/
Format i typ: SVG, EPS, PSD i PNG, Marketplace
Cena i licencja: Free

źródło obrazu: https://iconmonstr.com/

kolekcja ikon iconmonstr ma ponad 4400 ikon. Każdy zestaw ikon oferuje zarówno kontury, jak i wypełnione wersje grafiki, aby zapewnić, że mogą być używane do różnych zastosowań projektowych., Każda ikona na tej stronie jest dostępna za darmo, a pliki ikon są w takich formatach jak SVG, AI, PSD i PNG. Pliki mogą być wykorzystywane do celów bezpłatnych i komercyjnych.

Iconmonstr ułatwia wyszukiwanie ikon za pomocą potężnej funkcji wyszukiwania. Możesz nawet zapisać swoje ulubione ikony w osobistej kolekcji do wykorzystania w przyszłości.

Najważniejsze funkcje:

  • bezpłatne korzystanie ze wszystkich ikon,
  • Cztery opcje pobierania formatów i
  • zmniejszone ikony zoptymalizowane do użytku w Internecie.,

Biblioteka ikon materiałów Pixsellz

źródło obrazu: https://icons.pixsellz.io/

ogromny pakiet ponad 1000 ikon podzielonych na 16 różnych kategorii. Darmowy pakiet ikon jest inspirowany wzornictwem materiałowym i przedstawiony w trzech różnych stylach wizualnych-zaokrąglonym, konturowym i dwukolorowym., Zestaw jest dostępny w 6 różnych formatach plików, dzięki czemu możesz używać ikon w preferowanym oprogramowaniu do projektowania.

Najważniejsze funkcje:

  • 3 style,
  • Style Figma,
  • 1000+ ikon,
  • 24×24 piksele,
  • szkic style i symbole,
  • 16 kategorii i
  • 6 formatów plików.

Entypo

strona internetowa:http://www.entypo.com/
Format i typ: SVG
Cena i licencja: Darmowa, Creative Common License 4.,0

http://www.entypo.com/

entypo jest pakietem z rodziny ikon SVG, starannie opracowanym kilka lat temu przez Daniela Bruce ' a w Szwecji. Te ikony są wspaniałe: jeśli chodzi o gratisy, są na szczycie linii. Produkt jest dostarczany w formacie SVG z 411 ikonami, za darmo na licencji Creative Commons.,

Autor twierdzi, że budowa czcionki zajmuje dużo czasu i lepiej poświęcić czas na opracowywanie nowych piktogramów.

ikony zła

strona internetowa: https://evil-icons.io/
Format i typ: SVG, Sketch
Cena i licencja: Free, MIT

źródło obrazu:https://evil-icons.io/

ten pakiet jest absolutnie masywny i zawiera wszystko-łącznie z plikami SVG i oryginalnymi plikami źródłowymi., Oznacza to, że możesz pobierać pliki SVG wraz z plikami dla programu Illustrator i the .sketch files for Sketch.

każda ikona podąża za stylem cienkiej linii i jest idealna dla większości stron internetowych. Fakt, że możesz edytować oryginalne źródło, czyni je jeszcze bardziej wartościowymi.,

Streamline Icons

Web-site: https://streamlineicons.com/
Format and Type: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Price and License: Free to $411

Image source: https://streamlineicons.com/

Streamline Icons is another nice and adaptable free icon pack on the web market. The tool is organized in 53 categories with over 30000 vector icons.,

jest to jeden z niewielu pakietów ikon zoptymalizowanych pod kątem szkicu, ułatwiający manipulowanie szerokościami obrysów i kolorami. Wbudowane funkcje szkicu, takie jak Symbole i współdzielone style, sprawiają, że ponowne użycie elementów, takich jak ikony, jest szybkie i łatwe.

firma posiada własną aplikację internetową, która pomaga przeglądać, wyszukiwać i pobierać ikony bezpośrednio z przeglądarki.,

Najważniejsze cechy:

  • ponad 30000 ikon wektorowych;
  • Inteligentne pociągnięcia do zmiany grubości konturu;
  • sketch, AI, EPS, PDF, PNG, SVG;
  • aplikacja internetowa do wyszukiwania i edycji ikon;
  • każda ikona w Streamline 3.0 ma trzy unikalne wagi: lekka, regularna i pogrubiona.,

Smashicons

strona internetowa: https://smashicons.com/
Format i typ: jar, SVG, AI, SKETCH, Marketplace
Cena i licencja: za darmo do $149

źródło obrazu: https://smashicons.com/

Smashicons oferuje obszerny zbiór ikon z ponad 219000+ ikon w swojej bibliotece. Smashicons działa nieco inaczej niż inne: ich ceny są oparte na miesięcznym planie 5 $ / miesiąc., Oznacza to, że za $5 miesięcznie masz dostęp do całej ich kolekcji istniejących ikon, a także wszelkich przyszłych ikon, które wydadzą.

Kluczowe cechy:

  • bardzo duża kolekcja ikon,
  • wszystkie ikony są kompatybilne z wieloma platformami,
  • łatwa w użyciu aplikacja internetowa do wyszukiwania i wyszukiwania potrzebnych ikon,
  • model biznesowy oparty na subskrypcji,
  • obsługa wieloplatformowa.

Icons8

strona internetowa:https://icons8.com/
Format i typ: SVG, PNG, PDF
Licencja i cennik: Licencja Good Boy, Bezpłatna do 19.,90 na miesiąc

źródło obrazu:https://icons8.com/

zestaw ikon z Icons8 zawiera ponad 120000 ikon, które obejmują kilka kategorii; od ustawień biznesowych i biurowych po ludzi, jedzenie i ikony mediów społecznościowych. Ikony są zaprojektowane tak, aby naśladować wygląd określonego systemu operacyjnego. Można je pobrać w wersjach dla Systemów Windows, iOS i Android.,

ikony współpracują ze szkicem, Photoshopem i Xcode. Możesz użyć edytora sieci Web przed pobraniem ikon do systemu.

Najważniejsze funkcje:

  • formaty SVG, PNG i HTML;
  • ikony dostępne w różnych stylach, takich jak ikona linii, wypełniona ikona i Pełny kolor;
  • wszystkie ikony można pobrać za pośrednictwem .plik zip;
  • Edytuj przed pobraniem;
  • zarówno opcje darmowej, jak i płatnej subskrypcji.,

Icomoon

Web-site: https://icomoon.io/
Format and Type: SVG, PNG, PDF
License and Pricing: Free to $139 per month

Image source: https://icomoon.io/

Icomoon comes as a complete tool for iconography and icon management. The product has a high-quality solution for editing and managing icons., Ikony Icomoon zostały wykonane ręcznie na siatce 16X16 i są dostępne w formatach SVG, EPS, PSD, PDF i AI. Zestaw ikon jest również stale aktualizowany przez jego twórców.

każdy pakiet ikon zawiera szczegółowe licencje, dzięki czemu projektanci i Programiści wiedzą dokładnie, jak można używać ikon. Użytkownicy mogą również tworzyć własne niestandardowe czcionki ikon.

Kluczowe cechy:

  • wszechstronne narzędzia do zarządzania ikonami,
  • darmowe i płatne opcje pobierania,
  • szeroki wybór formatów pobierania,
  • bezpłatne i łatwe aktualizacje.,

Gliphish Icon Pack

źródło obrazu: http://www.glyphish.com/

gliphish oferuje wiele różnych pakietów ikon. Każdy pakiet jest dostępny w różnych formatach, w tym PNG, SVG, PSD i AI. Podstawowy pakiet ikon jest dostępny za $ 25, a ostateczny jest dostępny w normalnej cenie $99. Darmowe demo zawiera 50 ikon. Wszystkie ikony mogą być łatwo edytowane przez projektantów.,

Najważniejsze funkcje:

  • ikony dla kilku platform: iOS, Android, Web, Windows;
  • zestaw 50 bezpłatnych ikon;
  • łatwe przeciąganie i upuszczanie do Xcode;
  • ikony specjalnie zaprojektowane dla wyświetlaczy Apple Retina.,

Ionicons

strona internetowa: https://ionicons.com/
Format i typ: SVG i Webfont, czcionka ikon
Licencja: MIT

źródło obrazu:https://ionicons.com/

zespół Ionic postanowił udostępnić swoje ikony jako webfont nazywa ionicons. Oczywiście są CAŁKOWICIE DARMOWE i dostępne na Githubie. Możesz nawet dodać te ikony bezpośrednio do swojej witryny za pomocą arkusza stylów w wersji CDN., W pełni obsługuje czcionki SVG i Web.

Kluczowe cechy:

  • całkowicie darmowy,
  • łatwa konfiguracja poprzez kopiowanie i wklejanie linku,
  • jest dostępny jako webfont,
  • niestandardowe rozmiary,
  • ponad 1100 elementów.

źródło obrazu:https://material.io/resources/icons/?style=baseline

material icon to darmowy pakiet ikon z Google., Aby zapewnić czytelność i przejrzystość, ikony te zostały zoptymalizowane tak, aby wyglądały świetnie na wszystkich platformach i wyświetlaczach. Te ikony materiałów są całkowicie bezpłatne i dostępne na Githubie. Ten pakiet ikon jest absolutnie ogromny z ponad 1,000 ikon obejmujących szeroki wachlarz funkcji interfejsu.

wszystkie symbole są dostępne w pięciu motywach. Otrzymasz szereg rozmiarów i gęstości do pobrania. Najlepszym formatem dla projektów internetowych jest łatwa w użyciu czcionka ikon internetowych.,

Linearicons

źródło obrazu: https://linearicons.com/

Linear Icon Pack jest jednym z najpopularniejszych i najlepszych pakietów ikon do celów osobistych lub komercyjnych. Linear Icon pack jest dostępny zarówno w wersji darmowej, jak i premium. Darmowa wersja tego niesamowitego pakietu ikon jest objęta wspólną licencją Creative. Istnieją również różne pakiety, które możesz wybrać dla swoich potrzeb, takie jak pakiet komputerowy.,

Key features:

  • CloudFront CDN;
  • free version available;
  • comes with different formats: SVG, PDF, Webfont.

Feathericons

Web-site: https://feathericons.com/
Format and Type: SVG, Webfont, Iconfont
License and Pricing: Free, MIT License

Image source: https://feathericons.com/

Feather is one of the most popular open-source icon sets., Są to ikony open source, które zostały zaprojektowane na siatce 24X24. Ikony są dostępne w formacie SVG. Jest na licencji MIT i jest około 250+ ikon w open source.

ikony są łatwe do edycji, czyste i wyraziste — niezależnie od rozmiaru. Zostały one najpierw zaprojektowane jako czcionka ikon, więc mają być osadzone jako czcionka internetowa.,

Iconfinder

Web-site: https://www.iconfinder.com/
Format: SVG, PNG, ICO, Marketplace
License and Pricing: From $9 to $49 per month

Image source: https://www.iconfinder.com/

Iconfinder is one of the most popular icon resources on the net. It offers over 4 million icons, providing users with a variety of search options including icon format, price, size, background, etc., Istnieje kilka miesięcznych planów płatności — od $9 do $49. Możesz również wybrać system „pay as you go”.pliki ikon są dostępne w formatach SVG, PNG, ICO, ICNS i Adobe Illustrator, a ich wymiary wahają się od 16×16 do 512×512. Możesz również współpracować z najlepszymi projektantami witryny, jeśli nie możesz znaleźć czegoś, co ci się podoba lub po prostu chcesz niestandardowych ikon zaprojektowanych specjalnie dla Ciebie i Twojej marki.,

Kluczowe cechy:

  • opcje darmowego i płatnego korzystania,
  • elastyczne funkcje wyszukiwania,
  • ikony dostępne w różnych formatach,
  • wiele kategorii i stylów,
  • edytor ikon.

projekt rzeczownika

źródło obrazu: https://thenounproject.com/

projekt rzeczownika oferuje jedną z największych bibliotek ikon dostępnych w Internecie., Większość ikon tej strony jest dostępna w formatach SVG i PNG, a także w czarno-białych stylach.

biblioteka witryny składa się z plików ikon zaprojektowanych przez różnych niezależnych projektantów. To miejsce, w którym twórcy i kreatywni profesjonaliści mogą współpracować, aby sprzedawać swoje projekty i znaleźć pozornie nieskończoną bibliotekę ikon premium.

przeszukiwanie tej ogromnej i obszernej biblioteki ikon jest bardzo proste. Dodatkowe kluczowe funkcje tej biblioteki ikon obejmują zarówno opcje pobierania za darmo, jak i premium, wiele dużych zestawów ikon, aplikację dla komputerów Mac i wiele innych., Ta Biblioteka ikon jest regularnie aktualizowana, a nowe ikony i zestawy są publikowane każdego dnia.

Najważniejsze funkcje:

  • ponad 150 000 ikon;
  • formaty SVG, PNG;
  • narzędzia wyszukiwania i wyszukiwania;
  • wspólna Licencja twórcza z opcjami premium;
  • opcje darmowego i płatnego pobierania;
  • nowe ikony przesyłane niemal codziennie.

Fontawesome Icons

strona internetowa: https://fontawesome.com/icons
Format i typ: SVG, PNG, czcionka ikon, Marketplace
Licencja i cennik: SIL OFL 1.,1