Contacts

Téléchargez des icônes prêtes. Ressources avec des polices libres

Les icônes que vous trouverez sur ces ressources peuvent également être utilisées pour illustrer des informations dans le diaporama, décorer cartes de visite, Menu, flyers et autres.

Nous avons écrit que les icônes de ces sites sont gratuites, mais nous prenons toujours attention aux conditions d'horlogerie, car elles peuvent changer à tout moment.

01. Smashing Magazine

22. PixelsMarket.

26. Blugraphic

Blugraphic - Options PSD, PNG et Icônes vectorielles. La recherche est limitée par des balises, mais vous pouvez vous abonner à la newsletter et à recevoir une sélection gratuite par courrier électronique.

27. choc d'icône.

L'icône choc est des milliers d'icônes gratuites pour un usage personnel. Pour appliquer une image dans un projet commercial, vous devez effectuer un paiement unique.

28. Auteur CSS

CSS Auteur propose des sélections hebdomadaires des meilleures icônes Web gratuites.

29. queue créative

Vous voulez des icônes fraîches? À la queue créative, il y a des ensembles qui ne sont plus trouvés nulle part.

30. Tout type de téléchargement gratuit

All-Free-télécharger offre une légère recherche et des téléchargements directs PSD, PNG et Vecteurs.

31. Icônes d'ego

EGO Icons propose plus de 1 500 icônes premium et 100 icônes vectorielles gratuites. Visitez également des filiales en cliquant sur les boutons du panneau de navigation supérieur.

32. Alienvalley

Sur Alienvalley, une large gamme d'icônes de haute qualité en échange de votre adresse e-mail.

33. Dreamstale

Dreamstale vous fournira d'excellentes icônes de prime gratuites soumises aux directions de la paternité.

34. Duckfiles.

35. 1001 Téléchargements gratuits

1001 téléchargements gratuits se spécialise dans des icônes plates représentées par de nombreuses options excellentes et bizarres.

36. Graphicsbay.

37. pixeden.

Sur Pixeden, vous pouvez rechercher des icônes dans plusieurs tailles. Voici une large sélection de 16x16 à 512x512 au format PNG.

38. Nounproject.

Nounproject est une recherche pratique, un chargement facile et haute qualité Icônes. La référence à l'auteur est obligatoire. L'adhésion à une contribution mensuelle soulage les restrictions de téléchargement.

39. iconmonstr.

Iconmons propose des icônes de plusieurs tailles sans indication de la paternité.

40. Fusionplate.

Icone PSD est un élément indispensable de toute interface utilisateur design, non inférieure à l'importance des polices, mais dans la pratique, il est rarement engagé dans le développement de propres icônes pour chaque projet Web. D'autre part, la recherche de la qualité et de la conception appropriées des icônes prend également beaucoup de temps, mais nous avons décidé aujourd'hui de vous aider et de préparer une sélection d'ensembles d'icônes gratuits pour toutes les occasions.

01. Icons8.

Icons8 - Un ensemble de 20 mille icônes plats dans tous les formats, tailles et couleur! Voici les catégories telles que les affaires, les vêtements, la nourriture et bien d'autres. Icons8 peut être téléchargé comme une application pour Mac ou sous la forme d'une archive ZIP.

02. Freepik.

Une collection lumineuse d'icônes vectorielles de la ressource spécialisée Freepik n'est qu'un des ensembles présentés. Il est idéal pour les projets d'affaires et indépendants. De plus, téléchargez des icônes PSD peut être dans les formats .ai, .eps et .svg.

03. iconfinder

Cet ensemble fabriqué en noir et blanc contient une combinaison d'icônes de vecteur fonctionnel et émotionnelles claires. Outre les icônes standard, cet ensemble contient des icônes sous forme de coeurs et de yeux, ce qui vous permettra de donner votre propre couleur émotionnelle de projets.

04. 195 Icônes de drapeau plat PSD

Excellente icône PSD définie pour un site pouvant être utilisé dans le développement d'un site international, de boutique en ligne ou de blog de voyage. L'ensemble comprend 195 icônes gratuites avec des coins arrondis.

05. Set d'icônes de métro UI

Si vous êtes un fan de Windows 8, vous devriez apprendre à connaître cet ensemble d'icônes gratuit. Il comprend 700 icônes bien décorées qui peuvent être librement utilisées dans des projets de tout type.

06. Icônes d'interface utilisateur moderne

Un autre ensemble d'icônes gratuites qui peuvent être utilisées lors de la création interface utilisateur logiciel Pour Windows ou pour Android / iOS. Téléchargé cet ensembleVous recevrez 1000 plats, créés manuellement, des icônes, y compris même des icônes pour les rideaux d'application dans Windows Phone.

