Stiahnite si pripravené ikony. Zdroje s voľnými fontami

Ikony, ktoré nájdete na týchto zdrojoch, možno tiež použiť na ilustráciu informácií v prezentácii, zdobia vizitky, Menu, letáky a iné.

Napísali sme, že ikony na týchto stránkach sú zadarmo, ale stále dávajú pozor na hodiny hodiniek, pretože sa môžu kedykoľvek zmeniť.

01. Smashing Magazine

22. Pixelsmarket.

26. BLUGRAPHIC

Blugrafické - možnosti ikony psD, png a vektor. Vyhľadávanie je obmedzené značkami, ale môžete sa prihlásiť k odberu newsletteru a týždenne dostanete bezplatný výber e-mailom.

27. icon šok.

Icon šok je tisíce voľných ikon na osobné použitie. Ak chcete použiť obrázok v komerčnom projekte, musíte vykonať jednorazovú platbu.

28. Autor CSS

CSS Autor ponúka týždenné výbery najlepších bezplatných webových ikon.

29. Kreatívny chvost

Chcete čerstvé ikony? Na kreatívnom chvoste sú tu súpravy, ktoré sa už nenašli.

30. All-Free-Download

All-free-sťahovanie ponúka mierne vyhľadávanie a priame sťahovanie PSD, PNG a vektory.

31. ikony ego

Ikony EGO ponúka viac ako 1500 ikon premium a 100 voľných ikon vektorov. Navštívte aj dcérske spoločnosti kliknutím na tlačidlá Top Navigation Panel.

32. Alienvalley

Na ALIENVALLEY, širokú škálu vysoko kvalitných ikon výmenou za vašu e-mailovú adresu.

33. Dreamstale

Dreamstale vám poskytne vynikajúce bezplatné premium ikony podliehajúce smerom autorstva.

34. Duckfiles.

35. 1001 na stiahnutie zadarmo

1001 Bezplatne na stiahnutie sa špecializuje na ploché ikony zastúpené mnohými vynikajúcimi a bizarnými možnosťami.

36. GraphicsBay.

37. Pixeden.

Na Pixeden môžete vyhľadávať ikony v niekoľkých veľkostiach. Tu je široký výber 16x16 až 512x512 vo formáte PNG.

38. Názov.

Nounproject je pohodlné vyhľadávanie, jednoduché nakladanie a vysoká kvalita Ikony. Odkaz na autora je povinný. Členstvo s mesačným príspevkom zmierňuje sťahovanie obmedzení.

39. IconMonstron.

Ikonzia ponúka ikony v niekoľkých veľkostiach bez uvedenia autorstva.

40. Fusionplate.

Ikony PSD je nepostrádateľným prvkom akéhokoľvek dizajnu UI, nie nižšie ako dôležitosť fontov, ale v praxi sa zriedka zapája do vývoja vlastných ikon pre každý webový projekt. Na druhej strane, hľadanie vhodnej kvality a dizajnu ikon tiež trvá veľa času, ale dnes sme sa rozhodli pomôcť vám a pripraviť výber voľných súborov ikon pre všetky príležitosti.

01. ICONS8.

ICONS8 - Sada 20 tisíc plochých ikon v akýchkoľvek formátoch, veľkostiach a farbe! Tu sú kategórie ako obchod, oblečenie, potraviny a mnoho ďalších. ICONS8 možno stiahnuť ako aplikácia pre Mac alebo vo forme archívu ZIP.

02. FreePIK.

Jasná zbierka vektorových ikon z špecializovaného zdroja FreePIK je len jedna z prezentovaných súborov. Je ideálny pre obchodné a nezávislé projekty. Okrem toho stiahnuť ikony PSD môžu byť vo formátoch .ai, .eps a .svg.

03. ICONFINDER

Táto sada vykonaná v čiernej a bielej obsahuje kombináciu jasných funkčných i emocionálnych ikon vektorov. Okrem štandardných ikon, táto sada obsahuje ikony vo forme srdca a očí, čo vám umožní dať svoje vlastné projekty emocionálne farby.

04. 195 Flat Flag PSD Ikony

Vynikajúca ikona PSD nastavená pre stránku, ktorá môže byť použitá vo vývoji medzinárodnej stránky, online obchodu alebo cestovného blogu. Súprava obsahuje 195 voľných ikon so zaoblenými rohmi.

05. METRO UI ICON SET

Ak ste fanúšikom Windows 8, potom by ste mali spoznať túto bezplatnú sadu ikon. Zahŕňa 700 dobre zariadených ikon, ktoré môžu byť voľne používané v projektoch akéhokoľvek typu.

06. Moderné ikony UI

Ďalšia sada voľných ikon, ktoré možno použiť pri vytváraní užívateľské rozhranie softvér Pre systém Windows alebo pre Android / iOS. Stiahnutý tento súborDostanete 1000 plochých, manuálne vytvorených ikon, vrátane aj ikon pre aplikácie záclony v telefóne Windows.

