Descărcați icoane gata. Resurse cu fonturi gratuite
Pictogramele pe care le veți găsi pe aceste resurse pot fi, de asemenea, utilizate pentru a ilustra informațiile din slideshow, decorează carti de vizita, Meniu, fluturași și altele.
Am scris că icoanele de pe aceste site-uri sunt gratuite, dar totuși să acorde o atenție la condițiile de ceas, deoarece se pot schimba în orice moment.
01. Magazine Smashing.
22. pixelsmarket.
26. Blugrafhic
Bluggraphice - Opțiuni PSD, PNG și vectoriale. Căutarea este limitată de etichete, dar vă puteți abona la newsletter-ul și să primiți săptămânal o selecție gratuită prin e-mail.
27. Șocul pictogramei.
Icon Shock este mii de icoane gratuite pentru uz personal. Pentru a aplica o imagine într-un proiect comercial, trebuie să faceți o plată unică.
28. Autor CSS.
CSS Autorul oferă selecții săptămânale ale celor mai bune icoane web gratuite.
29. Coada creativă
Vrei icoane proaspete? La coada creativă există seturi care nu mai sunt găsite nicăieri.
30. All-free-descărcare
All-free-download oferă o ușoară căutare și descărcări directe PSD, PNG și vectori.
31. icoane ego.
Ego Icoane oferă mai mult de 1.500 de pictograme premium și 100 de icoane vectoriale gratuite. Vizitați și filialele făcând clic pe butoanele de pe panoul de navigare de top.
32. Alienvalley.
Pe Alienvalley, o gamă largă de icoane de înaltă calitate în schimbul adresei dvs. de e-mail.
33. Dreamstale.
DreamStale vă va oferi o pictogramă excelentă gratuită premium supusă direcțiilor de autor.
34. Duckfiles.
35. 1001 descărcări gratuite
1001 descărcări gratuite sunt specializate în pictograme plate reprezentate de multe opțiuni excelente și bizare.
36. GraphicsBay.
37. Pixeden.
Pe Pixeden puteți căuta pictograme în mai multe dimensiuni. Iată o selecție largă de 16x16 până la 512x512 în format PNG.
38. NounProject.
NounProject este o căutare convenabilă, o încărcare ușoară și calitate superioară Icoane. Trimiterea la autor este obligatorie. Apartenența cu o contribuție lunară ameliorează restricțiile de descărcare.
39. Iconmonstr.
ICONMONSTR oferă icoane în mai multe dimensiuni fără indicarea autorului.
40. Fusionat.
Icoanele PSD este un element indispensabil al oricărui design UI, nu inferior la importanța fonturilor, dar în practică este rar angajată în dezvoltarea de icoane proprii pentru fiecare proiect web. Pe de altă parte, căutarea unei calități și design adecvate a icoanelor durează, de asemenea, o mulțime de timp, dar astăzi am decis să vă ajutăm și am pregătit o selecție de seturi libere de icoane pentru toate ocaziile.
01. Icoane8.
Icons8 - un set de 20 de mii de pictograme plate în orice formate, dimensiuni și culoare! Iată categoriile precum afacerea, îmbrăcămintea, alimentele și multe altele. Icons8 poate fi descărcat ca o aplicație pentru Mac sau sub forma unei arhive zip.
02. Freepik.
O colecție luminoasă de icoane vectoriale de la resursa specializată Freepik este doar unul dintre seturile prezentate. Este ideal pentru proiecte de afaceri și independente. În plus, descărcarea icoanelor PSD pot fi în formate .AI, .EPS și .SVG.
03. Iconfinder.
Acest set realizat în alb-negru conține o combinație de icoane vectoriale funcționale și emoționale clare. În plus față de icoanele standard, acest set conține pictograme sub formă de inimi și ochi, care vă va permite să vă dați propriile proiecte de culoare emoțională.
04. 195 Icoane PSD Flat Flag
Excelentă pictogramă PSD setată pentru un site care poate fi utilizat în dezvoltarea unui site internațional, magazin online sau blog de călătorie. Setul include 195 de icoane gratuite cu colțuri rotunjite.
05. Pictograma METRO UI SET
Dacă sunteți un fan Windows 8, atunci ar trebui să cunoașteți acest set gratuit de icoane. Acesta include 700 de pictograme bine decorate care pot fi utilizate în mod liber în proiectele de orice tip.
06. icoane UI moderne
Un alt set de icoane libere care pot fi utilizate la crearea interfața cu utilizatorul software. Pentru ferestre sau pentru Android / iOS. Descărcat acest setVeți primi 1000 de pictograme, create manual, incluzând chiar și pictograme pentru perdelele de aplicație din Windows Phone.
07. 350 pixeli Perfect icoane
Un set incredibil de 350 de pictograme perfect clare pentru aplicații sau site-uri. În același timp, ele pot fi schimbate în dimensiune fără pierderi de calitate.
08. 80 icoane mini
80 pictograme miniaturale perfect care pot descărca atât în \u200b\u200bformat PSD, cât și ca un font iconic. Aceste icoane PSD ordonate și sofisticate sunt ideale pentru proiecte de orice tip.
09. Icon Web simplu și practic Vector grafic
Multe pictograme utile care pot fi utilizate în proiecte personale și comerciale.
10. Icoane plate gratuite
Un set de icoane realizate într-un stil plat, printre care puteți selecta un calendar, e-mail, ceas, cărți și multe altele.
11. icoane mono.
Un set care include 108 icoane monocrome unice realizate în stilul minimalismului. Toate acestea sunt disponibile în format PNG cu o dimensiune de 32 la 32.
12. Metrizează pictogramele
Colecția gratuită de metrou, care poate fi utilizată în propriile aplicații și proiecte web. Icoanele rețelelor sociale PSD sunt gratuite atât pentru uz personal, cât și pentru uz comercial. Arhiva conține nu numai formatele PSD, SVG, ESP și AI, ci și fonturile web.
13. Pictograme de bare de tablă iOS 7
Un set elegant de icoane concepute sub inspirația din iOS 7, pe care le puteți utiliza în propriile aplicații. Puteți descărca pictograme în următoarele formate: PSD, AI și ESP.
14. Pictogramă Pika Chunky Pika
Pika Style Icons create de Agenția olandeză olandeză din Danemarca. Acest kit include 42 de pictograme perfect clare.
15. iconic.
Un alt set de icoane simple, dar atractive, care sunt ideale pentru modele minimaliste. Iconic este un set de sursă open, care poate fi descărcat în formate PNG, SVG, SWC și alte formate, care vă va permite să le adaptați la propriile modele.
16. 44 nuanțe de icoane libere
Set de 44 de pictograme. Conține icoane PSD pentru forum, care va edita cu ușurință și le va adapta la propriile proiecte.
17. Set de pictograme token
Token include 128 de pictograme unice disponibile în format ICO 16 până la 16 pixeli, 32 pixeli și 256 pixeli, precum și în format PNG în cantitatea de 128 pixeli. Fiecare pictogramă este reprezentată în versiuni întunecate și ușoare și este completată de un fișier PSD.
18. Icoane plate (PSD)
Pictograme Motley în stil plat, care pot fi descărcate în format PSD și editați sub propriile dvs. nevoi.
19. Pictograme gratuite 32Px setate
Un set în care veți găsi pictograma PSD a oricărei destinații: Skype, Facebook, Twitter, RSS, o ceașcă de cafea, "ca" și multe altele.
20. 48 icoane de designer plat
Dacă sunteți un fan al minimalismului, atunci acest set vă va plăcea exact. Se compune din 48 de icoane gratuite care reflectă sarcini de birou, aspecte sociale, precum și călătorii. Toate sunt prezentate în formate AI și PNG și pot fi scalate fără pierderea calității.
21. Icoanele Plex setate
Kitul include peste 100 de pictograme, printre care calendare, antivirus, ceas, e-mail, aplicații Microsoft Birou, retele sociale, precum și multe altele.
22. Vector mini gratuit
Un set de mai mult de 1000 de icoane PSD dezvoltate de comanda Icojam. Toate acestea sunt, de asemenea, în format PNG. Acestea sunt ideale pentru utilizarea în dezvoltarea unui nou site, deoarece acestea pot fi utilizate gratuit atât în \u200b\u200bproiecte personale, cât și în cele comerciale.
23. Eldorado mini gratuit
Următoarea colecție de icoane mini de la Icojam, în care sunt prezentate peste 1200 de pictograme în cantitatea de 40 la 40 de pixeli.
Deși schimbarea tendințelor de proiectare a interfeței cu utilizatorul, în acest an nu a fost atât de semnificativă pe măsură ce am observat în anii anteriori, a fost în mod clar mai perfect, mai specializat, complet acoperit și amestecând totul cele mai bune stiluri din icoane populare anterioare.
Poate că în acest an nu a fost extrem de "randament" pentru icoane de design, dar totuși, câteva seturi interesante care merită atenția dvs., încă aprinse la orizont. În această revizuire, propun pentru examinarea celor 50 de cele mai bune (pur și simplu în opinia mea) a colecțiilor gratuite de icoane care au apărut în acces deschis Pentru 2017. Toate seturile sunt absolut gratuite și disponibile pentru descărcare fără restricții. Sub fiecare imagine există linkuri către resurse făcând clic pe care veți putea să vă familiarizați în detaliu cu setul dvs. preferat și dacă doriți să descărcați.
Icoanele contur sau liniare sunt foarte populare în lumea dezvoltării web, deoarece acestea diferă de simplitatea specială a formelor și a minimalismului, fără a sacrifica cu informativitatea. În plus, în cea mai mare parte, pictogramele prezentate pot fi utilizate nu numai pentru site-uri, ele sunt, de asemenea, excelente pentru aplicațiile de pe platforma Android și iOS.
O colecție cu adevărat imensă de icoane de înaltă calitate pentru toate ocaziile. Până în prezent, sunt prezentate aproximativ 60.000 de pictograme în orice format, dimensiune și culoare. Biblioteca este actualizată zilnic și completată, de la 3 la 20 de icoane pe zi.
Număr: 60 000 +
Formate: SVG, AI, EPS, PNG, PDF, fonturi
Pachetul include 1800 de pictograme pe fundal alb și negru în formate: .Sketch .psd .ai .svg .eps și .png..
Un mic set de icoane liniare de înaltă calitate în format .Ai.
Pachet gratuit de 70 de pictograme vectoriale în formate .Sketch .ai.
Icoane vectoriale în formate AI, EPS. și SVG.
Un set bun de 90 de pictograme gratuite, precum și icoanele cu o umplere solidă de fundal, pentru schiță și ilustrator.
Bytesize.
Set excelent de icoane gratuite în format SVG.. Fiecare pictogramă este codificată manual pe grila de 32 x 32 și utilizează bara SVG, ceea ce asigură flexibilitatea stilului maxim; Aceasta înseamnă că puteți personaliza greutatea, culoarea, dimensiunea și, dacă este necesar, faceți pictogramele marginilor rotunjite sau pătrate.
Setul prezintă 38 de icoane contur de instrumente populare de editor de imagini, pentru icoanele de descărcare gratuite sunt disponibile în AI, EPS, Formate SVG și PNG transparent (1024px).
Un set minunat de icoane absolut gratuite, contur în formate .png .pdf .svg .sketch .ai
Un mic set de icoane mini de înaltă calitate.
Formate: AI, EPS, PNG, SVG
Dimensiuni: 16 x 16, 32 x 32
Icoane pe CSS pur
Această secțiune a revizuirii prezintă resurse care furnizează pachete gratuite de acces la Icoanele dezvoltate pe CSS pur. Excelentă alternativă la utilizarea imaginilor ca pictograme. Pentru a conecta astfel de biblioteci ale icoanelor, este suficient un fișier. CSS, de asemenea, în cea mai mare parte, aceste resurse oferă posibilitatea de a conecta seturi de icoane direct de pe serverele lor, care este destul de convenabil.
Include 512 icoane, biblioteca este reluată în mod regulat.
Mici pictograme de bibliotecă pe CSS pur.
Seturi de icoane colorate multicolore
Setați 30 de pictograme liniare de culoare în culori pastelate proaspete. Kitul include icoane în formatul vectorial. (SVG) și PNG de dimensiuni diferite.
120+ icoane colorate libere în format PSD
Colecția de 30 de pictograme izometrice plate. Toate pictogramele incluse în set sunt complet editate și configurate în ilustrator. Inclus diverse dimensiuni PNG.
Formate: AI, EPS, PNG
Dimensiuni: 57px, 114px, 228px, 456px, 912px
Setați 24 de pictograme multi-colorate cu apă tema sportivă. Pictogramele sunt furnizate în format SVG și sunt proiectate utilizând o schemă de culori de vară și o scalabilitate optimă.
Seturi de icoane în designul materialului
Astfel de icoane sunt concepute pentru a deveni standard pentru aplicațiile efectuate în stilul unificat de design "material", pe care Google a prezentat-o \u200b\u200bGoogle android Version. 5.0. În același timp, ele sunt la fel de potrivite pentru aplicațiile Android și pentru iOS și pentru aplicații web.
250 icoane în format schiță
Acesta este un set de icoane Google 900+ pentru aplicația schiță. Toate acestea inițial de la Biblioteca Google, care este periodic actualizată și completată.
Icoane de caractere și pictograme
Seturi libere de icoane de diferite caractere și pictograme.
Teme universale - set de icoane vectoriale
Kitul include 100 de pictograme vectoriale, care sunt proiectate ținând cont de cerințele moderne de design web, pictogramele sunt prezentate în format SVG, astfel încât să puteți edita, scala și schimba culoarea pictogramelor până când obțineți rezultatul de care aveți nevoie.
Set de 90 de pictograme drăguțe, multifuncționale în formate .schiță. și .Ai.
Set gratuit de icoane în PSD, AI, EPS, PDF, SVG, Sketch, WebFont
Un set gratuit de 70 de icoane de bază în două versiuni, pentru o imagine ușoară și întunecată. Fișierele AI și schițe complete.
Biblioteca gratuită de 100 de pictograme de fonturi, de asemenea, în arhivă, a furnizat toate codurile pentru pagina demo, formatele fișierelor web Fonts I.SVG.
Kitul de interfață de utilizator UI include 100 de pictograme vectoriale care sunt proiectate pentru a satisface caracteristicile interfețelor utilizator, pictograme în format SVG, versiuni contur și culori. Puteți utiliza în mod liber aceste icoane în proiectele personale și comerciale.
Seturi de icoane de designer grafic și web
Acest set conține 33 icoane vectoriale complet scalabile în stilul conturului. Fiecare pictogramă este disponibilă în formate EPS, AI, PSD, PNG și SVG.
25 de pictograme din cifrele de design din categoria
Set impresionant icoane frumoase Handmade, constă din 25 de pictograme ușor de editat și gata de utilizare disponibile absolut gratuit. Vine în două opțiuni de culoare (Mango & Icicle) și toate formatele convenabile: AI, EPS, SVG și PNG.
Puteți utiliza aceste icoane pentru proiecte personale și comerciale.
Formate: AI, EPS, SVG, PNG
Dimensiuni: 16 x 16, 32 x 32
Set de icoane de instrumente artistice
Un set de pictograme gratuite conține fișiere vectoriale în formate ilustrator AI i.SVG, precum și în format PNG, opțiunile sunt disponibile atât în \u200b\u200bculori, cât și în stiluri liniare, în 5 dimensiuni (32px, 64px, 128px, 256px și 512px)
Icoanele sunt prezentate în toate formatele convenabile: EPS, AI, SVG și PNG.
Seturi de icoane plate
Această secțiune prezintă seturi gratuite de icoane la cele mai diferite teme în cele mai bune tradiții de stil plat. Utilizarea icoanelor plate în design vă va permite să faceți un site web sau o aplicație elegantă, modernă și mai ușor de înțeles pentru utilizator.
Blobs.
Set gratuit de icoane 1000+ în scheme de culori luminoase, prezentate în formate (AI, PSD & SVG)
Linie plată - icoane UX și eCommerce setate
83 icoane în stil plat pentru interfața de utilizator și comerțul electronic
O bibliotecă cu adevărat uriașă de icoane în diferite stiluri pentru uz personal și comercial, inclusiv o alegere mare Icoane în design plat. Pictograme gratuite disponibile în marimi diferite până la 72px și în format PNG. Puteți descărca atât întregul pachet cât și fiecare dintre dvs. vă place pictograma separat, după selectarea dimensiunii de care aveți nevoie
Setul de icoane pentru proiectarea spațiului de lucru este prezentat în acces gratuit în formatele AI & EPS.
Setul prezintă 70 de pictograme diferite de interfață utilizator în formate SVG și PNG.
Seturi de icoane de afaceri și comerț electronic
Un set de 36 de icoane gratuite pentru bănci și bani, aceste icoane de stil plat sunt ideale pentru aplicații sau site-uri web asociate activităților bancare. Icoanele sunt prezentate în formulare vectoriale (AI, PSD, EPS, PNG & SVG) și, prin urmare, sunt ușor de editat și modificate.
Setul este realizat într-un stil plat, complet cu 50 de pictograme luminoase care acoperă toate domeniile principale ale comerțului electronic, inclusiv pictogramele icoanelor de stare a coșului, icoane de plată, icoane de livrare și multe, mult mai mult. Sunt prezentate pictogramele din două formate SVG și PNG, le puteți utiliza în mod liber în proiectele personale și comerciale.
50 de pictograme colorate într-o subiecte de afaceri în stil plat sunt prezentate în formatele AI și SVG, astfel încât acestea pot fi ușor scalate, fără a pierde calitatea imaginii, ideale pentru modelele web adaptive. Puteți să le utilizați în mod liber în proiectele dvs. personale și comerciale.
Set gratuit de 40 de pictograme vectoriale pe e-commerce. Versiune gratuită. Conține Adobe Illustrator (.AI), PDF și fișierele PostScript (.eps) încapsulate (.eps).
Seturi de icoane pe subiectul meteorologic
Meteo-subiecte pachet de icoane care conține 30 de icoane remarcabile în formate .png. și .schiță.. Perfect se potrivesc în proiectarea aplicațiilor și a site-urilor meteo.
Icoane CSS CSS CSS cu 222 icoane meteorologice Gata pentru conectarea la Bootstrap sau orice alt proiect pentru care sunt necesare icoane meteorologice de înaltă calitate. Setul este actualizat în mod regulat și completat.
Desigur, resursele prezentate în selecție, este doar o mică parte a întregii varietăți de evoluții de proiectare anterior și a apărut în cursul acestui an. Resurse populare și lungi bine dovedite, cele mai multe dintre ele nu au nevoie de o vedere, așa că această recenzie Am încercat să alocăm o muncă relativ nouă și de înaltă calitate. Sper că cineva va veni la îndemână.
Cu tot respectul, Andrew
Sunt încrezător că setul de pictograme frumos este întotdeauna util. Icoane și icoane, cu utilizarea corectă, sunt un instrument foarte valoros pentru designer. Ei ne atrag atenția sau acordă atenție oricărui lucru. Mulți utilizatori de site-uri, funcționalitatea este amintită exclusiv vizual, adică. Cu ajutorul imaginilor.
Această colecție de icoane a fost lansată pentru a ajuta designerul. Colecția este absolut liberă. Citiți acordul de licență înainte de a utiliza pictogramele - licența se poate schimba din când în când. Icoanele pot fi, de asemenea, utile pentru proiectele corporative, blogurile, revistele de internet, jurnalele, aplicațiile de internet. Vă rugăm să nu ezitați să oferiți seturile de icoane în comentariile la acest post.
Icoane pentru aplicații web.
Chalkwork HTML este un set liber de icoane html-tematice. Ele sunt perfect combinate cu întreaga familie de icoane de chalkwork. Aceste pictograme puteți instala absolut gratuit în scopuri personale și comerciale. Kitul este disponibil în 3 dimensiuni și 6 formate: PNG transparent, TIF, GIF, BMP, ICO Windows și ICN-uri Mac.
Cum de a crea singur un site?
Icoane pointer mână.
Pictograme gratuite, care includ 36 de mână-pointeri, 6 tipuri diferite Cu 6 opțiuni de culoare. Există, de asemenea, un cod sursă. Format APSD.
452 icoane disponibile în mod liber în scopuri private și comerciale.
Echipamente de bază.
42 icoane de înaltă calitate în 64 × 64, 32 × 32 × 16 și 16 dimensiuni. Mac OS, câștigă și .png-formate. Mac OS, câștiga și. Format PNG.
Acest pachet gratuit de pictograme este destinat utilizării în proiecte personale și comerciale și trebuie utilizat fără alocare. Kitul nu poate fi redistribuit. Kitul include 26 de pictograme elegante dezvoltate de Midtone Design Studio. Fiecare pictogramă este.png 48 × 48px. Icoanele au fost create de designerul Jonatan Castro Fernandez.
Setarea pictogramelor de stare a fișierelor include 16 pictograme care pot fi utilizate pentru aplicații web.
Danez Royalty Free.
Design: Jonas Rask.
Icoane set de icoane.
80 icoane frumoase în rezoluție 48 × 48px,. PNG.
Descărcați și partea1. 
Pe pictogramele de scenă setate.
Kitul conține 49 de pictograme vectoriale gratuite, inclusiv PSD, care poate fi utilă pentru proiectele corporative și personale. Puteți folosi kitul gratuit, fără restricții. Pictogramele sunt disponibile în format PNG în rezoluție 128 × 128 pixeli. De asemenea, au inclus icoane de format.PSD.
Acest kit conține 9 pictograme de browsere în 64 × 64, 32 și 32 × 16 × 16 pixeli. Include principalele browsere cum ar fi Mozilla Firefox., Internet Explorer., Opera, Google, Chrome multe altele.
Pictogramele lapte.
Kitul conține o pictogramă 131 în cel mai verde, care are o foarte plăcută aspect Pentru un fundal întunecat.
Mark James (Famfamfam) a creat un set mare de 1022-neted matasy color 16 × 16 pictograme în format PNG.
În cea de-a patra parte a "coquette" a adăugat încă 50 de icoane. Scopul principal al acestor icoane este de a adăuga dragoste și jocuri la proiectele dvs. Următoarele icoane de dimensiuni: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px și 128 × 128px și format de fișier PNG PNG de 32 de biți PNG.
În cea de-a 5-a părți ale "coquette" conțin 50 de pictograme de înaltă calitate. Dimensiuni: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px și 128 × 128px și format de fișier de transparență PNG de 32 de biți.
Icoane pentru comerțul electronic (comerțul electronic).
Plățile de la Chalkwork sunt disponibile în 3 dimensiuni și 6 formate: Transparent PNG, TIF, GIF, BMP, ICO Windows și ICN-uri Mac.
Icoanele sunt gratuite pentru uz personal, precum și pentru uz comercial, dar designerii necesită legături pe site. Arhiva conține pictogramele în toate dimensiunile, formatele Windows, Mac și PNG. Arhiva conține toate dimensiunile, icoanele Windows, Mac și PNG.
23 pictograma cardului de credit gratuit pentru descărcare gratuită.
Set de pictograme proaspete.
Acest set conține 59 de icoane raster și vectoriale. Kitul include pictograme în formate PNG, ICO și ICNS. În fișierul vectorial EPS disponibil și el.
Seturi utile de icoane.
Set de icoane de vector multimedia gratuite de diferite culori și stiluri.
Fortune 500 Badji.
Peste 200 de icoane de marcă celebre, incluse PSD.
Un set de 50 de caractere de pasageri și pietoni dezvoltate de AIGA este acum disponibil pe Internet gratuit. EPS I. Formatul GIF..
Icoane audio.
Un set mic de icoane de 48 × 48px: M-Box, pe tastatura M-Audio Axiom 25 MIDI și difuzoarele de monitor TAPCO S5. Aceste icoane sunt gratuite pentru uz personal. Sunt V.INS, .png.
Seturi sociale de icoane.
Social media mini ambalare icoane.
Acest set este alcătuit din 30 (16 × 16) de icoane de mini sociale de socializare fin dezvoltate. Ele pot fi utilizate în mod liber în scopuri necomerciale.
Icoane sociale sub formă de nori. Formatul.png.
Cum de a crea singur un site?
Ce tehnologii și cunoștințe sunt necesare astăzi pentru a crea site-uri? Aflați în intensiv!
Kitul conține 16 icoane sociale (transparente) PNG format.
Aceste pictograme conțin Facebook, Blinklist, Feedburner, Flickr, Frielfeed, Furl, Gmail, Google, Icon Heart, Ultimul FM, legat, Magnolia, Newsvine, Paypal, Skype, Sfinn, Twitter, Vimeo, Yahoo și icoane Tube. Toate pictogramele din patru dimensiuni: 16 × 16, 32 × 32, 64 și 64 × 12 × 128px. Și toți sunt liberi.
Fiecare pictogramă în format. JPG și vine în două dimensiuni: 48 × 48px și 96 × 96px. Fiecare pictogramă de întuneric pe un fundal alb.
YouTube, delicios, RSS, Twitter, Facebook, Flickr, Digg, Stumbleupon, Myspace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit și Gmail.
Pictograme mass-media sociale moarte Maestru fizida.
Simplu, pur și frumos. 16 × 16px icoane sociale mini.
28 icoane PNG (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16), ICO (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16) și ICNS ( 256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16).
Acest set include pictograme pentru blip.fm, Digg, Facebook, Firefox, Flickr, Meneame, MySpace, Technorati, Twitter, Vimeo, Wordpress, YouTube, Lastfm, RSS, Blogger, Gmail, Reddit și Stumbleupon. Pictogramele sunt disponibile în dimensiunea 24 × 24, 32 × 32, 48 și 48 × 64 × 64. Lansat sub licența Creative Commons.
Icoane sociale circulare.
Fișierul ZIP include 3 dimensiuni pe 17 icoane: 128 × 128px, 64 × 64px și 32 × 32px. Există o pictogramă pentru următoarele: Blogger, delicios, designfluit, Digg, Facebook, Flickr, Google, o pictogramă de inimă care va funcționa pentru orice (cum ar fi marcajul), MySpace, Reddit, o pictogramă RSS, Stumbleupon, Technorati, Twitter, WordPress, Yahoo! Design Eli Burford este Australia.
Seturi frumoase de icoane.
Stil mail.
Colecția de pictograme de sac a fost dezvoltată de Paul Kadysz. Acesta conține 5 icoane de înaltă calitate. De data aceasta avem 3 formate diferite (. ICO ,. ICN și. PNG) și 6 dimensiuni! 512Px-16px (cu excepția .png). 512Px-16px (cu excepția PNG). Așa arată setul.
350 de pictograme frumoase gratuite de pe desktop pot fi de asemenea utilizate online. Design Master David Lanham.
30 pictograme libere care sunt dimensiuni: 256 × 256, 128 × 128, 64 × 64, 48 × 48, 32 × 32, 24 × 24, 16 × 16 pixeli și formate PNG, ICO și ICNS.
Proiecte icoane pentru descărcare gratuită.
Kitul conține 18 icoane frumoase asociate managementului proiectului. Kit-ul include harta adresei, histograme, calendar, ore și timp, dispozitiv de conferință, contacte, documente, proiecte, căutare, harta site-ului etc. Absolut gratuit. Utilizați pentru orice scop.
Setul util de icoane vectoriale (256 × 256 pixeli). Conține cărți, perii, pastel, clip, creioane colorate, document, radieră, notepad, paletă, foarfece.
Designul adaptiv este un subiect popular. Ecranele au fost mult timp în afara permisiunilor standard, iar site-urile pot privi, de asemenea, dispozitivul cu dimensiunea palmei și monitoarelor mari. Site-ul ar trebui să arate la fel de bun indiferent de dimensiunea dispozitivului și densitatea pixelilor. Pentru adaptarea designului și a conținutului există numeroase tehnici și tehnologii diferite. Grafică vectorială, SVG, în opinia mea, unul dintre cele mai interesante subiecte din această direcție.
Grafica SVG este convenabilă pentru a fi utilizate pentru pictograme, în timp ce nu vor arăta săpun pe dispozitivele cu retină și pot fi întinse fără pierderi de calitate.
Aici, de exemplu, un SVG-sprite în 4 dimensiuni diferite, sursă - 32px:
SVG se confruntă perfect cu această sarcină și este bine adaptată pentru utilizarea în machete adaptive.
Pictogramele pentru design pot fi luate de la seturi finite sau desenate proprii.
Seturi de icoane finite
iconmelon.com.
Colectia mare de icoane pe diferite subiecte. Icoanele încărcate sunt invitate să introducă în HTML utilizând utilizarea.
icomoon.io.
Instrument frumos. Nu puteți alege doar și descărca icoane gata făcute, dar puteți descărca și dvs. proprii și le puteți obține sub formă de font și / sau sprite. Împreună cu sprite, se propune să încarce versiunea PNG.
flaticon.com.
Colecția mare, icoanele sunt împărțite convenabil în categorii. Pictogramele selectate pot fi descărcate în formate separate (fonturi, SVG, PNG) sau în toate o dată.
Deseneaza-te
Pentru a vă crea setul de icoane aveți nevoie de un editor vectorial:
- Adobe Illustrator - în opinia mea, cel mai bun. 599 RUB. / Luna ca parte a abonamentului Cloud Creative;
- Inkscape - gratuit și nu foarte confortabil;
- Sketch - pentru Mac OS, $ 79.99. Are unele probleme cu vectorizarea loviturilor, dar, în general, destul de confortabilă.
Pierdere în greutate
Fișierul final SVG conține, de obicei, o mulțime de inutile, dar este bine optimizată. Atributele, spațiile și transferurile inutile sunt eliminate din cod și numărul de caractere după ce punctul scade în număr. Greutatea fișierului scade cu 30-50%. Instrumente de optimizare:
grunt-svgmin. - Sarcina pentru Grunt folosind sVGO.. În același timp, fișierele în sine vor lua din dosarul sursă, vor optimiza și se îndreaptă în dosar cu rezultatele. Foarte confortabil.
Sprit sau iconsscript?
Fontul este o alternativă convenabilă la Sprite. Nu este nevoie să vă deranjeze cu o rețea și un aranjament de pictograme, este convenabil să adăugați personaje noi, deși acest lucru necesită instrumente suplimentare.
Cu ajutorul unui font, puteți face nu numai icoane fotonice, ci și multicolore.
Acest font se poate face, de exemplu, pe site-ul web icomoon.io/app/. Secvența aproximativă de acțiuni:
- Selectați pictogramele de la apelare și / sau descărcarea propriei dvs.
- Faceți clic pe butonul Font de mai jos.
- În acest pas, puteți reasna caractere pentru pictograme sau puteți descărca imediat fontul rezultat.
Împreună cu fontul din patru formate (.woff, .svg, .tf, .eot) este încărcat cu CSS și un fișier demo.
Fonturile încorporate funcționează chiar și în a 8-a, dar, în același timp, au probleme neașteptate cu sprijinul în unele browsere moderne. Opera Mini nu acceptă fonturi personalizate, Firefox necesită vrăji pentru un server în care se află fontul (rezolvat folosind Base64), Chrome poate descărca fontul dacă ați părăsit fila Deschideți:
de asemenea, în Chrome pe Windows7, pagina cu fonturi încorporate poate îngheța la deschidere, iar în alte browsere în loc de icoane poate exista orice:
Din articolul din sistemul de pictograme CHRIS CIR cu SVG Sprites. Am văzut cumva hieroglifele în același loc, dar acum există SVG, deci nu va funcționa ecranul. CSS-trucuri, apropo, utilizează foarte activ SVG în noul său design, iar dezvoltatorii de coduri din noul editor de design au abandonat utilizarea fonturilor de pictograme în favoarea SVG.
În ciuda confortului de utilizare, problemele de susținere a fonturilor acest moment Forțată să facă o alegere în favoarea icoanelor de pe SVG.
Vreau să sper că în viitor, fonturile încorporate vor fi mai bine susținute.
Cum există modalități de a introduce SVG pe pagină?
Sprite
.icon (imaginea de fundal: adresa URL (dvs..SVG);)Pro:
- codul cititor scurt;
- imaginea este cache;
Minusuri:
- solicitați serverului;
- În vechii operatori, fundalul SVG este susținut ciudat: pot apărea probleme la adăugarea unui cadru unui element cu un fundal SVG și numai fundalul funcționează în Opera Mini fără casetă de vizualizare;
- pictogramele în pulverizare nu sunt disponibile pentru stiluri de pagină;
- spritele mari pot provoca probleme de performanță.
BASE64 în DATA URI
.icon (imagine de fundal: URL (date: imagine / svg + xml; base64, phn2zyb4bwxucz0iahr0cdovl ...);)Pro:
- nici o cerere către server.
- suport bun Browsere: Totul, cu excepția operei de pe Presto și Vechi Ie.
Minusuri:
- imaginea nu este stocată în cache și de fiecare dată a fost făcută din nou;
- Șir lung. în CSS;
- nu poate fi citit: pe codul nu este clar că conține;
- imaginea codificată poate cântări mai multă sursă;
- pentru codificarea / decodificarea, sunt necesare instrumente suplimentare;
- icoanele nu sunt disponibile pentru stiluri de pagini.
Cauze de ce Flash Player nu funcționează și depanarea
Laptopul în sine se oprește, ce să facă?
HP Pavilion DV6: Caracteristici și recenzii
Reportarea reprezentării unui număr de puncte plutitoare Cum numerele negative sunt stocate în memoria computerului
Cartofi prăjiți și nu pornește ce să facă?
De ce nu funcționează mouse-ul pe un laptop sau mouse?
Cum să măriți sau să micșorați amploarea paginii (font) în colegii de clasă?