07. 350 pixels Icônes parfaites

Un ensemble incroyable de 350 icônes parfaitement transparentes pour les applications ou les sites. Dans le même temps, ils peuvent être modifiés de taille sans perte de qualité.

08. 80 mini icônes

80 Icônes miniatures parfaitement claires qui peuvent télécharger à la fois au format PSD et à une police emblématique. Ces icônes Social PSD bien rangées et sophistiquées sont idéales pour les projets de tout type.

09. Graphique vectoriel simple et pratique

De nombreuses icônes utiles pouvant être utilisées dans des projets personnels et commerciaux.

10. Icônes plates gratuites

Un ensemble d'icônes faites dans un style plat, parmi lequel vous pouvez sélectionner un calendrier, un email, une horloge, des cartes et plus encore.

11. Icônes mono

Un ensemble comprenant 108 icônes monochromes uniques faites dans le style de minimalisme. Tous sont disponibles au format PNG d'une taille de 32 à 32.

12. Icônes de métrisation

Collection de style métropolitaine libre, qui peut être utilisée dans vos propres applications et projets Web. Les icônes de réseaux sociaux PSD sont gratuites pour une utilisation personnelle et commerciale. L'archive contient non seulement des formats PSD, SVG, ESP et AI, mais également des polices Web.

13. Icônes de barre d'onglets iOS 7

Un élégant ensemble d'icônes conçues sous l'inspiration de iOS 7, que vous pouvez utiliser dans vos propres applications. Vous pouvez télécharger des icônes dans les formats suivants: PSD, AI et ESP.

14. Jeu d'icônes de pika chunky

Icônes de style PIKA créées par l'agence des icônes néerlandais du Danemark. Ce kit comprend 42 icônes parfaitement transparentes.

15. emblématique

Un autre ensemble d'icônes simples mais attrayantes qui sont idéales pour des conceptions minimalistes. Iconic est un ensemble open source pouvant être téléchargé dans PNG, SVG, SWC et d'autres formats, ce qui vous permettra de les adapter à vos propres conceptions.

16. 44 nuances d'icônes gratuites

Ensemble de 44 icônes. Il contient des icônes PSD pour le forum, qui les éditera facilement et les adaptera facilement à leurs propres projets.

17. Ensemble d'icônes de jeton

Jeton comprend 128 icônes uniques disponibles dans le format ICO 16 à 16 pixels, 32 pixels et 256 pixels, ainsi que dans le format PNG dans la quantité de 128 pixels. Chaque icône est représentée dans des versions sombres et lumineuses et est complétée par un fichier PSD.

18. Icônes plats (PSD)

Icônes de motley de style plat qui peuvent être téléchargées dans le format PSD et modifier sous vos propres besoins.

19. Set d'icônes 32PX gratuitement

Un ensemble dans lequel vous trouverez l'icône PSD de n'importe quelle destination: Skype, Facebook, Twitter, RSS, une tasse de café, "comme" et bien plus encore.

20. 48 Icônes design plat

Si vous êtes un fan de minimalisme, ce jeu vous souhaitera exactement. Il se compose de 48 icônes gratuites reflétant des tâches de bureau, des aspects sociaux, ainsi que des voyages. Tous sont présentés dans des formats AI et PNG, et ils peuvent être mis à l'échelle sans perte de qualité.

21. Ensemble d'icônes de plex

Le kit comprend plus de 100 icônes, parmi lesquels des calendriers, antivirus, horloge, e-mail, applications Microsoft Bureau, réseaux sociaux, ainsi que beaucoup plus.

22. Mini vecteur libre

Un ensemble de plus de 1000 icônes PSD développées par la commande icojam. Tous sont également au format PNG. Ils sont idéaux pour la mise au point d'un nouveau site, car ils peuvent être utilisés gratuitement dans des projets personnels et commerciaux.

23. Eldorado Mini gratuit

La prochaine collection de mini-icônes d'Icojam, dans laquelle plus de 1200 icônes de 40 pixels sont présentées.

Bien que la modification des tendances de la conception de l'interface utilisateur, cette année n'était pas aussi significative que nous observions les années précédentes, il était clairement plus parfait, plus spécialisé, entièrement couvert et tout mélangeant les meilleurs styles des icônes précédemment populaires.

Cette année n'était peut-être pas extrêmement "rendement" pour des icônes de design, mais néanmoins, plusieurs ensembles intéressants qui méritent votre attention, toujours éclairé à l'horizon. Dans cet examen, je propose de prendre en compte les 50 meilleurs (purement à mon avis) de collections gratuites d'icônes apparues dans accès ouvert Pour 2017. Tous les ensembles sont absolument gratuits et disponibles au téléchargement sans restrictions. Sous chaque image, vous trouverez des liens vers des ressources en cliquant sur lesquels vous pourrez vous familiariser en détail avec votre jeu d'icônes préféré et si vous souhaitez télécharger.