07. 350 pixel dokonalé ikony

Neuveriteľná sada 350 dokonale jasných ikon pre aplikácie alebo miesta. Zároveň sa dajú zmeniť veľkosť bez straty kvality.

08. 80 Mini Ikony

80 dokonale jasné miniatúrne ikony, ktoré si môžu prevziať vo formáte PSD a ako ikonické písmo. Tieto upratané a sofistikované ikony sociálnej PSD sú ideálne pre projekty akéhokoľvek typu.

09. Jednoduchá a praktická webová ikona vektorová grafika

Mnoho užitočných ikon, ktoré môžu byť použité v osobných a komerčných projektoch.

10. Voľné ploché ikony

Sada ikon vyrobených v plochom štýle, medzi ktorými si môžete vybrať kalendár, e-mail, hodiny, karty a ďalšie.

11. Ikony mono

Súprava, ktorá obsahuje 108 unikátnych monochromatických ikon vyrobených v štýle minimalizmu. Všetky z nich sú k dispozícii vo formáte PNG s veľkosťou 32 až 32.

12. Metrizujte ikony

ZADARMO Kolekcia metra, ktorá môže byť použitá vo vašich vlastných aplikáciách a webových projektoch. Ikony sociálnych sietí PSD sú zadarmo pre osobné aj komerčné použitie. Archív obsahuje nielen formáty PSD, SVG, ESP a AI, ale aj webové fonty.

13. Tab Bar ikony iOS 7

Elegantný súbor ikon navrhnutými pod inšpiráciou z iOS 7, ktoré môžete použiť vo vlastných aplikáciách. Môžete si stiahnuť ikony v nasledujúcich formátoch: PSD, AI a ESP.

14. CHUNKY PIKA ICON SET

Ikony PIKA štýl vytvorené holandskou agentúrou Icon z Dánska. Táto súprava obsahuje 42 dokonale jasných ikon.

15. Iconic

Ďalšia sada jednoduchých, ale atraktívnych ikon, ktoré sú ideálne pre minimalistické návrhy. Ikonický je open source sada, ktorú možno stiahnuť v PNG, SVG, SWC a iných formátoch, ktoré vám umožnia prispôsobiť ich vlastným dizajnom.

16. 44 odtieňov voľných ikon

Sada 44 ikon. Obsahuje ikony PSD pre fórum, ktoré ich ľahko upraví a prispôsobí ich vlastným projektom.

17. Ikona tokenu

Token obsahuje 128 jedinečných ikon k dispozícii vo formáte ICO 16 až 16 pixelov, 32 pixelov a 256 pixelov, ako aj vo formáte PNG vo výške 128 pixelov. Každá ikona je zastúpená v tmavých a svetelných verziách a je doplnená súborom PSD.

18. Ploché ikony (PSD)

Ikony MOTLEY, ktoré možno stiahnuť vo formáte PSD a upraviť pod vlastnými potrebami.

19. ZADARMO 32PX ICONS SET

Súprava, v ktorej nájdete ikonu PSD akéhokoľvek miesta určenia: Skype, Facebook, Twitter, RSS, šálka kávy, "ako" a oveľa viac.

20. 48 Ikony s plochým dizajnérom

Ak ste fanúšikom minimalizmu, potom tento súbor sa vám bude páčiť presne. Skladá sa zo 48 bezplatných ikon odrážajúcich kancelárske úlohy, sociálne aspekty, ako aj cestovanie. Všetky sú prezentované vo formátoch AI a PNG, a môžu byť zmenšené bez straty kvality.

21. Ikony Plex

Súprava obsahuje viac ako 100 ikon, medzi ktorými kalendár, antivírus, hodiny, e-mail, aplikácie spoločnosti Microsoft Kancelária, sociálne siete, rovnako ako oveľa viac.

22. Vektor MINI ZADARMO

Súbor viac ako 1000 ikon PSD vyvinutý príkazom ICOJAM. Všetky z nich sú tiež v PNG formáte. Sú ideálne na použitie pri vývoji novej stránky, pretože môžu byť použité zadarmo v osobných aj komerčných projektoch.

23. ELDORADO MINI ZADARMO

Ďalšia zbierka mini ikon z iCojam, v ktorej je prezentovaných viac ako 1200 ikon v množstve 40 na 40 pixelov.

Hoci zmena trendov dizajnu užívateľského rozhrania, tento rok nebol taký významný, ako sme pozorovali v predchádzajúcich rokoch, bolo to jednoznačne dokonalé, viac špecializované, plne pokryté a miešanie najlepšie štýly z predtým populárnych ikon.

