Ikonok jelentős szerepet ad, hogy az első benyomás a webhely vagy az alkalmazás felhasználói felülete. De sok idő és pénz kell ahhoz, hogy a semmiből fejlesszük őket., Az ikonok használata a webhelyen lehetővé teszi, hogy hatékonyan kommunikáljon a látogatókkal: növelik az olvashatóságot, kiemelik a fontos tartalmat, újra érvényesítik a funkciókat vagy funkciókat, valamint javítják a tervezést. Ezért érdemes figyelni a kész legjobb ikoncsomagokra.
Is, amikor a ikon design, ez egy nagyszerű módja annak, hogy bemutassa tervező végzettség., Az édes, szép ikoncsomag a tervező munkájának tökéletes bemutatója, valamint egy hatékony eszköz a hírnév online felépítéséhez.
Íme néhány nagyszerű előnye az ikonok használatának a következő UX tervezési projektben.
- az ikonok segítenek a webhely vagy az alkalmazás olvashatóságának növelésében.
- a jól elkészített ikonok segítenek csökkenteni a szöveg hangerejét. Az ikonok használata szöveg nélkül érthetővé teszi az üzenetet.
- az ikonok személyre szabást adhatnak a termékhez.
- az ikonok jó kiindulási pontot jelenthetnek a termék megismerésében.,
- végül, de nem utolsósorban: az ikonok egyik legfontosabb funkciója az, hogy segítse a felhasználókat intuitív módon megérteni az alkalmazást mind az első ismerős, mind a későbbi használat során.
ebben a cikkben megtalálja a webhelyen vagy vállalkozásában használható legjobb ikoncsomagok gyűjteményét, még akkor is, ha nem kreatív művész. Az ebben a cikkben bemutatott termékek nem csak a közös weboldalakon, alapvető esetekben, hanem összetettebb, speciálisabb esetekben is használhatók.
a termékeket több kategóriába osztjuk az Ön kényelme érdekében., A leírások előtt megjelenik a termék kategóriája.
- ingyenes ikonkészletek.
- piacterek. A piactér különböző gyártók ikonjait tartalmazza. Itt megtalálja mind az olcsó, mind a drága, valamint a jó, mind az alacsony minőségű termékeket.
- Anyagtervezési ikonkészletek és lapos ikonkészletek.
- CSS ikonkészletek. A CSS ikonok segítségével készülnek-Találd ki, mi-CSS. Használatához csak másolja a kódot az oldalára.
- ikonok betűtípusok. A Pluralsight szerint az ikon betűtípusok olyan tényleges betűtípusok, amelyek betűk vagy számok helyett szimbólumokat és karakterjeleket tartalmaznak., Népszerűek a webes tervezők számára, mivel a CSS-vel ugyanúgy formázhatja őket, mint a szokásos szöveg. Az ikon betűtípusokat a böngészők szövegként kezelik, ezért normalizálni kell őket a szöveg aliasítási problémáinak elkerülése érdekében, és szinte minden böngészőben támogatottak.
- SVG ikonok. A skálázható Vektorgrafika (SVG) egy XML-alapú vektorgrafikus formátum, amely bármilyen méretre méretezhető anélkül, hogy elveszítené az egyértelműséget. Ezek megjeleníthetők CSS, objektumcímkék,képcímkék vagy közvetlenül a HTML-be.
- karakterjel és piktogram ikonkészlet.,
Flaticon
/div>
a flaticon teljesen szerkeszthető vektorokat tartalmaz, és mind személyes, mind kereskedelmi projektekhez használható. A FlatIcon több mint 2, 3 millió vektorikont tartalmaz 51202 csomagba csoportosítva.
a termék Adobe kiterjesztéssel rendelkezik, amely lehetővé teszi az ikonok egyszerű importálását a Photoshopban, az Illustratorban és az After Effects alkalmazásban., Ha statikus fájlok helyett webes betűtípust szeretne használni az ikonokhoz, akkor a FlatIcon gondoskodik a formátum átalakításáról, és létrehoz egy használatra kész webes betűtípust. Testreszabhatja a letöltött ikonokat is.
főbb tények:
- több mint 90 000 ikon;
- SVG, EPS, PSD és PNG formátum;
- ikon betűtípusok;
- Adobe Extension for CC suite;
- Linkshare license with premium options; és
- minden hónapban új ikoncsomagok kerülnek hozzáadásra.,
a FlatIcon prémium előfizetése teljes licencjogokat, exkluzív Tartalomhoz való hozzáférést, hirdetéseket, MacOS alkalmazást és Adobe kiterjesztéseket biztosít Önnek, valamint korlátlan gyűjtemények létrehozását.,
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., Az ikonok betűtípusként is használhatók az adott CSS stíluslapokkal. Vannak 16PX, 24px és 32px méretben. Azt is választhatja, hogy töltse ki vagy stroke ikonok.
Fontisto Icon Pack
weboldal: https://fontisto.com/
formátum és Típus: CSS
ár és Licenc: ingyenes, MIT
p > fontisto egy vektor ikonok csomag., Ikonok lehet azonnal testre: méret, szín, csepp árnyék, bármi, amit lehet tenni a hatalom CSS. A termék nem igényel Javascriptet. A Fontisto ikonok Vektorok, ami azt jelenti, hogy jól néznek ki a nagy felbontású monitorokon.
a weboldalon teljes dokumentációt és különböző útmutatókat talál a termék elindításáról és testreszabásáról. Elkezdheti használni a terméket, egyszerűen beillesztve a linket a webhelyére. Ezenkívül használhatja a Fontisto-t az Ön számára megfelelő csomagkezelőkkel: npm, fonal, bower stb.,
Iconmonstr
honlap: https://iconmonstr.com/
Formátum, Típus: SVG, EPS, PSD, valamint PNG, Piactér
Ár, Engedély: Szabad
Iconmonstr gyűjteménye ikonok 4400+ ikonok. Minden ikonkészlet mind a grafika körvonalait, mind a kitöltött verzióit kínálja annak biztosítása érdekében, hogy különféle tervezési alkalmazásokhoz használhatók legyenek., Ezen az oldalon minden ikon ingyenesen elérhető, az ikonfájlok pedig SVG, AI, PSD és PNG formátumban érkeznek. A fájlok szabad és kereskedelmi célokra is felhasználhatók.
Iconmonstr egyszerűvé teszi az ikonok keresését a hatékony keresési funkció segítségével. Akkor is menteni a kedvenc ikonok egy Személyes Gyűjtemény későbbi használatra.
Főbb jellemzők:
- az összes ikon ingyenes használata,
- négy formátum letöltési lehetőség,és
- a webes használatra optimalizált méretezett ikonok.,
Pixsellz Anyag Ikonok Könyvtár
Egy hatalmas köteg több mint 1000 ikonok osztva 16 különböző kategóriában. Az ingyenes ikoncsomagot az Anyagtervezés ihlette, és három különböző vizuális stílus — lekerekített, vázlatos és kéttónusú., A készlet 6 különböző fájlformátumban érhető el, így használhatja a kívánt tervezési szoftver ikonjait.
Főbb jellemzők:
- 3 stílus,
- Figma stílus,
- 1000+ ikon,
- 24×24 Pixel,
- Vázlatstílusok és szimbólumok,
- 16 kategória és
- 6 fájlformátum.
Entypo
weboldal: http://www.entypo.com/
formátum és Típus: SVG
ár és Licenc: ingyenes, kreatív közös licenc 4.,0
Entypo egy svg ikon családi csomag, gondosan kidolgozott, néhány évvel ezelőtt, hogy Daniel Bruce Svédországban. Ezek az ikonok Kiváló: amikor a freebies, ők tetején a sorban. A termék SVG-ként érkezik 411 ikonnal, ingyenes Creative Commons licenccel.,
a szerző szerint a betűtípus felépítése sok időt vesz igénybe, és jobb időt tölteni az új piktogramok kidolgozására.
gonosz ikonok
weboldal: https://evil-icons.io/
formátum és Típus: SVG, Sketch
ár és Licenc: ingyenes, MIT
Ez a csomag teljesen masszív, és jön mindent-beleértve az svgs — t és az eredeti forrásfájlokat is., Ez azt jelenti, hogy letöltheti SVGs együtt fájlokat Illustrator és a .vázlat fájlok vázlat.
minden ikon követi a vékony vonalstílust, és tökéletes a legtöbb weboldal számára. Az a tény, hogy szerkesztheti az eredeti forrást, még értékesebbé teszi őket.,
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.,
Ez egyike azon kevés ikoncsomagok optimalizált vázlat, így könnyen manipulálható löket szélességek és színek. A beépített Vázlatfunkciók, mint például a szimbólumok és a megosztott stílusok, az elemek, például az ikonok újrafelhasználását gyors és egyszerű folyamatsá teszik.
a cégnek saját webalkalmazása van, amely segít az ikonok böngészésében, keresésében és letöltésében közvetlenül a böngészőből.,
Főbb jellemzők:
- több mint 30000 vektor ikonok szervezett;
- intelligens Stroke, hogy módosítsa a vázlat vastagsága;
- vázlat, AI, EPS, PDF, PNG, SVG formátumok;
- web app keresni és szerkeszteni ikonok;
- minden ikon Streamline 3.0 három egyedi súlyok: könnyű, rendszeres és félkövér.,
Smashicons
honlap: https://smashicons.com/
Formátumban Type: JAR, SVG, AI, VÁZLAT, Piactér
Ár, Engedély: Ingyen $149
Smashicons kínál átfogó gyűjteménye ikonok fölé 219000+ ikonok a könyvtár. A Smashicons egy kicsit másképp működik, mint mások:árképzésük havi 5 dolláros terven alapul., Ez azt jelenti, hogy havonta 5 dollárért hozzáférést kap a meglévő ikonok Teljes gyűjteményéhez, valamint az általuk kiadott jövőbeli ikonokhoz.
Főbb jellemzők:
- egy nagyon nagy gyűjteménye ikonok,
- minden ikon multi-platform kompatibilis,
- könnyen használható web app keresni, és megtalálni a szükséges ikonok,
- előfizetés-alapú üzleti modell,
- többplatformos támogatás.
Icons8
weboldal: https://icons8.com/
formátum és Típus: SVG, PNG, PDF
licenc és árképzés: Good Boy License, Free to 19.,90 havonta
A ikon beállítása a Icons8 jön a több mint 120000 ikonok, amelyek lefedik több kategóriában; az üzleti illetve irodai beállítások emberek, étel, valamint szociális média ikonok. Az ikonok úgy vannak kialakítva, hogy utánozzák egy adott operációs rendszer megjelenését. Letöltheti őket Windows, iOS és Android verziókban.,
Az ikonok Sketch, Photoshop és Xcode segítségével működnek. Használhatja a web szerkesztő letöltése előtt az ikonok a rendszer.
Főbb jellemzők:
- SVG, PNG és HTML formátumok;
- különböző stílusokban elérhető ikonok, például vonal ikon, kitöltött ikon és teljes szín;
- az összes ikon letölthető .zip fájl;
- szerkesztés letöltés előtt;
- mind ingyenes, mind fizetett előfizetési lehetőségek.,
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., Az Icomoon ikonok 16×16-os rácson kézzel készültek, SVG, EPS, PSD, PDF és AI formátumban is elérhetők. Az ikonkészletet az alkotók is folyamatosan frissítik.
minden ikoncsomag részletes licencelést tartalmaz, így a tervezők és a fejlesztők pontosan tudják, hogyan használhatók az ikonok. A felhasználók saját egyedi ikon betűtípusokat is készíthetnek.
Főbb jellemzők:
- átfogó ikonkezelő eszközök,
- ingyenes és fizetett letöltési lehetőségek,
- sokféle letöltési formátum,
- ingyenes és egyszerű frissítések.,
Glifish Icon Pack
a glyphish különféle ikoncsomagokat kínál. Minden csomag jön a különböző formátumok, beleértve a PNG, SVG, PSD, AI. Az alap ikoncsomag 25 dollárért érhető el, míg a végső 99 dolláros áron érhető el. Az ingyenes demo tartalmaz 50 ikonok. Minden ikon könnyen szerkeszthető a tervezők.,
Főbb jellemzők:
- ikonok több platformon: iOS, Android, Web, Windows;
- egy sor 50 ingyenes ikonok;
- könnyű drag-and-drop a Xcode;
- ikonok kifejezetten méretű Apple Retina kijelzők.,
Ionicons
weboldal: https://ionicons.com/
formátum és Típus: SVG és Webfont, Icon font
licenc: MIT
úgy döntött, hogy kiadja az ikonok, mint egy webfont nevű ionicons. Természetesen teljesen ingyenesek és elérhetők a Githubon. Ezeket az ikonokat közvetlenül a webhelyére is felveheti a stíluslap CDN verziójával., Teljes mértékben támogatja az SVG-t és a webes betűtípusokat.
Főbb jellemzők:
- teljesen ingyenes,
- egyszerű beállítás a link másolásával és beillesztésével,
- webfontként,
- testreszabott méretek,
- több mint 1100 elem.
Szögletes Anyag Ikonok
Anyaga Ikon ingyenes ikon pack a Google., Az olvashatóság és az egyértelműség biztosítása érdekében ezeket az ikonokat úgy optimalizálták, hogy minden platformon és kijelzőn jól nézzenek ki. Ezek az anyagi ikonok teljesen ingyenesek és elérhetők a Githubon. Ez az ikoncsomag teljesen masszív, több mint 1000 ikonnal, amelyek az interfész funkciók széles skáláját fedik le.
az összes szimbólum öt témában érhető el. Kapsz egy sor letölthető méretek, sűrűségek. A webes projektek legjobb formátuma egy könnyen használható ikon webes betűtípus.,
Linearicons
Lineáris Ikon pack az egyik legnépszerűbb, legjobb ikon csomagok személyes vagy kereskedelmi célokra. A lineáris ikoncsomag mind ingyenes, mind prémium változatban kapható. A csodálatos ikoncsomag ingyenes verziója Creative Common license alá tartozik. Különböző csomagok is választhatók az Ön igényeinek megfelelően, például az asztali csomag.,
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., Ezek nyílt forráskódú ikonok, amelyeket egy 24×24 rácsra terveztek. Az ikonok SVG formátumban érhetők el. Az MIT licenc alatt van, és körülbelül 250 + ikon van a nyílt forráskódban.
az ikonok könnyen szerkeszthetők, tisztíthatók és élesek-méretüktől függetlenül. Ők tervezték, mint egy ikon font először, így azt jelentette, hogy be kell ágyazni, mint egy webes betűtípus.,
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., Számos havi fizetési terv létezik – 9 dollárról 49 dollárra. Kiválaszthatja a” fizetés, ahogy megy ” rendszert is.
az ikonfájlok SVG, PNG, ICO, ICNS és Adobe Illustrator formátumban érhetők el, a méretek pedig 16×16-512×512 között mozognak. A webhely néhány legjobb tervezőjével is dolgozhat, ha nem talál valamit, amit szeretne, vagy egyszerűen csak egyedi ikonokat szeretne, amelyeket kifejezetten az Ön és a márka számára terveztek.,
Főbb jellemzők:
- mind ingyenes, mind fizetett felhasználási lehetőségek,
- rugalmas keresési funkciók,
- ikonok különböző formátumokban,
- sok kategória és stílus,
- ikonszerkesztő.
A Főnév Projekt
A Főnév Projekt kínálja az egyik legnagyobb ikonját, a könyvtárak elérhető az interneten., A webhely legtöbb ikonja SVG és PNG formátumban, valamint fekete-fehér stílusban érhető el.
a webhely könyvtárát különböző független tervezők által tervezett ikonfájlok alkotják. Ez egy olyan hely, ahol az alkotók és a kreatív szakemberek együttműködhetnek, hogy eladják a terveiket, és megtalálják a látszólag végtelen könyvtár Prémium ikonok.
keres ez a hatalmas, átfogó ikon könyvtár nagyon egyszerű. Az ikonkönyvtár további főbb jellemzői közé tartozik mind az ingyenes, mind a prémium letöltési lehetőségek, sok nagy ikonkészlet, Mac alkalmazás stb., Ez az ikon könyvtár rendszeresen frissül, és minden nap új ikonok és készletek kerülnek közzétételre.
Főbb jellemzők:
- több mint 150 000 ikon;
- SVG, PNG formátum;
- keresési és felfedezési eszközök;
- Creative Common License prémium opciókkal;
- ingyenes és fizetett letöltési lehetőségek;
- új ikonok feltöltve szinte naponta.
Fontawesome Icons
weboldal: https://fontawesome.com/icons
formátum és Típus: SVG, PNG, Icon font, Marketplace
licenc és árképzés: SIL OFL 1.,1
Betűtípus Király a leggyakrabban használt, s a leg — bb népszerű ikon betűkészlet körül. Ez is az alapértelmezett ikonkészletet a csapat bootstrap. SVG ikonokként is elérhető más formátumok között.Az engedély nyitott és ingyenes bármi, kereskedelmi vagy személyes.
minden ikon teljesen skálázható és közvetlenül a CSS-ben is karbantartható., Meg lehet változtatni a színek, árnyékok, háttér színátmenetek, nagyjából bármi mást a tiszta CSS3. A másik ok, hogy használja ezt a könyvtárat, hogy teljesen optimalizált, nincs kompatibilitási problémák, mert nem igényel JavaScript egyáltalán.
Főbb jellemzők:
- Vector Font,
- minden ikon jön egy CSS osztály& Unicode,
- ingyenes,
- beépített kisegítő szem előtt tartva,
- funkciók Egyszerű frissítés a weboldalak,
- kínál egy asztali cheat lapot a teljes ikon könyvtár.,
Lineicons
honlap: https://lineicons.com/
Formátum, Típus: SVG, Web font, Ikon font
az Engedélyt, az Árképzés: Szabad
LineIcons is ingyenes CDN egyértelmű dokumentációt, amely megkönnyíti, hogy az induláshoz.
Ez az ikoncsomag teljesen ingyenes, 450+ vonalikonnal rendelkezik., Ez magában foglalja minden egyes alapvető ikon van szüksége a projekt különböző kategóriákban. A LineIcons ingyenes CDN-t és egyértelmű dokumentációt is biztosít az induláshoz. Jön 2 különböző skálázható csomagok-WebFonts SVG fájlokat lehet használni, attól függően, hogy a projekt igényeinek.
Főbb jellemzők:
- 450 + ingyenes ikonok,
- SVG fájlok,
- webes betűtípus Kész,
- ingyenes CDN.,
végső gondolatok
a projekthez megfelelő ikonkönyvtár-erőforrás kiválasztása nem a legnépszerűbbnek tekinthető, hanem inkább a projekt igényeinek leginkább megfelelő. Az ikonok kiválasztásakor ügyeljen arra, hogy milyen könnyű elindítani egy projektet, mely formátumok vannak jelen a könyvtárban és az árban.
az ikoncsomag kiválasztásakor fontos tényező lesz az alkalmazás vagy webhely stílusának megfelelő.
reméljük, hogy ez a cikk segít kiválasztani az Ön igényeinek legmegfelelőbb megoldást.