Les icônes contour ou linéaires sont très populaires dans le monde du développement Web, car ils diffèrent de la simplicité particulière des formes et du minimalisme, sans sacrifier avec l'informaticité. De plus, pour la plupart, les pictogrammes présentés peuvent être utilisés non seulement pour les sites, ils sont également parfaits pour les applications sur la plate-forme Android et iOS.

Une magnifique collection d'icônes de haute qualité pour toutes les occasions. À ce jour, environ 60 000 icônes dans n'importe quel format, taille et couleur sont présentées. La bibliothèque est mise à jour quotidienne et réapprovisionnée de 3 à 20 icônes par jour.

Nombre: 60 000 +
Formats: SVG, AI, EPS, PNG, PDF, Polices

Le paquet comprend 1800 icônes sur fond blanc et noir de formats: .Sketch .psd .ai .svg .eps .eps et .png..

Un petit ensemble d'icônes linéaires de haute qualité au format .Ai

Paquet gratuit de 70 icônes vectorielles dans les formats .Sketch .ai.

Icônes de vecteur dans les formats AI, EPS. et Svg.

Un bon ensemble de 90 icônes de contour gratuits, ainsi que les icônes avec un fond de fond solide, pour croquis et illustrateur.

Bytesize.

Excellent ensemble d'icônes gratuites au format Svg.. Chaque icône est codée manuellement sur la grille 32 x 32 et utilise la barre SVG, qui assure une flexibilité maximale de style; Cela signifie que vous pouvez personnaliser le poids, la couleur, la taille et, si nécessaire, faites des icônes d'arêtes arrondies ou carrées.

L'ensemble présente 38 icônes de contour des outils populaires de l'éditeur d'images, des icônes de téléchargement gratuites sont disponibles dans les formats AI, EPS, SVG et PNG transparent (1024px).

Merveilleux ensemble d'icônes de contour absolument libres dans les formats .png .pdf .svg .sketch .ai

Un petit ensemble de mini-icônes de haute qualité.
Formats: AI, EPS, PNG, SVG
Dimensions: 16 x 16, 32 x 32

Icônes sur PURE CSS

Cette section de l'examen présente des ressources offrant des icônes de packages d'accès gratuits développées sur Pure CSS. Excellente alternative à l'utilisation d'images comme icônes. Pour connecter de telles bibliothèques des icônes, un fichier suffit. CSS, également pour la plupart, ces ressources permettent de connecter des ensembles d'icônes directement à partir de leurs serveurs, ce qui est tout à fait pratique.

Comprend 512 icônes, la bibliothèque est régulièrement reconstituée.

Petites icônes de la bibliothèque sur Pure CSS.

Ensembles d'icônes multicolores colorées

Ensemble d'icônes linéaires de 30 couleurs dans des couleurs pastel fraîches. Le kit comprend des icônes dans format de vecteur (SVG) et PNG de différentes tailles.

120+ icônes colorées libres en format PSD

Collection de 30 icônes isométriques plates. Toutes les icônes incluses dans l'ensemble sont entièrement modifiées et configurées dans Illustrator. Inclus différentes tailles Png.
Formats: AI, EPS, PNG
Dimensions: 57px, 114px, 228px, 456px, 912px

Ensemble de 24 icônes multicolores avec de l'eau thème sportif. Les icônes sont fournies au format SVG et sont conçues à l'aide d'une palette de couleurs de lumière, d'été et d'une évolutivité optimale.

Ensembles d'icônes dans la conception des matériaux

De telles icônes sont conçues pour devenir standard pour les applications effectuées dans le style unifié de la conception "matérielle", que Google présentée dans version Android 5.0. Dans le même temps, ils sont également bien adaptés aux applications Android et pour IOS, et pour les applications Web.



250 icônes dans le format de croquis

Ceci est un ensemble de plus de 900 icônes Google pour l'application d'esquisse. Tous initialement à partir de la bibliothèque Google, qui est périodiquement mis à jour et reconstitué.

Icônes de personnages et de pictogrammes

Ensembles gratuits d'icônes de différents personnages et pictogrammes.

Thèmes universels - Ensemble d'icônes de vecteur

Le kit comprend 100 icônes vectorielles conçues en tenant compte des exigences modernes de la conception Web, des icônes sont présentées au format SVG, de sorte que vous pouvez éditer, augmenter et modifier la couleur des icônes jusqu'à ce que vous obteniez le résultat dont vous avez besoin.