Možno v tomto roku nebol mimoriadne "výnos" pre ikony dizajnu, ale napriek tomu niekoľko zaujímavých súborov, ktoré si zaslúžia vašu pozornosť, stále svieti na obzore. V tomto preskúmaní navrhujem zvážiť 50 najlepších (čisto podľa môjho názoru) slobodných zbierok ikon, ktoré sa objavili v otvorený prístup Na rok 2017. Všetky súbory sú úplne zadarmo a dostupné na prevzatie bez akýchkoľvek obmedzení. Pod každým obrázkom sú odkazy na zdroje kliknutím na ktoré budete môcť oboznámiť s vašou obľúbenou ikonou sada a ak chcete prevziať.

Obrysy alebo lineárne ikony sú veľmi populárne vo svete vývoja webového vývoja, pretože sa líšia od špeciálnej jednoduchosti formulárov a minimalizmu, bez obetovania informatizovateľnosti. Okrem toho, z väčšej časti, prezentované piktogramy môžu byť použité nielen pre stránky, sú tiež skvelé pre aplikácie na platforme Android a iOS.

Skutočne obrovská zbierka vysoko kvalitných ikon pre všetky príležitosti. K dnešnému dňu je prezentovaných približne 60 000 ikon v ľubovoľnom formáte, veľkosti a farbe. Knižnica sa denne aktualizuje a dopĺňa sa od 3 do 20 ikon za deň.

Číslo: 60 000 +
Formáty: SVG, AI, EPS, PNG, PDF, Fonty

Balenie obsahuje 1800 ikon na bielom a čiernom pozadí vo formátoch: .Sktch .psd .ai .svg .eps a .png..

Malá sada vysoko kvalitných lineárnych ikon vo formáte .Ai

Bezplatný balík 70 vektorových ikon vo formátoch .Sktníky .ai.

Vektorové ikony vo formátoch AI, EPS. a SVG.

Dobrá sada 90 voľných ikon objasní, rovnako ako ikony s pevným pozadím, pre náčrty a ilustrátor.

Bytesize.

Vynikajúci súbor bezplatných ikon vo formáte SVG.. Každá ikona je ručne zakódovaná na mriežke 32 x 32 a používa SVG bar, ktorý zaisťuje maximálnu flexibilitu štýlu; To znamená, že môžete prispôsobiť hmotnosť, farbu, veľkosť a v prípade potreby, aby sa ikony hrany zaoblené alebo štvorcové.

Set prezentuje 38 Ikony obrysu populárnych nástrojov editora obrázkov, pre bezplatné ikony na stiahnutie sú k dispozícii v AI, EPS, SVG formátoch a transparentné png (1024px).

Nádherná sada absolútne voľných, obrysových ikon vo formátoch .png .sdf .svg .skettch.

Malý súbor vysokokvalitných mini ikon.
Formáty: AI, EPS, PNG, SVG
Rozmery: 16 x 16, 32 x 32

Ikony na čistom CSS

Táto časť revízie predstavuje zdroje poskytujúce ikony balíkov bezplatného prístupu vyvinutých na čistých CSS. Vynikajúca alternatíva k používaniu obrázkov ako ikon. Na pripojenie takýchto knižníc ikon, jeden súbor je dosť. CSS, tiež z väčšej časti, tieto zdroje poskytujú možnosť pripojiť sady ikon priamo zo svojich serverov, čo je celkom pohodlné.

Obsahuje 512 ikon, knižnica sa pravidelne dopĺňa.

Ikony malých knižníc na čistom CSS.

Sady farebných viacfarebných ikon

Sada 30 farebných lineárnych ikon v čerstvých pastelových farbách. Súprava obsahuje ikony v vektorový formát (Svg) a png rôznych veľkostí.

120+ Voľné farebné ikony v PSD formáte

Zbierka 30 rovných izometrických ikon. Všetky ikony obsiahnuté v súbore sú úplne upravované a nakonfigurované v aplikácii Illustrator. Zahrnutý rôzne veľkosti Png.
Formáty: AI, EPS, PNG
Rozmery: 57PX, 114PX, 228PX, 456PX, 912PX

Sada 24 viacfarebných ikon s vodou Športová téma. Ikony sú dodávané vo formáte SVG a sú navrhnuté pomocou svetla, letnej farebnej schémy a optimálnu škálovateľnosť.

Súpravy ikon v návrhu materiálu

Takéto ikony sú navrhnuté tak, aby sa stali štandardom pre aplikácie vykonávané v jednotnom štýle "materiálu" dizajnu, ktorý spoločnosť Google prezentovala android verzia 5.0. Zároveň sú rovnako vhodné pre aplikácie pre Android, a pre iOS, a pre webové aplikácie.

250 ikon v skicic formáte

Toto je sada 900+ ikon Google pre aplikáciu na skicu. Všetky z nich spočiatku z knižnice Google, ktorá je pravidelne aktualizovaná a dopĺňaná.

Ikony znakov a piktogramov

Voľné sady ikon rôznych znakov a piktogramov.

