Ikony mají významnou roli v dává první dojem z webu nebo aplikace rozhraní. Ale to trvá hodně času a peněz, aby je rozvíjet od nuly., Pomocí ikony na vaše stránky vám umožní efektivně komunikovat s vašimi návštěvníky: zvyšují čitelnost, zvýraznit důležitý obsah, re-vymáhat funkce nebo vlastnosti, a zlepšit design. Proto stojí za to věnovat pozornost hotovým nejlepším balíčkům ikon.
Také, když přijde na ikonu design, to je skvělý způsob, jak předvést designer kvalifikace., Sladký, pěkný balíček ikon je perfektní ukázkou designérské práce a výkonným nástrojem pro budování vaší reputace online.
zde jsou některé skvělé výhody používání ikon v dalším projektu designu UX.
- ikony pomáhají zvýšit čitelnost webu nebo aplikace.
- dobře provedené ikony pomáhají snížit hlasitost textu. Pomocí ikon je vaše zpráva srozumitelná bez textu.
- ikony mohou přidat personalizaci vašeho produktu.
- ikony mohou být dobrým výchozím bodem při poznávání produktu.,
- Poslední, ale v neposlední řadě: jeden z nejdůležitějších funkcí ikon je pomoci uživatelům intuitivně pochopit aplikaci, jak na první seznámení a při následném použití.
v tomto článku najdete sbírku nejlepších balíčků ikon, které můžete použít na svých webových stránkách nebo v podnikání, i když nejste kreativní umělec. Výrobky uvedené v tomto článku mohou být použity nejen na běžných webových stránkách av základních případech, ale také ve složitějších a specializovanějších.
produkty jsme rozdělili do několika kategorií pro vaši lehkost., Před popisy uvidíte kategorii, do které tento produkt patří.
- sady ikon zdarma.
- Tržiště. Tržiště obsahuje ikony od různých výrobců. Zde najdete jak levné, tak drahé, stejně jako dobré a nekvalitní výrobky.
- sady ikon materiálu a sady plochých ikon.
- sady ikon CSS. Ikony CSS jsou vyrobeny pomocí-hádejte, co-CSS. Chcete-li je použít, zkopírujte kód na svou stránku.
- ikony písma. Podle Pluralsight, ikona písma jsou skutečné fonty, které obsahují symboly a piktogramy namísto písmen nebo čísel., Jsou populární pro webové designéry, protože je můžete stylizovat pomocí CSS stejným způsobem jako běžný text. Ikony písma jsou považovány za text prohlížečů, takže budete muset normalizovat je, aby se zabránilo textové anti-aliasing problémy, a jsou podporovány téměř ve všech prohlížečích.
- ikony SVG. Škálovatelná vektorová grafika (SVG) je vektorový grafický formát založený na XML, který může škálovat na libovolnou velikost bez ztráty jasnosti. Mohou být zobrazeny pomocí CSS, objektových značek, obrazových značek nebo vloženy přímo do HTML.
- sady ikon glyfu a piktogramu.,
Flaticon
Flaticon obsahuje zcela editovatelné vektory a mohou být použity jak pro osobní a komerční projekty. FlatIcon má více než 2,3 milionu vektorových ikon seskupených do 51202 balíčků.
produkt má rozšíření Adobe, které vám umožní snadno importovat ikony uvnitř Photoshopu, Illustratoru a After Effects., Pokud chcete použít webové písmo místo statických souborů pro vaše ikony, bude se FlatIcon starat o konverzi formátu a vygenerovat webové písmo připravené k použití. Můžete také přizpůsobit stažené ikony.
základní fakta
- více než 90.000 ikony;
- SVG, EPS, PSD a PNG formáty;
- ikona písma;
- Adobe Extension pro CC suite;
- Linkshare licence s možností pojistného; a
- nová ikona balíčky jsou přidány každý měsíc.,
prémiové předplatné s FlatIcon vám poskytne plnou licenční práva, přístup k exkluzivní obsah, žádné reklamy, MacOS aplikace a Adobe rozšíření, stejně jako schopnost vytvářet neomezené sbírky.,
Jam Icons
Web-site: https://jam-icons.com/
Format and Type: SVG, CSS
Price and License: Free, MIT
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 lze také použít jako Písmo s danými styly CSS. K dispozici jsou velikosti 16px, 24px a 32px. Můžete se také rozhodnout vyplnit nebo zdvih ikony.
Fontisto Ikona Balení
Webové stránky: https://fontisto.com/
Formát a Typ: CSS
Cena a Licence: Zdarma, MIT
Fontisto je vektorové ikony pack., Ikony lze okamžitě přizpůsobit: velikost, barva, vržený stín a vše, co lze provést pomocí CSS. Produkt nevyžaduje Javascript. Ikony Fontisto jsou vektory, což znamená, že budou vypadat dobře na monitorech s vysokým rozlišením.
na webových stránkách najdete úplnou dokumentaci a různé návody, jak produkt spustit a přizpůsobit. Produkt můžete začít používat jednoduše vložením odkazu na váš web. Kromě toho můžete použít Fontisto s manažery balíčků, které jsou pro vás to pravé: npm, příze, bower atd.,
Iconmonstr
Webové stránky: https://iconmonstr.com/
Formát a Typ: SVG, EPS, PSD a PNG, Tržiště,
Cena a Licence: Free
Iconmonstr kolekce ikon má 4400+ ikony. Každá sada ikon nabízí jak obrysy, tak vyplněné verze grafiky, aby bylo zajištěno, že mohou být použity pro různé návrhové aplikace., Každá ikona na tomto webu je k dispozici zdarma a soubory ikon přicházejí v takových formátech jako SVG, AI, PSD a PNG. Soubory mohou být použity pro bezplatné a komerční účely.
Iconmonstr usnadňuje vyhledávání ikon pomocí výkonné funkce vyhledávání. Můžete dokonce uložit své oblíbené ikony do Osobní sbírky pro budoucí použití.
Klíčové vlastnosti:
- volné použití všech ikon,
- Čtyři možnosti stahování formátu a
- zmenšené ikony optimalizované pro webové použití.,
Pixsellz Materiál Ikony Knihovna
obrovský svazek více než 1000 ikon rozdělen do 16 různých kategorií. Free icon pack je inspirovaný materiálového designu a prezentovány na tři různé vizuální styly — zaoblený, obrys, a dva-tón., Sada je k dispozici v 6 různých formátech souborů, takže můžete použít ikony ve vašem preferovaném návrhovém softwaru.
Klíčové vlastnosti:
- 3 styly,
- Figma stylů,
- 1000+ ikony,
- 24×24 pixelů,
- Skica styly a symboly,
- 16 kategorií, a
- 6 formátů souborů.
Entypo
Webové stránky: http://www.entypo.com/
Formát a Typ: SVG
Cena a Licence: Volný, Creative Common Licence 4.,0
Entypo je svg ikonu family pack, pečlivě vytvořený před několika lety Daniel Bruce ve Švédsku. Tyto ikony jsou vynikající: pokud jde o zadarmo, jsou na vrcholu linky. Produkt je dodáván jako SVG s 411 ikonami, zdarma s licencí Creative Commons.,
autor říká, že vytváření písma trvá hodně času a je lepší trávit čas vývojem nových piktogramů.
Zlo Ikony
Webové stránky: https://evil-icons.io/
Formát a Typ: SVG, Skica
Cena a Licence: Zdarma, MIT
Tento balíček je naprosto masivní a je dodáván s vše — včetně SVGs a původní zdrojové soubory., To znamená, že si můžete stáhnout SVGs spolu se soubory pro Illustrator a .skica soubory pro skici.
každá ikona sleduje styl tenké čáry a je ideální pro většinu webových stránek. Skutečnost, že můžete upravit původní zdroj, je činí ještě cennějšími.,
Streamline Icons
Web-site: https://streamlineicons.com/
Format and Type: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Price and License: Free to $411
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.,
Jedná se o jeden z mála balíčků ikon optimalizovaných pro skici, což usnadňuje manipulaci s šířkami a barvami tahu. Vestavěné funkce náčrtu, jako jsou symboly a sdílené styly, umožňují opětovné použití prvků, jako jsou ikony, rychlý a snadný proces.
společnost má vlastní webovou aplikaci, která pomáhá procházet, vyhledávat a stahovat ikony přímo z prohlížeče.,
Klíčové vlastnosti:
- více než 30000 vektorové ikony organizované;
- Chytré Tahy upravit tloušťku osnovy;
- Skica, AI, EPS, PDF, PNG, SVG, formáty;
- webové aplikace pro vyhledávání a editaci ikon;
- každá ikona v Zefektivnění 3.0 má tři unikátní závaží: light, regular a bold.,
Smashicons
Webové stránky: https://smashicons.com/
Formát a Typ: JAR, SVG, AI, SKETCH, Tržiště,
Cena a Licence: Zdarma 149 dolarů
Smashicons nabízí komplexní sbírku ikon s více než 219000+ ikony v jejich knihovně. Smashicons funguje trochu jinak než ostatní: jejich cena je založena na měsíčním plánu $5/měsíc., To znamená, že za $5 měsíčně získáte přístup k celé své sbírce existujících ikon, stejně jako ke všem budoucím ikonám, které vydávají.
Klíčové vlastnosti:
- velmi velké sbírky ikony,
- všechny ikony jsou multi-platformní kompatibilní,
- snadný-k-použití webové aplikace pro vyhledávání a najít ikony, které potřebujete,
- předplatné-založené obchodní model,
- multiplatformní podporu.
Icons8
Webové stránky: https://icons8.com/
Formát a Typ: SVG, PNG, PDF
Licence a Ceny: Hodný Chlapec Licence, Zdarma k 19.,90 za měsíc
ikonu nastavení z Icons8 je dodáván s více než 120000 ikony, které se týkají několika kategorií, od obchodní a kancelářské prostředí, aby lidé, jídlo, a sociální media ikony. Ikony jsou navrženy tak, aby napodobovaly vzhled konkrétního operačního systému. Můžete si je stáhnout ve verzích Windows, iOS a Android.,
ikony pracují s náčrtem, Photoshopem a Xcode. Před stažením ikon do systému můžete použít webový editor.
Klíčové vlastnosti:
- SVG, PNG a HTML formáty;
- ikony dostupné v různých stylech ,jako je ikona linky, vyplněná ikona a plná barva;
- všechny ikony lze stáhnout přes.zip soubor;
- upravit před stažením;
- jak bezplatné, tak placené možnosti předplatného.,
Icomoon
Web-site: https://icomoon.io/
Format and Type: SVG, PNG, PDF
License and Pricing: Free to $139 per month
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 byly ručně vyrobeny na mřížce 16X16 a jsou k dispozici ve formátech SVG, EPS, PSD, PDF a AI. Sada ikon je také neustále aktualizována jejími tvůrci.
každá sada ikon obsahuje podrobné licencování, takže návrháři a vývojáři přesně vědí, jak lze ikony použít. Uživatelé si také mohou vytvořit vlastní písma ikon.
Klíčové vlastnosti:
- komplexní ikonu nástroje pro správu,
- bezplatné a placené možnosti stažení,
- široká škála formátů ke stažení,
- snadné a zdarma aktualizace.,
Glyphish Ikona Balení
Glyphish nabízí celou řadu různých ikon balení. Každý balíček je dodáván v různých formátech, včetně PNG, SVG, PSD a AI. Základní icon pack je k dispozici za $25, zatímco ultimate one je k dispozici za běžnou cenu $ 99. BEZPLATNÉ demo obsahuje 50 ikon. Všechny ikony lze snadno upravovat návrháři.,
Klíčové vlastnosti:
- ikony pro několik platforem: iOS, Android, Web, Windows;
- sada 50 ikony zdarma;
- snadná drag-and-drop do Xcode;
- ikony jsou speciálně dimenzovány pro Apple Retina displeje.,
Ionicons
Webové stránky: https://ionicons.com/
Formát a Typ: SVG a Webfont, Ikona písmo
Licence: MIT
Iontové tým se rozhodl vydat své ikony jako webfont nazývá Ionicons. Přirozeně jsou zcela zdarma a jsou k dispozici na Githubu. Tyto ikony můžete dokonce přidat přímo na svůj web pomocí verze stylů CDN., Plně podporuje SVG a webová písma.
Klíčové vlastnosti:
- zcela zdarma
- snadná instalace zkopírováním a vložením odkazu.
- přijde jako webfont,
- vlastní velikosti,
- více než 1100 položek.
Úhlové Materiál Ikony
Materiál Ikona je zdarma icon pack z Google., Aby byla zajištěna čitelnost a jasnost, byly tyto ikony optimalizovány tak, aby vypadaly skvěle na všech platformách a displejích. Tyto ikony materiálu jsou zcela zdarma a přístupné na Githubu. Tato sada ikon je naprosto masivní s více než 1000 ikonami pokrývajícími širokou škálu funkcí rozhraní.
všechny symboly jsou k dispozici v pěti tématech. Získáte řadu velikostí a hustot ke stažení. Nejlepším formátem pro webové projekty je snadno použitelné písmo icon web.,
Linearicons
Lineární Icon pack je jedním z nejpopulárnějších a nejlepších icon pack pro osobní nebo komerční účely. Linear Icon pack je dodáván v bezplatné i prémiové verzi. Bezplatná verze tohoto úžasného balíčku ikon je pod licencí Creative Common. Existují také různé balíčky, které si můžete vybrat pro své potřeby, například balíček Desktop.,
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
Feather is one of the most popular open-source icon sets., Jedná se o ikony s otevřeným zdrojovým kódem, které byly navrženy na mřížce 24×24. Ikony jsou k dispozici ve formátu SVG. Je to pod licencí MIT a v open source je asi 250 + ikon.
ikony jsou snadno editovatelné, čisté a ostré — bez ohledu na velikost. Nejprve byly navrženy jako písmo ikon, takže má být vloženo jako webové písmo.,
Iconfinder
Web-site: https://www.iconfinder.com/
Format: SVG, PNG, ICO, Marketplace
License and Pricing: From $9 to $49 per month
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., Existuje několik měsíčních platebních plánů-od 9 do 49 dolarů. Můžete si také vybrat systém „pay as you go“.
soubory ikon jsou k dispozici ve formátech SVG, PNG, ICO, ICNS a Adobe Illustrator a rozměry se pohybují mezi 16×16 až 512×512. Můžete také pracovat s některými z nejlepších designérů webu, pokud nemůžete najít něco, co se vám líbí, nebo prostě chcete vlastní ikony určené speciálně pro vás a vaši značku.,
Klíčové vlastnosti:
- i bezplatné a placené možnosti použití,
- flexibilní funkce vyhledávání
- ikony jsou k dispozici v různých formátech,
- mnoho kategorií a stylů,
- icon editor.
Podstatného jména Projektu
Substantivum Projekt nabízí jednu z největších knihoven ikon k dispozici na webu., Většina ikon tohoto webu je k dispozici ve formátech SVG a PNG, stejně jako v černobílých stylech.
knihovna webu je tvořena soubory ikon navrženými různými nezávislými designéry. Je to místo, kde mohou tvůrci a kreativní profesionálové spolupracovat na prodeji svých návrhů a najít zdánlivě nekonečnou knihovnu prémiových ikon.
vyhledávání této obrovské a komplexní knihovny ikon je velmi snadné. Mezi další klíčové funkce této knihovny ikon patří bezplatné i prémiové možnosti stahování, mnoho velkých sad ikon, aplikace pro Mac a další., Tato knihovna ikon je pravidelně aktualizována a každý den jsou zveřejňovány nové ikony a sady.
Klíčové vlastnosti:
- více než 150 000 ikony;
- SVG, PNG;
- hledání a objevování nástroje;
- Creative Common Licence s možností pojistného;
- bezplatné a placené možnosti stažení;
- nové ikony nahraných na blízko-denní bázi.
Fontawesome Ikony
Webové stránky: https://fontawesome.com/icons
Formát a Typ: SVG, PNG, Ikonu písmo, Tržiště,
Licence a Ceny: SIL OFL 1.,1
Font Úžasné je nejpoužívanější a nejpopulárnější ikona písma nastavena kolem. Je to také výchozí sada ikon pro tým v bootstrap. Je také k dispozici jako ikony SVG mimo jiné formáty.Licence je otevřená a zdarma pro cokoli, komerční nebo osobní.
každá ikona je plně škálovatelná a udržovatelná přímo v CSS., Pomocí čistého CSS3 můžete změnit barvy, stíny, přechody na pozadí a téměř cokoli jiného. Dalším důvodem použití této knihovny je to, že je plně optimalizována a nemá problémy s kompatibilitou, protože nevyžaduje JavaScript vůbec.
Klíčové vlastnosti:
- Vektorové Písmo,
- každá ikona je dodáván s CSS Třídy & Unicode
- zdarma
- postaven s dostupností v mysli,
- funkce snadný upgrade přes webové stránky,
- nabízí na ploše tahák pro celou icon library.,
Lineicons
Webové stránky: https://lineicons.com/
Formát a Typ: SVG, Webové písmo, Ikona, písmo
Licence a Ceny: Free
LineIcons také poskytovat bezplatné CDN s jasnou dokumentaci, která je snadné se dostat začal.
Tento balíček ikon je zcela zdarma a je dodáván s 450 + linkovými ikonami., Pokrývá každou základní ikonu, kterou potřebujete pro projekt z různých kategorií. LineIcons také poskytuje bezplatnou CDN a jasnou dokumentaci, abyste mohli snadno začít. Dodává se s 2 různými škálovatelnými balíčky-soubory WebFonts a SVG, které můžete použít v závislosti na vašich potřebách projektu.
Klíčové vlastnosti:
- 450+ free Icons,
- SVG Files,
- web Font Ready,
- free CDN.,
závěr
Výběr správného ikonu knihovny zdrojů pro váš projekt by neměl být založen na tom, co je považováno za nejvíce populární, ale spíše to, co nejlépe vyhovuje potřebám vašeho projektu. Při výběru ikon věnujte pozornost tomu, jak snadné je zahájit projekt, které formáty jsou přítomny v knihovně a ceně.
důležitým faktorem při výběru sady ikon bude také styl vaší aplikace nebo webu.
doufáme, že vám tento článek pomůže vybrat nejvhodnější řešení pro vaše potřeby.