Ensemble de 90 icônes mignonnes et polyvalentes en formats .esquisser. et .Ai

Ensemble gratuit d'icônes dans PSD, AI, EPS, PDF, SVG, Sketch, Webfont

Un ensemble libre bien développé de 70 icônes de base en deux versions, pour un fond clair et sombre. Les fichiers AI et Sketch sont terminés.

La bibliothèque libre de 100 caractères de police, également dans l'archive fournissait tous les codes de la page de démonstration, les formats de polices Web de fichiers I.SVG.

Le kit d'interface utilisateur UI comprend 100 icônes vectorielles conçues pour répondre aux fonctionnalités des interfaces utilisateur, des icônes au format SVG, contour et versions de couleur. Vous pouvez utiliser librement ces icônes dans vos projets personnels et commerciaux.

Ensembles d'icônes de graphisme et de concepteur Web

Cet ensemble contient 33 icônes vectorielles complètement évolutives dans le style de contour. Chaque icône est disponible dans les formats EPS, AI, PSD, PNG et SVG.

25 icônes de la catégorie Figures de conception

Ensemble impressionnant belles icônes Fait à la main, se compose de 25 icônes facilement modifiables et prêtes à l'emploi disponibles absolument gratuite. Livré dans deux options de couleur (Mango & Icicle) et tous les formats pratiques: AI, EPS, SVG et PNG.

Vous pouvez utiliser ces icônes pour des projets personnels et commerciaux.
Formats: AI, EPS, SVG, PNG
Dimensions: 16 x 16, 32 x 32

Ensemble d'icônes d'instruments artistiques

Un ensemble d'icônes gratuites contient des fichiers vectoriels dans les formats d'illustrator AI I.SVG, ainsi que dans le format PNG, des options sont disponibles en couleurs et dans des styles linéaires, en 5 tailles (32px, 64px, 128px, 256px et 512px).

Les icônes sont présentées dans tous les formats pratiques: EPS, AI, SVG et PNG.

Ensembles d'icônes plats

Cette section présente des ensembles d'icônes gratuits aux thèmes les plus différents des meilleures traditions de style plat. L'utilisation d'icônes plats dans la conception vous permettra de créer un site Web ou une application élégante, moderne et plus compréhensible pour l'utilisateur.

Blobs.

Ensemble gratuit d'icônes de 1000+ dans des schémas de couleurs vives, présenté dans les formats (AI, PSD & SVG)

Ligne plate - Ensemble d'icônes UX & ECommerce

83 icônes de style plat pour l'interface utilisateur et le commerce électronique

Une véritable bibliothèque d'icônes dans différents styles pour une utilisation personnelle et commerciale, y compris gros choix Icônes dans design plat. Icônes gratuites disponibles dans differentes tailles jusqu'à 72px et au format PNG. Vous pouvez télécharger à la fois l'ensemble du package et chacun que vous aimez l'icône séparément, après avoir sélectionné la taille dont vous avez besoin.

L'ensemble d'icônes pour la conception de l'espace de travail est présenté dans un accès gratuit aux formats AI & EPS.

L'ensemble présente 70 icônes d'interface utilisateur différentes dans les formats SVG et PNG.

Ensembles d'icônes d'affaires et de commerce électronique

Un ensemble de 36 icônes gratuites pour les banques et l'argent, ces icônes de style plat sont idéales pour les applications ou les sites Web associés aux activités bancaires. Les icônes sont présentées dans des formulaires de vecteurs (AI, PSD, EPS, PNG & SVG) et sont donc facilement modifiés et modifiés.

L'ensemble est effectué dans un style plat, complet avec 50 icônes lumineuses couvrant tous les champs principaux du commerce électronique, y compris des icônes des icônes d'état du panier, des icônes de la méthode de paiement, des icônes de livraison et beaucoup plus encore. Les icônes de deux formats SVG et PNG sont présentés, vous pouvez les utiliser librement dans vos projets personnels et commerciaux.

50 icônes colorées dans des sujets d'entreprise à plat sont présentés dans des formats AI et SVG, afin qu'ils puissent être facilement mis à l'échelle, sans perdre la qualité de l'image, idéal pour les conceptions Web adaptatives. Vous pouvez les utiliser librement dans vos projets personnels et commerciaux.

Ensemble gratuit de 40 icônes vectorielles sur le commerce électronique. Version gratuite Contient Adobe Illustrator (.ai), PDF et des fichiers PostScript encapsulés (.eps).

Ensembles d'icônes sur le sujet météo

Paquet d'icônes de thèmes météo contenant 30 icônes remarquables en formats .png. et .esquisser.. Parfaitement adapté à la conception des applications et des sites météo.