Univerzálne témy - Sada vektorových ikon

Súprava obsahuje 100 vektorových ikon, ktoré sú navrhnuté s prihliadnutím na moderné požiadavky webového dizajnu, ikony sú prezentované vo formáte SVG, takže môžete upravovať, mierku a zmeniť farbu ikon, kým nedostanete výsledok, ktorý potrebujete.

Sada 90 roztomilých, viacúčelových ikon vo formátoch .skica. a .Ai

Bezplatná sada ikon v PSD, AI, EPS, PDF, SVG, SKICH, WEBFONT

Dobre rozvinutý bezplatný súbor 70 základných ikon v dvoch verziách, pre ľahké a tmavé pozadie. Kompletné súbory AI a SKICH.

Voľná \u200b\u200bknižnica 100 ikon fontov, tiež v archíve poskytli všetky kódy pre demo stránku, formáty webových fontov I.svg súborov.

Súprava používateľského rozhrania UI obsahuje 100 ikon Vector, ktoré sú navrhnuté tak, aby spĺňali funkcie užívateľských rozhraní, ikon v SVG formáte, obrysových a farebných verzií. Tieto ikony môžete voľne používať vo vašich osobných a komerčných projektoch.

Sady ikon grafického a webového dizajnéra

Táto sada obsahuje 33 úplne škálovateľných ikon vektorov v štýle obrysu. Každá ikona je k dispozícii vo formátoch EPS, AI, PSD, PNG a SVG.

25 ikon z čísiel kategórie

Pôsobivý set krásne ikony Ručné, pozostáva z 25 ľahko upraviteľných a pripravených na použitie ikon, ktoré sú k dispozícii úplne zadarmo. Dodáva sa v dvoch možnostiach farieb (Mango & icle) a všetky pohodlné formáty: AI, EPS, SVG a PNG.

Tieto ikony môžete použiť pre osobné a komerčné projekty.
Formáty: AI, EPS, SVG, PNG
Rozmery: 16 x 16, 32 x 32

Sada ikon umeleckých nástrojov

Sada voľných ikon obsahuje vektorové súbory v Illustrator AI I.SVG formáty, ako aj vo formáte PNG, možnosti sú dostupné vo farbách, ako aj v lineárnych štýloch, v 5 veľkostiach (32px, 64px, 128px, 256px a 512px)

Ikony sú prezentované vo všetkých pohodlných formátoch: EPS, AI, SVG a PNG.

Súpravy plochých ikon

Táto časť prezentuje voľné súbory ikon na najobľúbenejšie témy v najlepších tradíciách plochého štýlu. Použitie plochých ikon v dizajne vám umožní vytvoriť webovú stránku alebo aplikáciu štýlovú, modernú a pochopiteľnú pre užívateľa.

Blobs.

Bezplatná sada 1000+ ikon v jasných farebných schémach, prezentovaných vo formátoch (AI, PSD & SVG)

Flat Line - UX & ECOMMERCE Ikony nastaviť

83 Ikony s plochým štýlom pre používateľské rozhranie a e-commerce

Skutočne obrovská knižnica ikon v rôznych štýloch pre osobné a komerčné použitie, vrátane veľká voľba Ikony v plochom dizajne. Voľné ikony dostupné v rôzne veľkosti Až 72PX a vo formáte PNG. Môžete si stiahnuť celý balík a každý sa vám páči ikona samostatne, po výbere veľkosti potrebnej

Sada ikon na navrhovanie pracovného priestoru je prezentovaná v voľnom prístupe vo formátoch AI & EPS.

Sada predstavuje 70 rôznych ikon používateľských rozhraní v SVG a PNG formátoch.

Súpravy obchodných ikon a e-commerce

Sada 36 voľných ikon pre banky a peniaze, tieto ikony s plochým štýlom sú ideálne pre aplikácie alebo webové stránky spojené s bankovými aktivitami. Ikony sú prezentované vo vektorových formách (AI, PSD, EPS, PNG & SVG), a preto sa ľahko upravujú a zmení.

Set je vyrobený v plochom štýle, kompletný s 50 svetlými ikonami pokrývajúcimi všetky hlavné polia e-commerce, vrátane ikon ikony stavu košíka, ikony platby, ikon, ikon a veľa, oveľa viac. Ikony v dvoch formátoch SVG a PNG sú prezentované, môžete si ich voľne používať vo vašich osobných a komerčných projektoch.

50 farebných ikon v obchodných témach s plochým štýlom sú prezentované v AI a SVG formátoch, takže môžu byť ľahko zmenšené, bez straty kvality obrazu, ideálne pre adaptívne webové vzory. Môžete ich slobodne používať vo vašich osobných a komerčných projektoch.

Bezplatná sada 40 vektorových ikon na e-commerce. Bezplatná verzia Obsahuje súbory PDF a enkapsulované súbory PostScript (.eps).

