Іконки, які ви знайдете на цих ресурсах, можна також використовувати, щоб проілюструвати інформацію в слайд-шоу, прикрасити візитні картки, меню, флаєри та інше.
Ми написали, що іконки на цих сайтах безкоштовні, але все ж звертайте увагу на умови скачування, так як вони можуть змінитися в будь-який момент.
Blugraphic - варіанти PSD, PNG і векторних іконок. Пошук обмежений тегами, але можна підписатися на розсилку і щотижня отримувати безкоштовну добірку по електронній пошті.
Icon Shock - це тисячі безкоштовних іконок для особистого використання. Щоб застосувати картинку в комерційному проекті, потрібно внести разовий платіж.
CSS Author пропонує щотижневі добірки кращих безкоштовних іконок в мережі.
Хочете свіжих іконок? На Creative Tail є набори, яких більше ніде не знайти.
All-Free-Download пропонує легкий пошук і прямі завантаження PSD, PNG і векторів.
Ego Icons пропонує більше 1500 преміальних іконок і 100 безкоштовних векторних значків. Відвідайте також дочірні сайти, клікнувши по кнопках верхньої навігаційної панелі.
На AlienValley представлений широкий асортимент іконок високої якості в обмін на вашу адресу електронної пошти.
Dreamstale забезпечить вас відмінними безкоштовними іконками преміум класу за умови вказівки авторства.
1001 Free Downloads спеціалізується на плоских іконках, представлених безліччю прекрасних і химерних варіантів.
На Pixeden можна шукати іконки в декількох розмірах. Тут широкий вибір від 16х16 до 512х512 в форматі PNG.
NounProject - це зручний пошук, легка завантаження і високу якість іконок. Посилання на автора обов'язкове. Членство з щомісячним внеском знімає обмеження на скачування.
Iconmonstr пропонує іконки в декількох розмірах без вказівки авторства.
Адаптивний дизайн - популярна тема. Екрани давно вийшли за межі стандартних дозволів, і сайти можуть дивитися і на аксесуарах розміром з долоню, і на великих моніторах. Сайт повинен однаково добре виглядати незалежно від розміру пристрою і щільності пікселів. Для адаптації дизайну і контенту існує багато різних методик і технологій. Векторна графіка, SVG, по-моєму, одна з найбільш цікавих тем в цьому напрямку.
SVG-графіку зручно використовувати для іконок, при цьому вони не будуть виглядати мильними на пристроях з ретиной і їх можна розтягувати без втрати якості.
SVG відмінно справляється з цим завданням і добре підійде для використання в адаптивних розкладках.
Іконки для дизайну можна взяти з готових наборів або намалювати свої.
Велика колекція ікон на різні теми. Завантажені іконки пропонується вставляти в HTML за допомогою use.
Найзручніший інструмент. Можна не тільки вибрати і завантажити готові іконки, але також можна завантажити свої і отримати їх у вигляді шрифту і / або спрайту. Разом зі спрайтом пропонується завантажити його PNG-версію.
Велика колекція, іконки зручно поділені на категорії. Вибрані іконки можна скачати в окремих форматах (шрифт, SVG, PNG) або у всіх відразу.
Готовий SVG-файл зазвичай містить багато зайвого, але при цьому добре піддається оптимізації. З коду видаляються непотрібні атрибути, прогалини і переноси, а в числах зменшується кількість знаків після точки. Вага файлу зменшується на 30-50%. Інструменти для оптимізації:
Шрифт - зручна альтернатива спрайту. Не треба морочитися сіткою і розташуванням іконок, зручно додавати нові символи, хоча для цього потрібні додаткові інструменти.
За допомогою шрифту можна робити не тільки однотонні іконки, але і різнокольорові.
Свій шрифт можна зробити, наприклад, на сайті icomoon.io/app/. Приблизна послідовність дій:
Разом зі шрифтом в чотирьох форматах (.woff, .svg, .ttf, .eot) завантажується CSS і демо-файл.
Вбудовувані шрифти працюють навіть в 8-м IE, але при цьому мають несподівані проблеми з підтримкою в деяких сучасних браузерах. Opera Mini взагалі не підтримує кастомниє шрифти, Firefox'у потрібні заклинання для сервера, де лежить шрифт (вирішується за допомогою base64), Chrome може вивантажити шрифт, якщо ви надовго залишили вкладку відкритою:
також в Chrome на Windows7 сторінка з вбудованими шрифтами може зависати при відкритті, а в деяких інших браузерах замість іконок може виявитися все що завгодно:
Незважаючи на зручність використання, проблеми підтримки шрифтів в даний момент змушують зробити вибір на користь іконок на SVG.
Хочеться сподіватися, щоб в майбутньому вбудовуються шрифти будуть краще підтримуватися.
.icon (background-image: url (data: image / svg + xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL ...);)
плюси:
немає запиту до сервера;
щодо читабельний код (можна прочитати або відредагувати);
не вимагає розкодування;
підтримується всіма сучасними браузерами, якщо закодувати SVG.
мінуси:
нЕ кешируєтся;
довга рядок в CSS;
іконки недоступні для стилів сторінки;
підтримується тільки браузерами на Webkit.
Use (перевикористання SVG-елементів)
плюси:
читабельний код;
картинкам можна додати title і desc;
символи доступні для стилів сторінки. Також можна задати іконка fill \u003d "currentColor", і вони будуть фарбуватися разом з текстом.
мінуси:
вставляється безпосередньо в HTML. Перед використанням елементи повинні бути оголошені у верхній частині сторінки в інлайновом SVG. Можливо, є більш витончений спосіб підключення бібліотеки елементів, мені не вдалося знайти.
шрифт .icon (content: "\\ 6c"; font-family: "icomoon";) плюси:
зручний код;
єдиний із способів підтримується в IE8 без фолбеков;
іконки доступні для стилів сторінки, і будуть фарбуватися разом з текстом.
мінуси:
якщо шрифт не завантажився (ще не завантажився, взагалі не завантажився або вже вивантажився), замість іконок будуть букви або символи юникода або нічого.
Живий приклад з підтримкою браузерами:
Приклад представлений як є, без спроб забезпечити сумісність з різними браузерами. Ви можете відкрити демо в сюжеті браузері і подивитися як в ньому підтримуються різні способи.
Відображення іконок в браузерах без підтримки SVG
В даний момент самий зручний і надійний спосіб вставки - у вигляді спрайту.
Для заміни картинок в IE8 і старше можна використовувати спосіб з множинними фонами:
Icon (background-image: url (your.png); / * PNG для IE6-8 * / background-image: url (your.svg), none;)
Для старих Опер можна використовувати такий селектор:
Doesnotexist: -o-prefocus, .icon (background-image: url (your.png);)
Таким чином можна домогтися, щоб іконки у користувачів з різними браузерами виглядали приблизно однаково.
З існуючих способів вставки іконок мені найбільше подобається шрифт. Він був би ідеальним, якби не проблеми з підтримкою. Use мені не подобається змішуванням розмітки і оформлення, хоча радує доступність для CSS і можливість додати title і desc. Є ще один дуже хороший, але погано підтримуваний спосіб, але це тема для окремого посту.
UPD: Велике дякую
Незважаючи на те, що зміни тенденцій дизайну користувальницького інтерфейсу, в цьому році не були настільки значущими, як ми спостерігали в попередні роки, саме, явно стали більш досконалими, більш спеціалізованими, повністю охопивши і змішавши всі кращі стилі від раніше популярних іконок.
Можливо, цей рік видався не особливо «врожайним» для дизайну іконок, але тим не менше, кілька цікавих наборів, які заслуговують на вашу увагу, все ж засвітилися на горизонті. У цьому огляді пропоную на розгляд 50 кращих (суто на мій погляд) безкоштовних колекцій ікон, що з'явилися у відкритому доступі протягом 2017 року. Всі набори абсолютно безкоштовні і доступні для скачування без яких би то не було обмежень. Під кожним зображенням є посилання на ресурси, перейшовши за якими, ви зможете детально ознайомитись з вподобаним набором іконок і при бажанні завантажити.
Контурні або лінійні іконки дуже популярні в світі веб-розробки, так як відрізняються особливою простотою форм і мінімалізмом, не жертвуючи при цьому інформативністю. До того ж, в більшості своїй, представлені піктограми можна використовувати не тільки для сайтів, вони також відмінно підходять для додатків на платформі Android і iOS.
По-справжньому величезна колекція якісних іконок на всі випадки життя. На сьогоднішній день представлено близько 60,000 іконок в будь-якому форматі, розмірі і кольорі. Бібліотека щодня оновлюється і поповнюється, від 3 до 20 іконок в день.
кількість: 60 000 +формати: SVG, AI, EPS, PNG, PDF, Fonts
Пакет включає в себе 1800 іконок на білому і чорному тлі в форматах: .sketch .psd .ai .svg .eps і .png .
Невеликий набір якісних лінійних іконок в форматі .ai
Безкоштовний пакет з 70 векторних іконок в форматах .sketch .ai
Векторні іконки в форматах Ai, EPS і SVG
Хороший набір з 90 безкоштовних контурних іконок, а так само представлені іконки із суцільною фонової заливкою, для Sketch і Illustrator.
Bytesize Відмінний набір безкоштовних іконок у форматі SVG . Кожен значок кодується вручну по сітці 32 x 32 і використовує штрих SVG, що забезпечує максимальну гнучкість стилю; це означає, що ви зможете налаштувати вагу, колір, розмір і, при необхідності, зробити краю іконок округлими або квадратними.
У наборі представлені 38 контурних іконок популярних інструментів редактора зображень, для вільного скачування доступні іконки в форматах AI, EPS, SVG і прозорого PNG (1024px).
Чудовий набір абсолютно безкоштовних, контурних іконок в форматах .png .pdf .svg .sketch .ai
Невеликий набір якісних міні-іконок. формати : AI, EPS, PNG, SVG Розміри : 16 x 16, 32 x 32
Іконки на чистому CSS В цьому розділі огляду представлені ресурси надають у вільний доступ пакети іконок розроблені на чистому CSS. Відмінна альтернатива використанню зображень в якості іконок. Для підключення таких бібліотек іконок досить одного файла.css, також в більшості своїй, дані ресурси надають можливість підключення наборів іконок безпосередньо зі своїх серверів, що досить зручно.
У комплекті 512 іконок, бібліотека регулярно поповнюється.
Невелика бібліотека іконок на чистому CSS.
Набори барвистих різнокольорових іконок Набір з 30 кольорових лінійних іконок в свіжих пастельних тонах. У комплект входять іконки у векторному форматі (SVG) і PNG різних розмірів.
120+ Безкоштовних барвистих іконок в форматі PSD
Колекція з 30 плоских изометрических іконок. Всі ікони, включені в набір, повністю редагуються і налаштовуються в Illustrator. У комплекті різні розміри PNG. формати : AI, EPS, PNG Розміри : 57px, 114px, 228px, 456px, 912px
Набір з 24 різнокольорових іконок з водної спортивною тематикою. Іконки поставляються в форматі SVG і розроблені з використанням легкої, річної колірної схеми і оптимальної масштабованості.
Набори іконок в матеріальному дизайні Такі іконки покликані стати стандартними для додатків, виконаних в уніфікованому стилі «матеріального» дизайну, який Google представила в версії Android 5.0. У той же час, вони однаково добре підходять і для Android-додатків, і для iOS, і для веб-додатків.
250 іконок в Sketch форматі
Це набір з 900 + іконок Google для додатка Sketch. Всі вони спочатку з бібліотеки Google, яка періодично оновлюється і поповнюється.
Іконки символів і піктограм Безкоштовні набори іконок різних символів і піктограм.
Universal Themes - Набір векторних іконок У комплект входить 100 векторних іконок, які розроблені з урахуванням сучасних вимог веб-дизайну, іконки представлені в форматі SVG, тому ви зможете редагувати, масштабувати і змінювати колір іконок до тих пір, поки не отримаєте потрібний вам результат.
Комплект з 90 симпатичних, багатоцільових іконок в форматах .sketch і .ai
Безкоштовний набір іконок в форматах PSD, AI, EPS, PDF, SVG, Sketch, Webfont
Добре пророблений безкоштовний набір з 70 базових іконок в двох варіантах, для світлого і темного фону. Файли AI і SKETCH в комплекті.
Безкоштовна бібліотека з 100 шрифт-іконок, також в архіві надані всі коди для демонстраційної сторінки, формати веб-шрифтів і.SVG-файли.
У набір призначеного для користувача інтерфейсу UI включені 100 векторних іконок, які розроблені з урахуванням особливостей призначених для користувача інтерфейсів, іконки в форматі SVG, контурні і кольорові версії. Ви можете вільно використовувати ці іконки в своїх особистих і комерційних проектах.
Набори графічних і веб-дизайнерських іконок Цей набір містить 33 повністю масштабованих векторних іконки в контурному стилі. Кожна іконка доступу в EPS, AI, PSD, PNG і SVG форматах.
25 іконок з категорії дизайн фігур Вражаючий набір красивих іконок ручної роботи, складається з 25-ти легко редагованих і готових до використання іконок, доступних абсолютно безкоштовно. Поставляється в двох колірних варіантах (mango & icicle) і всіх зручних форматах: AI, EPS, SVG і PNG.
Ви можете використовувати ці іконки для особистих і комерційних проектів. формати : AI, EPS, SVG, PNG Розміри : 16 x 16, 32 x 32
Набір іконок художніх інструментів Набір безкоштовних іконок містить векторні файли в форматах Illustrator AI і.SVG, а також в форматі PNG, доступні варіанти, як в колірному, так і в лінійному стилях, в 5-ти розмірах (32px, 64px, 128px, 256px і 512px)
Іконки представлені у всіх зручних для роботи форматах: EPS, AI, SVG і PNG.
Комплекти плоских іконок У цьому розділі представлені безкоштовні набори іконок на найрізноманітнішу тематику в кращих традиціях плоского стилю. Використання плоских іконок в дизайні дозволить зробити сайт або додаток стильним, сучасним і більш зрозумілим для користувача.
Blobs Безкоштовний набір з 1000+ іконок в яскравій кольоровій гамі, представлені в форматах (AI, PSD & SVG)
Flat Line - Набір іконок UX & eCommerce 83 іконки в плоскому стилі для призначеного для користувача інтерфейсу і електронної комерції
По-справжньому величезна бібліотека іконок в різних стилях для особистого та комерційного використання, в тому числі великий вибір іконок в плоскому дизайні. Безкоштовно доступні іконки в різних розмірах до 72px і в форматі PNG. Ви можете завантажити як весь пакет, так і кожну вподобану іконку по-окремо, попередньо обравши потрібний вам розмір
Набір іконок для оформлення робочого простору, представлений у вільний доступ в форматах AI & EPS.
У наборі представлено 70 різних іконок призначеного для користувача інтерфейсу, в форматах SVG і PNG.
Набори іконок для бізнесу та електронної комерції Набір з 36 безкоштовних іконок для банків і грошей, ці іконки з плоским стилем ідеально підходять для додатків або веб-сайтів, пов'язаних з банкової діяльністю. Іконки представлені в векторних формах (AI, PSD, EPS, PNG & SVG) і отже, легко редагуються і змінюються.
Набір виконаний в плоскому стилі, в комплекті 50 яскравих іконок, що охоплюють всі основні галузі електронної комерції, включаючи іконки стану кошика, іконки способів оплати, доставки, іконки торгових категорій і багато, багато іншого. Представлені іконки в двох форматах SVG і PNG, ви можете вільно використовувати їх в своїх особистих і комерційних проектах.
50 барвистих іконок в плоскому стилі по бізнес тематиці, представлені в форматах AI і SVG, тому їх можна нескінченно масштабувати, не втрачаючи при цьому якості зображення, ідеально підійдуть для адаптивних веб-дизайнів. Ви можете вільно використовувати їх в своїх особистих і комерційних проектах.
Безкоштовний набір з 40 векторних іконок по темі електронної комерції. Безкоштовна версія містить файли форматів Adobe Illustrator (.ai), PDF і Encapsulated PostScript (.eps).
Набори іконок на погодну тему Пакет іконок погодної тематики, що містить 30 чудово намальовані іконок в форматах .png і .sketch . Відмінно впишеться в дизайн додатків і веб-сайтів про погоду.
Великий пакет шрифт-іконок CSS з 222 іконками погоди, готовими до підключення в Bootstrap або будь-який інший проект, для якого потрібні високоякісні метеорологічні іконки. Набір регулярно оновлюється і поповнюється.
Звичайно, представлені в добірці ресурси, це лише мала частина всього різноманіття дизайнерських розробок представлених раніше і що з'явилися протягом цього року. Популярні і давно добре себе зарекомендували ресурси, в більшості своїй не потребують представлення, так що в даному огляді спробував виділити порівняно нові і якісні роботи. Сподіваюся кому-небудь стане в нагоді.
З повагою Андрій
Іван Іваничі
Щоб зробити групу «Вконтакте», сайт, презентацію або буклет трішки більш дружелюбним, не обов'язково наймати команду дизайнерів і порушувати авторські права. Іноді досить своїми силами розробити дизайн логотипу та фавікон, а в мережі знайти безкоштовний дизайнерський контент.
У статті ми зібрали:
49 спеціалізованих ресурсів: 31 - з іконками, 12 - зі шрифтами, 6 - з PSD-шаблонами.
20 величезних архівів, де можна відразу знайти всю необхідну графіку.
7 сервісів по створенню логотипів і фавікона.
Перш ніж використовувати дизайнерський контент, перевірте ліцензію. Дозволено комерційне використання - сміливо оновлюйте сайт. Якщо бачите перекреслений долар і напис Non-Commercial або NC, обмежтеся оформленням навчальних матеріалів і портфоліо. Або зверніться до правовласника за дозволом.
Більшість контенту в інтернеті поширюється за ліцензіями Creative Commons. Якщо необхідно поставити посилання на автора, додайте її в нижній колонтитул або на сторінку «Про нас».
31 сайт з безкоштовними іконками
Captain Icon
Маріо з Іспанії пропонує вам безкоштовно завантажити 350 векторних іконок. Тут немає певної тематики, але багато категорій: design, sports, social і ін.
Іконки доступні в EPS, PSD, PNG, SVG, SKETCH форматах. Окремо завантажувати не можна, все набори - в одному архіві.
Dryicons
Dryicons - сервіс, створений командою ентузіастів: дизайнерів і програмістів. Тут представлено понад 5 000 іконок в 77 сетах.
Умови безкоштовного використання: простановка зворотного посилання.
Ego Icons
Ego Icons створені на основі базових геометричних фігур: трикутників, шестикутників, ламаних ліній. Вони представлені на сайті в форматах SVG, PDF, AI, SKETCH, EPS і ICONJAR.
Безкоштовно можна використовувати тільки 100 іконок. Вільний доступ до всіма 3 600 піктограм варто 127 доларів.
Endless Icons
Мін Кім заснував Endless Icons, щоб ділитися креативом з дизайнерським співтовариством. У його бібліотеці - сотні безкоштовних чорно-білих іконок в PNG і SVG.
Ви можете використовувати Endless Icons і в особистих, і в комерційних цілях.
Entypo
На entypo.com - понад 400 преміум-іконок від Деніеля Брюса.
Контент поширюється по ліцензії Creative Commons, значить, необхідно вказати авторство. Колекцію Entypo можна використовувати для особистих і комерційних цілей.
Find Icons
Find Icons - каталог безкоштовних іконок для сайтів і презентацій. Іконки представлені в форматах PNG і ISO.
Частина ікон заборонена для комерційного використання. Відкрийте сторінку з вподобаним набором і уточніть ліцензію, перш ніж завантажувати файли.
Flaticon
Flaticon - величезне сховище іконок від творців Freepik.
Сайт пропонує понад 500 000 векторних іконок, об'єднаних в 9 700 наборів. Вони доступні для скачування в форматах PNG, SVG, EPS, PSD і BASE 64. Перш ніж завантажити іконку, ви можете поміняти колір і вибрати розмір.
Безкоштовне використання - тільки з зазначенням авторства. Підписка за 10 доларів в місяць дозволить використовувати 400 звичайних і 88 преміум-значків без зворотних посилань.
Glyphicons
Шукаєте мінімалістичні і монохромні іконки - подивіться на glyphicons.com, там їх понад 800. Завдяки веб-шрифту і формату SVG іконки можна використовувати при розробці сайтів, інфографіки, мобільних додатків під iOS і Android.
Якщо не хочете платити, доведеться зіткнутися з обмеженням. Безкоштовно - лише базовий набір гліфіконов, один формат і мінімальний розмір.
Good stuff no nonsense
Засновник проекту - Агата, дизайн-ілюстратор з Польщі. Розробка іконок - її хобі.
На goodstuffnononsence.com можна скачати 5 наборів безкоштовних іконок. Здається, що контенту мало, але він - найвищої якості. Автор оформляє іконки вручну, вони виглядають чудово.
Якщо вам сподобається стиль, можна натиснути "See All" і перейти до вибору платних сетів.
Icojam
Icojam.com належить команді дизайнерів, що створюють іконки більше 10 років. Частина наборів продають, частина - роздають безкоштовно.
Останнє повідомлення залишено майже рік тому, але, можливо, вас зацікавлять ранні записи. На Icojam опубліковані тисячі яскравих і барвистих іконок.
Icon Archive
На iconarchive.com представлено понад півмільйона безкоштовних іконок і майже 2 500 наборів. Так як бібліотека велика, користуйтеся фільтрами - шукайте потрібні іконки по стилю, категорії і розміром, типом ліцензії.
Iconfinder
Користувачам iconfinder.com відкритий доступ станом на 1 926 000 безкоштовних і преміум-іконок.
Тут великий вибір розмірів, форматів і тим.
Iconmonstr
У бібліотеці німецького дизайнера Alexander Kahlkopf зібрано понад 3 800 чорно-білих іконок. Вони добре оптимізовані для інтернету і доступні в форматах SVG, EPS, PSD і PNG.
Іконки призначені для комерційного використання. Вказувати автора не обов'язково.
Icons8
На icons8.com - майже 57 000 іконок, база поповнюється щодня. Інтерфейс дружній: зручно шукати іконки, ходити по категоріям, вибирати розміри і формати.
Безкоштовний тариф передбачає обмеження на розмір файлу (максимум - 100 пікселів), вибір формату (тільки PNG) і спосіб використання (посилання - обов'язкове). Хочете без обмежень - купуйте підписку від 20 доларів в місяць.
Фішка icons8 - мобільний додаток. Воно включає всю базу іконок, дозволяє їх фарбувати в будь-який колір і перетягувати в один клік в Photoshop.
Iconshok
Iconshock - це два мільйони іконок, 800 наборів і 30 стилів.
Завантажуйте іконки для особистого користування (наприклад, для оформлення резюме) і комерційних цілей (із зазначенням посилання) абсолютно безкоштовно. Інші ліміти free pack: розмір до 72 пікселів, відсутність вихідних файлів, заборона редагування. Щоб зняти всі обмеження, потрібно купити річну підписку за 79 доларів.
Mr.Icons
Mr.Icons - агрегатор, який шукає якісні іконки в інтернеті. У бібліотеці - понад 100 000 іконок.
Використовуйте фільтр license type, щоб відразу виділити іконки, дозволені для комерційного використання.
Noun Project
У колекції проекту понад мільйон іконок, нові з'являються щодня. Можна знайти картинки на будь-яку тему і швидко завантажити їх у форматі PNG і SVG.
Oxygenna
Oxygenna - невелике дизайнерське агентство, яке спеціалізується на темах Wordpress. Крім платного контенту, там є розділ freebies з безкоштовними наборами іконок.
Завантажуйте з oxygenna.com унікальні набори іконок в PNG, PSD і AI.
Round Icons
Команда Round Icons любить створювати креативні іконки: «жирні», ізометричні, круглі і інші. Всього на сайті їх - 30 500 штук, але доступ до всієї колекції коштує грошей. Якщо не готові платити, отримаєте на email безкоштовні набори.
Посилатися на roundicons.com необхідно в тому випадку, якщо ви використовуєте іконки для масового комерційного продукту (шаблону або теми).
Squid Ink
На «чорнилом Кальмара» - красиві векторні іконки. Безкоштовно ви отримуєте доступ до 50 файлів для необмеженого використання в особистих і комерційних проектах.
Весь набір від Squid Ink, що включає 2 000 іконок, продається за 65 доларів.
Tilda
Команда «Тільди» пропонує власникам Лендінзі в обмін на зворотну посилання понад 400 ікон по 27 бізнес-тем ( «освіта», «вебінар», «фотостудія» і ін.). Іконки дозволено використовувати в комерційних проектах.
Якщо ви не знайшли потрібний варіант, напишіть побажання в спеціальну форму. Вона знаходиться в нижній частині сторінки.
Ionicons
Ionicons - це близько 400 красивих чорно-білих дизайнерських іконок. Колекція призначена для використання в інтернеті, андроід- і iOS-додатках, десктопних програмах.
Можна завантажувати окремі іконки в форматі SVG або все відразу - архівом.
Контент поширюється по MIT, ліцензії відкритого програмного забезпечення. Тобто іконки можна вільно використовувати, в тому числі для комерційних цілей.
Feathericons
На feathericons.com - набір з 250+ простих і чорно-білих, але красивих опенсорс-іконок. Автор - Cole Bemis, дизайнер і фронтенд-розробник.
Іконки відсортовані за алфавітом, також є пошук за назвою. Сподобався контент можна скачати в 1 клік в форматі SVG.
Всі іконки можна використовувати вільно, однак якщо хочеться подякувати автора - у верхньому меню є кнопка «Donate».
Ikonate
Ikonate - не просто набір з 200+ іконок, це цілий конструктор іконок. Можна поміняти розмір, товщину ліній, стиль і колір - зробити дизайнерський контент, найбільш підходящий для вашого проекту.
Іконки експортуються в SVG, а потім їх можна використовувати абсолютно вільно.
Icofont
На icofont.com зібрано понад 2 000 чорно-білих іконок, розподілених по десяткам різних тем: медицина, їжа, редактура, навігація, бренди та ін. Можна завантажувати контент окремо або спочатку зібрати в колекцію.
Щоб не скролить сторінку в пошуку потрібної іконки, скористайтеся пошуком.
Іконки з icofont не прості, а шрифтові. Тому в архіві будуть не SVG-файли, а CSS і TTF. Детальна інструкція по установці на сайт і використання в графічних редакторах - в розділі «how to use».
Boxicons
Boxicons - це майже 800 векторних іконок: високоякісних і доброзичливих до Інтернету. Щоб полегшити завдання дизайнерам і блогерам, на сайті є сортування за категоріями. Всього їх більше двадцяти (code, social, editors, business, e-commerce і ін.).
Іконки можна безпосередньо вбудовувати на сайт, використовувати в якості шрифту або завантажувати в форматі SVG. Контент підходить для комерційних проектів, на це немає ніяких заборон.
Ikons
Ikons - це 300 безкоштовних масштабованих векторних іконок від Piotr Adam Kwiatkowski, продуктового дизайнера. Окремо вони не завантажуються, тільки архівом.
Набір призначений для дизайнерів і розробників.
Формати іконок: VG, AI, ESP, PSD, CSH і PNG. Весь контент доступний для особистого та комерційного використання.
IconBros
IconBros - 950+ іконок, об'єднаних в десятки колекцій (SEO & marketing, business, emoticons і ін.). Є пошук, але немає можливості скачати все архівом або хоча б одну колекцію цілком.
Іконки можна скачати в двох форматах: SVG і PNG. Ліцензія дозволяє використовувати продукт і в некомерційних, і в комерційних цілях. Однак не можна робити іконку частиною логотипу, торговельної або сервісної марки.
To icon
To icon - проект дизайнерського агентства з Амстердама. На сайті ви знайдете 20 колекцій з 4 000+ іконками. Є і чорно-білі, і кольорові.
Дизайнерський контент доступний для скачування в форматі SVG. Іконки безкоштовні і їх можна використовувати як завгодно, головне - поставити посилання на toicon.com.
Iconstore
Іконки доступні в SVG, дозволені і для особистого, і для комерційного використання. Атрибуція необов'язкова.
Jam Icons
У викачаному файлі контент буде представлений в трьох форматах: JavaScript, CSS / Font, SVG. На jam-icons.com є докладна інструкція, як працювати з кожним. Використовувати іконки можна як завгодно, ліцензія - MIT.
12 ресурсів з безкоштовними шрифтами
«Безкоштовні шрифти» (VK)
Користувачам «Вконтакте» зручніше буде шукати безкоштовні шрифти не залишаючи соцмережі. Підібрати потрібний шрифт в співтоваристві vk.com/shrift можна за хештегом. До кожного посту прикріплений файл у форматі OTF / TTF або архів з кількома файлами.
1001 Fonts
Бібліотека 1001 Fonts налічує понад 15 000 шрифтів. Шукайте потрібні шрифти за розміром, типом ліцензії і темі.
1001fonts.com дозволяє налаштувати кожен шрифт, як вам хочеться: міняйте колір, розмір і текст в пару кліків.
Abstract Fonts
В каталозі abstractfonts.com відповідні шрифти можна знайти за назвою, категорії і імені розробника.
У колекції Abstract Fonts - близько 13 000 безкоштовних шрифтів, доступних для скачування. Серед них 150 - кириличних.
Dafont
Шукаєте велику колекцію безкоштовних легальних шрифтів? На сайті dafont.com їх більше 30 000.
На головній сторінці проекту - проста і зрозуміла інструкція по установці шрифтів.
Font Fabric
Більшість шрифтів на сайті, крім "Baron" і "Muller Narrow", можна використовувати безкоштовно для особистих і комерційних проектів.
Всього на fontfabric.com представлено 125 шрифтів, 59 з яких підтримують кирилицю.
Font Squirrel
Font Squirrel - агрегатор шрифтів, дозволених для комерційного використання. Якщо бачите значок у вигляді земної кулі, значить, шрифт можна вбудувати на сайт через CSS.
Ще на fontsquirrel.com є корисний інструмент Matcherator. Завантажте туди будь-яку картинку з текстом і дізнайтеся назви шрифтів.
Font Storage
У колекції Font Storage - 650 шрифтів. Шрифти розподілені за такими категоріями: без зарубок, із зарубками, моноширинних, декоративні. Також кожному шрифту присвоєні теги (retro, gothic і ін.).
У сайту є російська версія, що зручно.
FontSpace
На fontspace.com розміщено більше 30 000 безкоштовних шрифтів. Є пошук по тегам і зручний перегляд. Якщо вам потрібно показати результати пошуку іншої людини, згенеруйте постійне посилання.
Щоб дізнатися тип ліцензії, досить навести курсор.
Google Fonts
Бібліотека шрифтів від Alphabet Inc. Цей популярний сервіс допоможе підібрати і завантажити шрифти на всі випадки життя.
Google Fonts відразу покаже, якщо шрифт підтримує кирилицю.
Befonts
Незважаючи на те, що шрифти безкоштовні, деякі дозволені тільки для особистого користування. Треба уважно читати опис перед тим, як завантажити.
SmartFonts
SmartFonts - не звичайний каталог, а цілий пошуковик. В каталозі - понад 56 000 різних шрифтів, з них 1380 - з підтримкою російської мови і дозволені для комерційного використання.
Дуже зручно шукати на smartfonts.com: можна вибрати категорію, нахил, ширину і т. Д. А при переході на сторінку конкретного шрифту, є можливість ввести свій текст і відразу побачити результат.
На ресурсі є шрифти з різними типами ліцензій. Просто відсортуйте по «commercial free» і не переживайте.
На pinspiry.com - в розділі «Free Fonts» - представлено майже 900 безкоштовних шрифтів, призначених для особистого і / або комерційного використання. Кириличних - близько 80.
В каталозі відразу не видно, яка ліцензія у шрифту. Щоб дізнатися це і завантажити архіви, потрібно переходити на окремі сторінки.
6 ресурсів з безкоштовними PSD-шаблонами
DesignLazy
DesignLazy - один з проектів Ishmam, мультидисциплінарного дизайнера. На сайті він разом зі своїми друзями публікує шаблони сайтів, мокап і UI-кити.
PsdBox (VK)
Є універсальні і тематичні шаблони (для інтернет-магазинів, туристичних паблік, новинних груп, авторських блогів і т.д.).
Mockup Download
На сайті mockupdownload.ru - сотні PSD-шаблонів в десятках категорій ( «Банери», «Візитні картки», «Комп'ютери», «Одяг» та ін.). Їх можна завантажити безкоштовно, без реєстрації та есемес.
Власники ресурсу знімають з себе відповідальність за порушення законів про авторське право, тому, перед тим як використовувати шаблони в комерційних цілях, вивчіть ліцензію. Відомості про ній представлені в окремому файлі кожного архіву.
PSD HTML CSS
На сайті psd-html-css.ru - уроки по верстці і HTML і безкоштовні PSD-файли. На сторінках проекту вже опубліковано 200 мокап, шаблонів сайтів і елементів призначеного для користувача інтерфейсу.
Тут складно знайти щось рідкісне: команда psd-html-css.ru бере роботи CSS Author, Pixeden та інших великих дизайнерських спільнот.
FreePSDFiles
Free PSD Files - це сотні безкоштовних файлів: фонів, веб-елементів, макетів сайтів.
Всі файли підходять для використання в особистих і комерційних цілях. Якщо використовуєте шаблони для оформлення інтернет-магазину або Лендінзі, необхідно поставити зворотне посилання на freepsdfiles.net.
365psd
На 365psd.com - понад 5 000 безкоштовних PSD-шаблонів: UI-кити, фони, карти та ін. Контент розподілений по 30 категоріям (abstract, education, technology і ін.).
На жаль, складно зрозуміти відразу, дозволений шаблон для комерційного використання чи ні. Додаткова інформація про ліцензії захована в самих архівах.
20 сайтів з найрізноманітнішою графікою
1 001 Free Downloads
Команда 1001FreeDownloads знаходить кращий контент для дизайнерів по всьому інтернету. Тут ви виявите тисячі безкоштовних векторних зображень, шпалер, кистей, градієнтів, шрифтів.
Є ліміт: з 1001freedownloads.com можна скачати більше 50 файлів в день.
Behance
Behance - мережева платформа, на якій люди творчих професій діляться своїми роботами. За запитом "free" на сайті дочірньої компанії Adobe можна знайти тисячі безкоштовних іконок, шрифтів, шаблонів і іншої графіки.
Дизайнери, ілюстратори, художники, фотографи та архітектори відвідують Behance, щоб знайти натхнення і продемонструвати свою майстерність.
Best PSD Freebies
Графічний дизайнер Michael Reimer вирішив допомогти колегам і заснував bestpsdfreebies.com. На сайті можна скачати кращий дизайнерський контент - теми, кнопки, стилі, іконки - абсолютно безкоштовно.
Проект Free Design Resources створений завдяки художникам і дизайнерам по всьому світу. Тут збирають і поширюють кращий дизайнерський контент: шаблони, мокап, шрифти і інше.
Команда Free Design Resources закликає допомагати один одному, так як це властиво людській природі.
Creative Tail
Creativetail.com - сайт дизайнерського співтовариства. Зображень мало, але вони цікаві і незвичайні.
На жаль, платний і безкоштовний контент представлений упереміш. Можна відфільтрувати список тільки за датою завантаження, кількості лайків і завантажень.
CSS Author
На CSS Author - добірки з безкоштовним контентом від Smashing Magazine, Graphics Fuel та інших ресурсів.
Нові добірки з іконками, UI-китами і PSD-макетами для верстки з'являються регулярно.
Designbeep
Designbeep публікує набори іконок, шрифти і мокап, знайдені на інших майданчиках (Freepik, Behance і ін.). Пошуку немає, всюди підстерігають рекламні банери.
Всього на designbeep.com понад 1 000 різних freebies-добірок.
Dreamstale
На dreamstale.com є корисні статті по веб-дизайну, уроки по Photoshop і контент преміум-якості. У розділі "Freebies" ви знайдете безкоштовні текстури, фони, іконки і шрифти.
Розділ оновлюється рідко, а шкода.
Freebiesbug
Freebiesbug - проект графічного дизайнера Pasquale Vitiello. На його сайті ви знайдете 300 наборів іконок, 400 безкоштовних шрифтів і 750 PSD-шаблонів.
Freepik
Freepik - величезна бібліотека з безкоштовним дизайнерським контентом. Умова використання - вказівка \u200b\u200bавторства. Файли доступні в форматах PNG, EPS, SVG.
З російською версією простіше шукати іконки, але переклад жахливий, як у Aliexpress.
Fribly
Fribly - цифровий журнал, в якому ви знайдете матеріали для натхнення і користі. Нові колекції з'являються рідко, зате вони повністю безкоштовні.
Fribly - агрегатор. Щоб завантажити конкретний набір, доведеться переходити на інші ресурси.
Graphic Burger
На graphicburger.com вас чекають ексклюзивні високоякісні файли в форматах PSD (мокап, набори іконок і елементів призначеного для користувача інтерфейсу) і JPG (текстури, фони).
Архіви невеликі, наприклад, іконок на сайті трохи більше 100 наборів. Весь контент дозволено використовувати в особистих і комерційних цілях.
Graphicsfuel
Рафі - художник, блогер, графічний дизайнер - з 2010 року ділиться корисним контентом для дизайнерів. Всього на graphicsfuel.com понад 25 мільйонів графічних елементів.
На порталі ви знайдете текстури, фони, іконки і багато іншого.
Pixeden
Команда спільноти Pixeden пропонує великий вибір графіки: іконки, теми WordPress, текстури і так далі. Використовуйте безкоштовний контент або купіть підписку за 6 доларів в місяць, щоб отримати доступ до преміум-наборам.
Іконки, фони і текстури позначені тегами, що полегшує навігацію по сайту.
Infogra
Сайт для практикуючих і початківців дизайнерів. Там ви знайдете рецензії на книги, уроки по дизайну, форум і безліч корисного матеріалу: шрифти, UI-кити, іконки.
Нові матеріали на infogra.ru виходять регулярно. Щоб не пропустити нічого, підпишіться на RSS-стрічку.
PixelBuddha
Команда PixelBuddha захоплена розробкою професійних і якісних продуктів для дизайнерського співтовариства. На сайті можна купити преміум-контент або завантажити безкоштовні іконки, UI-кити, фотографії, шрифти.
PNGTree
PNGTree - це 3 мільйони растрових і векторних зображень, 685 000 фонів, 96 000 іконок.
На безкоштовному тарифі можна завантажити максимум 3 картинки в день. Підписка на місяць, що знімає обмеження і відкриває доступ до преміум-контенту, коштує 9 доларів.
Dbfreebies
Dbfreebies.co - добірка кращого дизайнерського контенту (мокап, фонів, шаблонів, UI-китів і ін.) З двох великих ресурсів: Behance і Dribbble. Всього в каталозі 1 250 позицій.
Пошуку немає, можна тільки впорядкувати контент за свіжістю і популярності. Ще, на жаль, багато превью погано вантажаться, доводиться шукати майже наосліп.
Відомості про ліцензії можна дізнатися тільки після переходу на ресурс, на якому сам контент представлений безпосередньо.
7 сервісів для створення лого і фавікона
Logaster
Logaster - сервіс для створення логотипів і елементів фірмового стилю в форматах JPEG, PNG, PDF і SVG. Творці гарантують, що якості зображення вистачить навіть для широкоформатного друку.
Недолік: безкоштовно можна скачати тільки маленьке лого. Повний дизайн-пакет коштує 30 доларів. Крім фавікона і логотипу (в SVG, PDF, PNG, JPEG і ICO), в нього входять макети візитки, конверти і бланка (в PDF, PNG і DOCX).
Іконки PSD - незамінний елемент будь-якого дизайну UI, який не поступається за важливістю навіть шрифтів, однак на практиці рідко хто займається розробкою власних іконок для кожного веб-проекту. З іншого боку, на пошук відповідних за якістю і оформлення іконок також йде чимало часу, але сьогодні ми вирішили допомогти вам, і підготували добірку безкоштовних наборів іконок на всі випадки життя.
01. Icons8
Icons8 - набір з 20 тисяч плоских іконок в будь-яких форматах, розмірах і кольорі! Тут представлені такі категорії, як бізнес, одяг, їжа і багато інших. Icons8 можна скачати у вигляді додатку для Mac або у вигляді ZIP-архіву.
02. Freepik
Яскрава колекція векторних іконок від спеціалізованого ресурсу Freepik - лише одна з безлічі представлених. Вона ідеально підійде для ділових і незалежних проектів. Додатково скачати PSD іконки можна в форматах .AI, .EPS і .SVG.
03. Iconfinder
Цей набір, виконаний в чорно-білому кольорі, містить комбінацію чітких функціональних і емоційних векторних іконок. Крім стандартних іконок цей набір містить іконки у вигляді сердець і очей, що дозволить вам надати власним проектам емоційне забарвлення.
04. 195 flat flag PSD icons
Відмінний набір іконок PSD для сайту, який можна використовувати при розробці міжнародного сайту, інтернет-магазину або блогу про подорожі. У набір входить 195 безкоштовних іконок із закругленими кутами.
05. Metro UI Icon Set
Якщо ви фанат Windows 8, то вам варто познайомитися з цим безкоштовним набором іконок. Він включає в себе 700 добре оформлених іконок, які можна вільно застосовувати в проектах будь-якого типу.
06. Modern UI Icons
Ще один набір безкоштовних іконок, який можна використовувати при створенні користувальницького інтерфейсу програмного забезпечення для Windows або для Android / iOS. Завантаживши даний набір, ви отримуєте 1000 плоских, створених вручну, іконок, в тому числі навіть іконки для шторки додатків в Windows Phone.
07. 350 pixel perfect icons
Неймовірний набір з 350 ідеально чітких іконок для додатків або сайтів. При цьому їх можна змінювати в розмірі без втрати якості.
08. 80 mini icons
80 ідеально чітких мініатюрних ікон, які можна скачати як в PSD-форматі, так і у вигляді іконічного шрифту. Ці охайні і витончені соціальні іконки PSD ідеально підійдуть для проектів будь-якого типу.
09. Simple and practical web icon vector graphic
Безліч корисних іконок, які можна використовувати в особистих і комерційних проектах.
10. Free flat icons
Набір іконок, виконаних в плоскому стилі, серед яких можна виділити календар, електронну пошту, годинник, карти і багато іншого.
11. Mono icons
Набір, який включає в себе 108 унікальних монохромних іконок, виконаних в стилі мінімалізму. Всі вони доступні в форматі PNG при розмірі 32 на 32.
12. Metrize icons
Безкоштовна колекція в стилі Metro, які можна використовувати у власних додатках і веб-проектах. Іконки соціальних мереж PSD безкоштовні як для особистого, так і для комерційного використання. В архіві представлені не тільки формати PSD, SVG, ESP і AI, але також і веб-шрифти.
13. Tab Bar Icons iOS 7
Елегантний набір іконок, розроблених під натхненням від iOS 7, який ви можете використовувати в своїх додатках. Завантажити іконки можна в наступних форматах: PSD, AI і ESP.
14. Chunky Pika Icon Set
Іконки в стилі Pika, створені агентством Dutch Icon з Данії. Цей набір включає в себе 42 ідеально чітких іконки.
15. Iconic
Ще один набір простих, але привабливих іконок, які ідеально підійдуть для мінімалістичні дизайнів. Iconic є open source набір, який можна завантажити в PNG, SVG, SWC і інших форматах, що дозволить адаптувати їх під власні дизайни.
16. 44 Shades of Free Icons
Набір з 44 іконок. Він містить PSD іконки для форуму, що дозволить без праці відредагувати і адаптувати їх під власні проекти.
17. Token icon set
Token включає в себе 128 унікальних ікон, доступних в форматі ICO в розмірах 16 на 16 пікселів, 32 на 32 пікселів і 256 на 256 пікселів, а також в форматі PNG в розмірі 128 на 128 пікселів. Кожна ікона представлена \u200b\u200bв темному і світлому варіантах, і доповнена PSD-файлом.
18. Flat icons (PSD)
Строкаті іконки в плоскому стилі, які можна скачати в форматі PSD і відредагувати під власні потреби.
19. Free 32px icons set
Набір, в якому ви знайдете іконку PSD будь-якого призначення: Skype, Facebook, Twitter, RSS, чашка кави, "лайк" і багато іншого.
20. 48 flat designer icons
Якщо ви фанат мінімалізму, то цей набір точно вам сподобається. Він складається з 48 безкоштовних іконок, що відображають офісні завдання, соціальні аспекти, а також подорожі. Всі вони представлені в форматах AI і PNG, і їх можна масштабувати без втрати якості.
21. Plex icons set
Набір включає в себе понад 100 ікон, серед яких календарі, антивірус, годинник, електронна пошта, додатки Microsoft Office, соціальні мережі, а також багато іншого.
22. Vectory mini free
Набір з більш ніж 1000 іконок PSD, розроблених командою Icojam. Всі вони представлені також в форматі PNG. Вони ідеально підійдуть для використання при розробці нового сайту, так як їх можна безкоштовно використовувати як в особистих, так і комерційних проектах.
23. Eldorado mini free
Чергова колекція міні-іконок від Icojam, в якій представлено понад 1200 ікон в розмірі 40 на 40 пікселів.
Поява помилки під час запуску програм
Плагін friGate для Firefox
Як показати приховані папки і файли в Windows
Способи, як зробити екран на ноутбуці яскравіше або темніше
Як форматувати флешку, диск захищений від запису
Якщо установка Windows на даний диск неможлива
Під час установки Windows «Переконайтеся що контролер даного диска включений в меню bios комп'ютера