Grands icônes de police Icône CSS avec 222 icônes météo prêtes à être connectées à Bootstrap ou à tout autre projet pour lequel des icônes météorologiques de haute qualité sont nécessaires. L'ensemble est mis à jour régulièrement et reconstitué.

Bien entendu, les ressources présentées dans la sélection, ce n'est qu'une petite partie de la variété de développements de conception auparavant et est apparue au cours de cette année. Ressources populaires et longues bien prouvées, la plupart d'entre elles n'ont pas besoin d'une vue, de sorte que cet avis J'ai essayé d'allouer un travail relativement nouveau et de haute qualité. J'espère que quelqu'un sera utile.

Avec tout respect, Andrew

Je suis convaincu que le magnifique ensemble d'icônes est toujours utile. Les icônes et les icônes, avec son utilisation appropriée, sont un outil très précieux pour le concepteur. Ils attirent notre attention ou font attention à n'importe quelle chose. De nombreux utilisateurs de sites, la fonctionnalité se souvient uniquement visuellement. Avec l'aide d'images.

Cette collection d'icônes a été libérée pour aider le concepteur. La collection est absolument gratuite. Veuillez lire le contrat de licence avant d'utiliser des icônes - la licence peut passer de temps à autre. Les icônes peuvent également être utiles pour les projets d'entreprise, les blogs, les magazines Internet, les journaux du journal, les applications Internet. N'hésitez pas à proposer vos séries d'icônes dans les commentaires à ce poste.

Icônes pour les applications Web.

Chalkwork HTML est un ensemble gratuit d'icônes Thématiques HTML. Ils sont parfaitement combinés à toute la famille d'icônes de craie de craie. Ces icônes vous pouvez installer absolument gratuitement à des fins personnelles et commerciales. Le kit est disponible en 3 tailles et 6 formats: PNG transparente, TIF, GIF, BMP, Windows ICO et Mac ICNS.

Comment créer un site vous-même?

Icônes Pointeur de la main.

Icônes gratuites, qui incluent 36 pointes à main, 6 différents types Avec 6 options de couleur. Il y a aussi un code source. Format APSD.

452 icônes librement disponibles à des fins privées et commerciales.

Équipement de base.

42 icônes de haute qualité en 64 × 64, 32 × 32 × 16 et 16 tailles. Mac OS, gagne et .png-formats. Mac OS, gagne et. Format PNG.

Ce paquet d'icônes gratuit est destiné à être utilisé dans des projets personnels et commerciaux et doit être utilisé sans mission. Le kit ne peut pas être redistribué. Le kit comprend 26 icônes élégantes développées par Midtone Design Studio. Chaque icône est.png 48 × 48px. Des icônes ont été créées par le concepteur Jonatan Castro Fernandez.

Définir les icônes d'état du fichier comprend 16 icônes pouvant être utilisées pour les applications Web.

Danoise libre de droits.

Design: Jonas Rask.

OneBit Set Icons.

80 belles icônes de la résolution 48 × 48px ,. Png.

Télécharger aussi Part1.

Sur les icônes de scène définies.

Le kit contient 49 icônes de vecteur libre, y compris le PSD, qui peut être utile pour les projets d'entreprise et personnels. Vous pouvez utiliser le kit gratuitement, sans restrictions. Les icônes sont disponibles au format PNG dans la résolution 128 × 128 pixels. Aussi inclus des icônes de format.psd.

Ce kit contient 9 icônes de navigateurs en 64 × 64, 32 et 32 \u200b\u200b× 16 x 16 pixels. Comprend les navigateurs principaux comme Mozilla Firefox., Internet Explorer., Opéra, Google, Chrome beaucoup d'autres.

Ensemble d'icônes laiteuses.

Le kit contient 131 icône dans la plupart des verts, qui a un très agréable apparence Pour un fond sombre.

Mark James (FamFamFam) a créé un grand ensemble de 1022 icônes de couleur soyeuse 16 × 16 en format PNG.

Dans la quatrième partie de la "coquette" ajouta 50 icônes. L'objectif principal de ces icônes est d'ajouter de l'amour et de l'espoir à vos projets. Les tailles suivantes Icônes: 16 × 16PX, 32 × 32PX, 48 × 48px, 64 × 64px et 128 × 128px et 32 \u200b\u200bbits Fichier PNG Format PNG.

Dans la 5ème partie de la "coquette" contient 50 icônes de haute qualité. Tailles: 16 × 16px, 32 × 32PX, 48 × 48px, 64 × 64px et 128 × 128px et 32 \u200b\u200bbits Format de fichier de transparence PNG.

Icônes pour le commerce électronique (e-commerce).

Les paiements de craie de craie sont disponibles en 3 tailles et 6 formats: PNG transparente, TIF, GIF, BMP, Windows ICO et Mac ICNS.