Sady ikon na tému počasia

Balík ikony v téme, ktorý obsahuje 30 pozoruhodných ikon vo formátoch .png. a .skica.. Perfektne zapadá do dizajnu aplikácií a webových stránok počasia.

Veľké ikony ikon ikony CSS s 222 počasia ikony pripravené na pripojenie k bootstrap alebo akéhokoľvek iného projektu, pre ktoré sú potrebné vysoko kvalitné meteorologické ikony. Súprava sa pravidelne aktualizuje a dopĺňa.

Samozrejme, zdroje prezentované vo výbere, je to len malá časť celkovej škály vývoja dizajnu predtým a objavili sa v tomto roku. Populárne a dlhé osvedčené zdroje, väčšina z nich nepotrebuje pohľad, takže táto recenzia Snažil som sa prideliť relatívne novú a vysoko kvalitnú prácu. Dúfam, že niekto príde šikovný.

So všetkou rešpekt, Andrew

Som si istý, že krásna sada ikon je vždy užitočná. Ikony a ikony, s vlastným použitím, sú veľmi cenným nástrojom pre dizajnérov. Priťahujú našu pozornosť alebo dávajú pozor na akúkoľvek vec. Mnohí používatelia lokalít, funkčnosť sa pamätá výlučne vizuálne, t.j. S pomocou obrázkov.

Táto zbierka ikon bola vydaná, aby pomohla dizajnérovi. Zbierka je úplne zadarmo. Prečítajte si licenčnú zmluvu pred použitím ikon - licencia sa môže z času na čas zmeniť. Ikony môžu byť užitočné aj pre firemné projekty, blogy, internetové časopisy, denníky, internetové aplikácie. Neváhajte ponúknuť svoje súbory ikon v komentároch k tomuto príspevku.

Ikony pre webové aplikácie.

CHALKWORK HTML je bezplatná sada html-tematických ikon. Sú dokonale kombinované s celú rodinu ikon kravín. Tieto ikony môžete nainštalovať úplne zadarmo na osobné a obchodné účely. Súprava je k dispozícii v 3 veľkostiach a 6 formátoch: Transparentné PNG, TIF, GIF, BMP, ICO Windows a MAC ICNS.

Ako vytvoriť si stránku sami?

Ikony ručné ukazovateľ.

Voľné ikony, ktoré obsahujú 36 ručných ukazovateľov, 6 odlišné typy S 6 farebnými možnosťami. K dispozícii je tiež zdrojový kód. Formát APSD.

452 Ikony voľne dostupné pre súkromné \u200b\u200ba komerčné účely.

Základné vybavenie.

42 Kvalitné ikony v 64 × 64, 32 × 32 × 16 a 16 veľkostiach. Mac OS, WIN a .png-formáty. Mac OS, WIN a. Formát PNG.

Tento bezplatný balík ikon je určený na použitie v osobných a komerčných projektoch a mal by sa používať bez zadania. Súprava nemôže byť redistribuovaná. Súprava obsahuje 26 štýlových ikon vyvinutých Stredovým dizajnom Studio. Každá ikona je.png 48 × 48px. Ikony vytvorili dizajnér Jonatan Castro Fernandez.

Nastavte ikony stavu súborov obsahuje 16 ikon, ktoré možno použiť na webové aplikácie.

Dánčina Royalty Free.

Dizajn: Jonas Rask.

Outbitované nastavené ikony.

80 krásnych ikon v rozlíšení 48 × 48px ,. Png.

Stiahnite si aj časť1.

Na ikonách etapy.

Súprava obsahuje 49 voľných ikon vektorov, vrátane PSD, ktoré môžu byť užitočné pre firemné a osobné projekty. Kit môžete použiť zadarmo, bez akýchkoľvek obmedzení. Ikony sú k dispozícii vo formáte PNG v rozlíšení 128 × 128 pixelov. Zahrnuté ikony formátu.psd.

Táto súprava obsahuje 9 prehliadačov ikon v 64 × 64, 32 a 32 × 16 × 16 pixelov. Zahŕňa hlavné prehliadače Mozilla Firefox., Internet Explorer., Opera, Google, Chrome Mnoho ďalších.

Mliečna ikona.

Súprava obsahuje 131 ikony vo väčšine zelenej, ktorá má veľmi príjemnú vzhľad Pre tmavé pozadie.

Mark James (FAMFAMFAM) vytvoril veľkú sadu 1022-hladkých hodvábnych farieb 16 × 16 ikon vo formáte PNG.

Vo štvrtej časti "Coquette" pridala ďalších 50 ikon. Hlavným účelom týchto ikon je pridať lásku a hravosť pre vaše projekty. Nasledujúce obrázky ikony: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px a 128 × 128px a 32-bitový formát súboru PNG PNG.

V 5. častiach "Coquette" obsahujú 50 vysoko kvalitných ikon. Veľkosti: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px a 128 × 128px a 32-bitový formát PNG Transparency File.

Ikony pre e-commerce (e-commerce).

Kalkwork Platby sú k dispozícii v 3 veľkostiach a 6 formátoch: Transparentné PNG, TIF, GIF, BMP, ICO Windows a MAC ICNS.

Ikony sú zadarmo pre osobné použitie, ako aj bezplatné komerčné použitie, ale dizajnéri vyžadujú odkazy na webovej stránke. Archív obsahuje ikony vo všetkých veľkostiach, formátoch Windows, Mac a PNG. Archív obsahuje všetky veľkosti, Windows, Windows, Mac a PNG formáty.

23 Ikona kreditnej karty zadarmo na stiahnutie zadarmo.

Sada čerstvých ikon.

Táto sada obsahuje 59 rastrových a vektorových ikon. Súprava obsahuje ikony v PNG, ICO a ICNS formátoch. Vo vektorovom súbore EPS.

Užitočné súbory ikon.

Sada voľných multimediálnych vektorových ikon rôznych farieb a štýlov.

Fortune 500 Badji.

Viac ako 200 slávnych ikon značky, v cene.

Sada 50 osobných a chodcov, vyvinutý AIGA, je teraz k dispozícii na internete zadarmo. EPS I. Formát GIF.

Audio ikony.

Malá sada 48 × 48px Ikony: M-box, na M-Audio Axiom 25 MIDI Klávesnica a TAPCO S5 Monitor Reproduktory. Tieto ikony sú zadarmo pre osobné použitie. Existujú v.ins, .png.

Sociálne súbory ikon.

Ikony sociálnych médií MINI.

Táto sada sa skladá z 30 (16 × 16), ktoré sú jemne vyvinuté Ikony sociálnych médií. Môžu byť voľne používané na nekomerčné účely.

Sociálne ikony vo forme oblakov. Formát.png.

Ako vytvoriť si stránku sami?

Aké technológie a znalosti sú dnes potrebné na vytvorenie stránok sami? Zistite sa v intenzívnom!

Súprava obsahuje 16 sociálnych ikon (transparentný) formát PNG.

Tieto ikony obsahujú Facebook, BlinkList, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart Ikona, Posledná FM, prepojená v, Magnolia, NewsVine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo a You Tube ikony. Všetky ikony v štyroch veľkostiach: 16 × 16, 32 × 32, 64 a 64 × 12 × 128px. A sú to zadarmo.

Každá ikona vo formáte. JPG a dodáva sa v dvoch veľkostiach: 48 × 48px a 96 × 96px. Každá ikona temnoty na bielom pozadí.

YouTube, Delicious, RSS, Twitter, Facebook, Flickr, Digg, StumbleUpon, MySpace, FeedBurner, Skype, Yahoo, Last.FM, Linkin, Reddit a Gmail.

Mŕtve jednoduché ikony sociálnych médií Fidgeter master.

Jednoduché, čisté a krásne. 16 × 16px mini sociálne ikony.

28 png ikony (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16), ico (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16) a ICNs ( 256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16).

Táto sada obsahuje ikony pre Blip.fm, Digg, Facebook, Firefox, Flickr, Meneame, MySpace, Technorati, Twitter, Vimeo, WordPress, YouTube, Lastfm, RSS, Blogger, Gmail, Reddit a StumbleUpon. Ikony sú k dispozícii vo veľkosti 24 × 24, 32 × 32, 48 a 48 × 64 × 64. Vydané pod licenciou Creative Commons.

Kruhové sociálne ikony.

Súbor zips obsahuje 3 veľkosti na 17 ikon: 128 × 128px, 64 × 64px a 32 × 32px. Tam je ikona pre nasledujúce: Blogger, Delicious, DesignFlat, Digg, Facebook, Flickr, Google, Srdcová ikona, ktorá bude fungovať pre čokoľvek (napr. Záložka), MySpace, Reddit, RSS Icon, StumbleUpon, Technorati, Twitter, WordPress, Yahoo! Dizajn Eli Burford je Austrália.

Krásne súbory ikon.

Štýl pošty.

Kolekcia Icons vrecka bola vyvinutá Paul Kadyszom. Obsahuje 5 vysoko kvalitných ikon. Tentoraz máme 3 rôzne formáty (. ICO,. ICNS a. PNG) a 6 veľkostí! 512PX-16PX (okrem .png). 512PX-16PX (okrem. Png). Takto vyzerá nastavená.

350 Bezplatné krásne ikony na pracovnej ploche možno použiť aj online. Design Master David Lanham.

30 voľných ikon, ktoré sú dimenzované: 256 × 256, 128 × 128, 64 × 64, 48 × 48, 32 × 32, 24 × 24, 16 × 16 pixelov a PNG, ICO a ICNS formáty.