Les icônes sont gratuites pour un usage personnel, ainsi que gratuite à usage commercial, mais des concepteurs nécessitent des liens sur le site Web. L'archive contient les icônes dans toutes les formats de tailles, Windows, Mac et PNG. Les archives contiennent toutes les tailles, Windows, Mac et PNG formats icônes.

23 icône de carte de crédit gratuitement gratuitement.

Ensemble d'icônes fraîches.

Cet ensemble contient 59 icônes de raster et de vecteur. Le kit comprend des icônes dans les formats PNG, ICO et ICNS. Dans le fichier vectoriel EPS disponible également.

Ensembles d'icônes utiles.

Ensemble d'icônes vectorielles multimédias gratuites de différentes couleurs et styles.

Fortune 500 Badji.

Plus de 200 icônes de marque célèbres, PSD incluses.

Un ensemble de 50 caractères passagers et piétonniers développés par AIGA est maintenant disponible sur Internet gratuitement. EPS I. Format gif.

Icônes audio.

Un petit ensemble de 48 × 48px icônes: M-Box, sur M-Audio Axiom 25 Clavier MIDI et haut-parleurs de moniteur TAPCO S5. Ces icônes sont gratuites pour un usage personnel. Il y a v.ins, .png.

Ensembles sociaux d'icônes.

Médias sociaux Mini Icônes d'emballage.

Cet ensemble se compose de 30 (16 × 16) mini-icônes de médias sociaux finement développés. Ils peuvent être utilisés librement sous des fins non commerciales.

Icônes sociales sous forme de nuages. Format.png.

Comment créer un site vous-même?

Quelles technologies et quelles connaissances sont nécessaires aujourd'hui pour créer vous-même des sites vous-même? Découvrez dans l'intensité!

Le kit contient 16 icônes sociales (transparent) format PNG.

Ces icônes contiennent Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart Icône, Dernière FM, liée à, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo et You Icônes. Toutes les icônes en quatre tailles: 16 × 16, 32 × 32, 64 et 64 × 12 × 128px. Et ils sont tous gratuits.

Chaque icône au format. JPG et vient en deux tailles: 48 × 48px et 96 × 96px. Chaque icône d'obscurité sur fond blanc.

YouTube, délicieux, RSS, Twitter, Facebook, Flickr, Digg, StumbleUpon, Myspace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit et Gmail.

Icônes de médias sociaux simples de morts | Master Fidgeter.

Simple, pur et beau. 16 × 16px mini icônes sociales.

28 Icônes PNG (256 × 256, 128 × 128, 48 × 48, 16 × 32, 16 × 16), ICO (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16) et ICNS ( 256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16).

Cet ensemble comprend des icônes pour Blip.fm, Digg, Facebook, Firefox, Flickr, Meneame, Myspace, Technorati, Twitter, Vimeo, WordPress, YouTube, Lastfm, RSS, Blogger, Gmail, Reddit et StumbleUpon. Les icônes sont disponibles en taille 24 × 24, 32 × 32, 48 et 48 × 64 × 64. publiées sous la licence Creative Commons.

Icônes sociales circulaires.

Le fichier zip comprend 3 tailles sur 17 icônes: 128 × 128px, 64 × 64px et 32 \u200b\u200b× 32px. Il y a une icône pour les éléments suivants: Blogger, Délicieux, Designfloat, Digg, Facebook, Flickr, Google, une icône de coeur qui fonctionnera pour n'importe quoi (comme marque-page), Myspace, Reddit, une icône RSS, StumbleUpon, Technorati, Twitter, WordPress, Yahoo! Design Eli Burford est l'Australie.

Beaux séries d'icônes.

Style de courrier.

La collection d'icônes de sac a été développée par Paul Kadysz. Il contient 5 icônes de haute qualité. Cette fois, nous avons 3 formats différents (. ICO,. ICNS et. PNG) et 6 tailles! 512PX-16PX (sauf .png). 512PX-16PX (sauf. PNG). C'est comme ça que l'ensemble semble.

350 Les belles icônes gratuites sur le bureau peuvent également être utilisées en ligne. Design Master David Lanham.

30 Icônes gratuites de la taille: 256 × 256, 128 × 128, 64 × 64, 48 × 48, 32 × 32, 24 × 24, 16 × 16 pixels et PNG, des formats ICO et ICNS.

Projets icônes pour le téléchargement gratuit.

Le kit contient 18 belles icônes associées à la gestion de projet. Le kit comprend des icônes de carte d'adresse, histogrammes, calendrier, heure et heure, périphérique de conférence, contacts, documents, projets, recherche, plan de site, etc. Complétement gratuit. Utiliser à n'importe quel but.