Ikony projektov na stiahnutie zadarmo.

Súprava obsahuje 18 krásnych ikon spojených s projektovým manažmentom. Súprava obsahuje ikony adresy mapy, histogramy, kalendár, hodiny a čas, konferenčné zariadenie, kontakty, dokumenty, projekty, vyhľadávanie, mapa stránok atď. Úplne zadarmo. Na akýkoľvek účel.

Užitočný súbor ikon Vektor (256 × 256 pixelov). Obsahuje knihy, kefy, pastel, klip, farebné ceruzky, dokument, gumy, poznámkový blok, paleta, nožnice.

Adaptívny dizajn je populárnou témou. Obrazovky sú už dlho mimo štandardných povolení a miesta sa môžu tiež pozrieť na zariadenie s veľkosťou dlaň a veľkých monitorov. Stránka by mala vyzerať rovnako dobre bez ohľadu na veľkosť zariadenia a hustotu pixelov. Pre prispôsobenie dizajnu a obsahu existuje mnoho rôznych techník a technológií. Vektorová grafika, SVG podľa môjho názoru jeden z najzaujímavejších tém v tomto smere.

SVG grafika je vhodná na použitie pre ikony, zatiaľ čo nebudú vyzerať mydlo na zariadeniach s sietnicou a môžu byť natiahnuté bez straty kvality.

Tu, napríklad, jeden SVG-Sprite v 4 rôznych veľkostiach, zdroj - 32px:

SVG dokonale sa vyrovná s touto úlohou a je vhodný na použitie v adaptívnych rozloženiach.

Ikony pre dizajn možno prevziať z hotových súborov alebo nakresliť vlastné.

Súpravy hotových ikon

iconmelon.com.

Veľká zbierka ikon na rôznych témach. Nahrané ikony sa pozvajú na vloženie do HTML pomocou použitia.

iComoon.io.

Krásny nástroj. Môžete si nielen vybrať a stiahnuť hotové ikony, ale môžete si tiež stiahnuť svoje vlastné a dostať ich do formy písma a / alebo sprite. Spolu s Sprite, navrhuje sa nahrať svoju verziu PNG.

flaticon.com.

Veľká zbierka, ikony sú pohodlne rozdelené do kategórií. Vybrané ikony je možné stiahnuť v samostatných formátoch (písmo, SVG, PNG) alebo naraz.

Nakresliť sa

Ak chcete vytvoriť súbor ikon, potrebujete vektorový editor:

• Adobe Illustrator - podľa môjho názoru to najlepšie. 599 trieť. / Mesiac ako súčasť kreatívneho predplatného cloudu;
• Inkscape - zadarmo a nie veľmi pohodlné;
• Sketch - pre Mac OS, 79,99 USD. Má nejaké problémy s vektorizáciou ťahov, ale všeobecne pohodlne.

Strata váhy

Hotový súbor SVG zvyčajne obsahuje veľa nadbytočných, ale je dobre optimalizované. Nepotrebné atribúty, medzery a transfery sú odstránené z kódu a počet znakov po znížení čísel. Hmotnosť súboru klesá o 30-50%. Optimalizačné nástroje:

grunt-svgmin. - Úloha pre grunt pomocou sVGO.. Súbory sa v rovnakom čase podniknú zo zdrojového priečinka, optimalizovať a preložiť do priečinka s výsledkami. Veľmi pohodlne.

Sprit alebo Iconscript?

Písmo je vhodnou alternatívou k sprite. Nie je potrebné obťažovať s mriežkou a usporiadaním ikon, je vhodné pridať nové postavy, hoci to vyžaduje Ďalšie nástroje.

Pomocou písma môžete urobiť nielen jedno-fotónové ikony, ale aj viacfarebné.

Toto písmo možno vykonať napríklad na webovej stránke iComoon.io/APP/. Približný postup činností:

1. Vyberte ikony z vytáčania a / alebo si stiahnite svoje vlastné.
2. Kliknite na tlačidlo Font nižšie.
3. V tomto kroku môžete znovu priradiť znaky pre ikony alebo okamžite stiahnuť výsledné písmo.

Spolu s fontom v štyroch formátoch (.woff, .svg, .ttf, .eot) je načítaný CSS a demo súborom.

Vložené fonty pracujú aj v 8. tj, ale zároveň majú neočakávané problémy s podporou v niektorých moderných prehliadačoch. Opera Mini nepodporuje vlastné fonty, Firefox vyžaduje kúzla pre server, kde sa písmo leží (riešené pomocou base64), chróm môže vyložiť písmo, ak ste opustili kartu otvorenú:

tiež v chróm na Windows7, stránka s vloženými fondmi môže zmraziť pri otváraní, av niektorých iných prehliadačoch namiesto ikon môže byť niečo:

Z článku Chris Coir Icon System so SVG Sprites. Nejako som videl hieroglyfy na tom istom mieste, ale teraz je SVG, takže to nebude fungovať. CSS-triky, mimochodom, veľmi aktívne využíva SVG vo svojom novom dizajne, a vývojári CODEPEN v novom editore dizajnu opustili používanie ikonových fontov v prospech SVG.

Napriek pohodliu používania, problémy podpory fontov v tento moment Nútený urobiť výber v prospech ikon na SVG.

Chcem dúfať, že v budúcnosti budú vstavané fonty lepšie podporované.

Ako existovať spôsoby, ako vložiť SVG na stránku?

Sprite

.icon (pozadie-obrázok: URL (your.svg);)

Pros:

• krátkodobý čitateľný kód;
• obraz je uložený do pamäte cache;

Minusy:

• Žiadosť o server;
• v starých operátoroch je pozadie SVG podporované podivné: problémy môžu vzniknúť pri pridávaní rámu k prvku s SVG-pozadím, a len pozadia pracujú v Opera Mini bez veliteľa;
• ikony v sprejoch nie sú k dispozícii pre štýly stránok;
• veľké sprites môžu spôsobiť problémy s výkonom.

Base64 v údajoch URI

.icon (pozadie-snímka: URL (údaje: Image / SVG + XML; BASE64, PHN2ZYB4BWXUCZ0IAHR0CDOVL ...);)

Pros:

• Žiadna požiadavka na server.
• dobrá podpora Prehliadače: Všetko okrem Opera na Presto a staré IE.

Minusy:

• obraz nie je vložený do pamäte cache a zakaždým, keď sa vydával znova;
• dlhý reťazec v CSS;
• nie je čitateľný: Na kóde nie je jasné, že obsahuje;
• kódovaný obraz môže vážiť viac zdroja;
• na kódovanie / dekódované sú potrebné ďalšie nástroje;
• ikony nie sú k dispozícii pre štýly stránok.

SVG v údajoch URI

.icon (pozadie-obrázok: URL ("Údaje: Image / SVG + XML; UTF8, Pros:

• Žiadna požiadavka na server;
• relatívne čitateľný kód (môžete čítať alebo upraviť);
• nevyžaduje dekódovanie;
• podporované všetkými modernými prehliadačmi, ak kódujete SVG.

Minusy:

• nie sú v pamäti cache;
• dlhá línia v CSS;
• ikony nie sú k dispozícii pre štýly stránok;
• podporované iba prehliadačmi na webkite.

Použitie (prezentácia prvkov SVG)

Pros:

• čitateľný kód;
• môžete pridať titul a desc obrázky;
• symboly sú k dispozícii pre štýly stránok. Môžete tiež nastaviť ikony Fill \u003d "ActuronColor" a budú maľovať spolu s textom.

Minusy:

• vložte priamo do HTML. Pred použitím musia byť prvky oznámené v hornej časti stránky v Inline SVG. Možno existuje elegantnejší spôsob, ako pripojiť knižnicu prvkov, nemôžem nájsť.

Písmo

.icon (obsah: "" 6c "; font-face:" iComoon ";

Pros:

• pohodlný kód;
• jediná metóda je podporovaná v IE8 bez foobiek;
• ikony sú k dispozícii pre štýly stránok a budú natreté textom.

Minusy:

• ak sa písmo neuvádza (zatiaľ nie je načítané, nie je zavádzanie ani načítané), namiesto ikon budú písmená alebo symboly Unicode alebo nič.

Živý príklad s podporou prehliadača:

Príklad je prezentovaný, pretože je, bez pokusov o zabezpečenie kompatibility s rôznymi prehliadačmi. Môžete otvoriť demo v prehliadači, o ktoré máte záujem, a uvidíte, aké sú podporované rôzne spôsoby.

Zobraziť ikony v prehliadačoch bez podpory SVG

V súčasnosti je najvhodnejší a spoľahlivejší spôsob vložky vo forme sprite.

Ak chcete nahradiť obrázky v IE8 a staršej, môžete použiť metódu s viacerými pozadiami:

Ikona (mailom.png); / * png pre IE6-8 * / pozadie-obrázok: URL (YOU YOUT.SVG), NONE;)

Pre staré operácie môžete tento volič použiť:

Neexistuje: -O-prefocus, .icon (pozadie-snímka: URL (your.png);)

Je teda možné dosiahnuť, že ikony užívateľov s rôznymi prehliadačmi vyzerajú približne rovnako.

Od existujúcich spôsobov, ako vložiť ikony, páči sa mi najviac písmo. Bol dokonalý, ak by to nebolo na podporu s podporou. Použitie Nepáči sa mi miešanie značky a dekorácie, hoci poteší dostupnosť pre CSS a schopnosť pridať titul a popis. Tam je ďalší veľmi dobrý, ale nedostatočne podporovaný spôsob, ale toto je téma pre samostatný post.

UPD: Veľká vďaka