Ensemble utile d'icônes de vecteur (256 × 256 pixels). Il contient des livres, des brosses, des pastel, un clip, des crayons de couleur, un document, une gomme, une palette, des ciseaux.

La conception adaptative est un sujet populaire. Les écrans sont depuis longtemps en dehors des autorisations standard et les sites peuvent également regarder l'appareil avec la taille de la paume et de grands moniteurs. Le site doit être aussi bon, quelle que soit la taille de l'appareil et la densité des pixels. Pour l'adaptation de la conception et du contenu, il existe de nombreuses techniques et technologies différentes. Graphiques vectoriels, SVG, à mon avis, l'un des sujets les plus intéressants de cette direction.

Les graphiques SVG sont pratiques à utiliser pour les icônes, tandis qu'ils n'apparaissent pas de savon sur des appareils avec la rétine et peuvent être étirés sans perte de qualité.

Ici, par exemple, un svg-sprite en 4 tailles différentes, source - 32px:

SVG s'oppose parfaitement à cette tâche et convient parfaitement à une utilisation dans des aménagements adaptatifs.

Les icônes pour la conception peuvent être extraites des ensembles finis ou tirent le vôtre.

Ensembles d'icônes finies

iconmelon.com.

Grande collection d'icônes sur différents sujets. Les icônes téléchargées sont invitées à insérer dans HTML à l'aide de l'utilisation.

icomoon.io.

Bel outil. Vous pouvez non seulement choisir et télécharger des icônes prêtes à l'emploi, mais vous pouvez également télécharger votre propre et les obtenir sous la forme d'une police et / ou d'un sprite. Avec le sprite, il est proposé de télécharger sa version PNG.

flatia.com.

Grande collection, les icônes sont commodément divisées en catégories. Les icônes sélectionnées peuvent être téléchargées dans des formats séparés (Police, SVG, PNG) ou tout en une fois.

Dessine toi

Pour créer votre ensemble d'icônes, vous avez besoin d'un éditeur de vecteur:

  • Adobe Illustrator - À mon avis, le meilleur. 599 frotter. / Mois dans le cadre de l'abonnement Creative Cloud;
  • Inkscape - gratuit et pas très confortable;
  • Sketch - pour Mac OS, 79,99 $. Il a quelques problèmes avec la vectorisation des traits, mais généralement assez confortable.

Perte de poids

Le fichier SVG fini contient généralement beaucoup de superflu, mais il est bien optimisé. Les attributs inutiles, les espaces et les transferts sont supprimés du code et le nombre de caractères après la diminution du point de nombre. Le poids du fichier diminue de 30 à 50%. Outils d'optimisation:

grunt-svgmin. - Tâche pour grognement en utilisant sVGO.. Dans le même temps, les fichiers eux-mêmes prendront du dossier source, optimiseront et plieront dans le dossier avec les résultats. Très confortablement.

Sprit ou Iconscript?

La police est une alternative pratique au sprite. Pas besoin de vous embêter avec une grille et une disposition d'icônes, il est pratique d'ajouter de nouveaux personnages, bien que cela nécessite. outils supplémentaires.

Avec l'aide d'une police, vous pouvez faire non seulement des icônes d'un photon, mais également multicolore.

Cette police peut être effectuée, par exemple, sur le site de l'ICOMOON.IO/App/. Séquence approximative des actions:

  1. Sélectionnez des icônes à composer et / ou télécharger le vôtre.
  2. Cliquez sur le bouton de police ci-dessous.
  3. À cette étape, vous pouvez réaffecter des caractères pour des icônes ou télécharger immédiatement la police résultante.

Avec la police dans quatre formats (.woff, .svg, .ttf, .eot) est chargé de CSS et d'un fichier de démonstration.

Les polices embarquées fonctionnent même dans la 8ème place, mais il y a en même temps des problèmes inattendus avec un soutien dans certains navigateurs modernes. Opera Mini ne prend pas en charge les polices personnalisées, Firefox nécessite des sorts pour un serveur où la police est menée (résolue à l'aide de base64), chrome peut décharger la police si vous avez quitté l'onglet Ouvrir:

Également en chrome sur Windows7, la page de polices embarquées peut geler lors de l'ouverture et dans certains autres navigateurs au lieu des icônes, il peut y avoir n'importe quoi:

De l'article du système d'icônes Chris COIR avec SVG Sprit. J'en ai vu les hiéroglyphes au même endroit, mais maintenant il y a SVG, donc cela ne fonctionnera pas à l'écran. CSS-astuces, à la manière, utilise très activement SVG dans sa nouvelle conception, et les développeurs de CodePen dans le nouvel éditeur de conception ont abandonné l'utilisation de polices d'icônes en faveur de SVG.

Malgré la commodité d'utilisation, les problèmes de soutien des polices dans ce moment Forcé de faire un choix en faveur d'icônes sur SVG.

Je tiens à espérer que dans le futur, les polices embarquées seront mieux supportées.

Comment y a-t-il des moyens d'insérer SVG par page?

Lutin

.icon (image-fond-image: URL (votre.svg);)

Avantages:

  • code lisible court;
  • la photo est mise en cache;

Minus:

  • demande de serveur;
  • dans les anciens opérateurs, l'arrière-plan SVG est supporté étrange: des problèmes peuvent survenir lors de l'ajout d'un cadre à un élément avec un arrière-plan SVG, et seuls les arrière-plans fonctionnent dans Opera Mini sans la fenêtre;
  • les icônes de pulvérisation ne sont pas disponibles pour les styles de page;
  • les grandes sprites peuvent causer des problèmes de performance.

Base64 dans les données de données

.icon (fond-image: URL (données: image / svg + xml; base64, phn2zyb4bwxucz0iahr0cdovl ...);););

Avantages:

  • aucune demande au serveur.
  • bon soutien Navigateurs: tout sauf l'opéra sur Presto et Vieux IE.

Minus:

  • l'image n'est pas mise en cache et chaque fois rendu à nouveau;
  • longue chaîne en CSS;
  • pas lisible: sur le code, il n'est pas clair qu'il contient;
  • l'image codée peut peser plus de source;
  • pour le codage / décodé, des outils supplémentaires sont nécessaires;
  • les icônes ne sont pas disponibles pour les styles de page.

Svg dans les données URI

.icon (image-fond: URL ("Données: image / svg + xml; utf8, Avantages:

  • aucune demande au serveur;
  • code relativement lisible (vous pouvez lire ou éditer);
  • ne nécessite pas de décodage;
  • pris en charge de tous les navigateurs modernes si vous encodez SVG.

Minus:

  • pas mis en cache;
  • longue ligne dans CSS;
  • les icônes ne sont pas disponibles pour les styles de page;
  • pris en charge uniquement par navigateur sur webkit.

Utilisation (présentation des éléments SVG)

Avantages:

  • code lisible;
  • vous pouvez ajouter des images de titre et de descendance;
  • les symboles sont disponibles pour les styles de page. Vous pouvez également définir les icônes de remplissage \u003d "CouranteColor" et ils peignent avec le texte.

Minus:

  • inséré directement sur HTML. Avant utilisation, les éléments doivent être annoncés en haut de la page dans le SVG en ligne. Peut-être qu'il y a un moyen plus élégant de connecter la bibliothèque des éléments, je n'ai pas pu trouver.

Police de caractère

.icon (contenu: "\\ 6c"; Font-face: "Icomoon";)

Avantages:

  • code pratique;
  • la seule méthode est prise en charge dans IE8 sans folbeks;
  • des icônes sont disponibles pour les styles de page et seront peints avec le texte.

Minus:

  • si la police ne démarre pas (pas encore chargée, elle ne démarre pas ou n'est pas déjà chargée), au lieu des icônes, il y aura des lettres ou des symboles de Unicode ou rien.

Exemple en direct avec prise en charge du navigateur:

Un exemple est présenté tel qu'il est, sans tentative d'assurer la compatibilité avec différents navigateurs. Vous pouvez ouvrir une démo dans le navigateur qui vous intéresse et voyez comment différentes manières sont prises en charge.

Afficher les icônes dans les navigateurs sans support SVG

Pour le moment, l'insert de manière la plus pratique et la plus fiable est sous forme de sprite.

Pour remplacer les images dans IE8 et plus anciennes, vous pouvez utiliser une méthode avec plusieurs arrière-plans:

Icône (mail.png); / * png pour iE6-8 * / arrière-plan-image: URL (votre.svg), aucune;)

Pour les anciens opéras, vous pouvez utiliser ce sélecteur:

Notexist: -O-Prefocus, .icon (image-fond-image: URL (votre.png);)

Ainsi, on peut atteindre que les icônes des utilisateurs avec différents navigateurs ressemblent à peu près à environ.

Des moyens existants d'insérer les icônes, j'aime la plupart de la police. Il serait parfait si ce n'était pas pour le soutien avec le soutien. Utilisez-moi, je n'aime pas mélanger le balisage et la décoration, bien qu'il veuille la disponibilité pour CSS et la possibilité d'ajouter le titre et la descente. Il existe une autre très bonne chose, mais mal soutenue, mais c'est un sujet pour un poste séparé.

UPD: Merci beaucoup



Avez-vous aimé l'article? Partagez-le