Пір'я іконки - красивий, мінімалістський і безкоштовні набір іконок

Якщо ви шукаєте в Інтернеті, ви знайдете тонни безкоштовних наборів іконок, створених спеціально для Інтернету. Вони є неймовірно корисно для всіх типів веб-сайтів тому що графіка завжди доопрацьовує макет.

Насправді важко знайти безкоштовні набори іконок, які відповідають вашому дизайну. Як правило, найкращим варіантом є мінімалістський набір іконок, як Feather.

Це новий набір повний іконок лінії з чистий дизайн. Іконки більше нагадують іконки інтерфейсу, але вони можуть працювати як значки функціонального типу на вашій домашній сторінці.

У будь-якому випадку вони всі з відкритим вихідним кодом і абсолютно безкоштовно використовувати на будь-якому сайті.

Вам не потрібно багато знань щодо кодування фронтендів, щоб отримати ці роботи. Так потрібно буде провести деякий час у коді, але ви не повинні боротися, щоб отримати цей запуск.

Якщо ви не використовували шрифти піктограм в Інтернеті, то Feather є прекрасним місцем для початку.

Ознайомтеся з їхнім новим керівництвом, якщо ви не впевнені, що робити. Це дозволить вам пройти все, щоб отримати свій сайт і працювати з цими іконками.

Вам потрібно викликати зовнішній JS-файл, що не дуже поширене серед інших наборів піктограм. Але якщо ви не хочете використовувати webfonts тоді просто завантажте вектори SVG і вставляйте їх.

Фактично, команда навіть створила невеликий шаблон CodePen, який можна скопіювати / вставити у свій код. Це ідеально підходить для вивчення основних кодів і перепроектування для вашого сайту, не починаючи з нуля.

Але якщо ви великі в кодуванні, ознайомтеся з невеликою посиланням API на їхній сторінці GitHub. Це дозволяє керувати стилями піктограм і змінювати векторні формати за допомогою декількох рядків JavaScript.

Майте на увазі це набір іконок може не відповідати кожному сайту. Важливо переглядати піктограми "Перо" та вирішувати самі, якщо ці мінімалістські конструкції можуть працювати для вас.

Загляньте на їхню домашню сторінку, щоб подивитися на всю їхню колекцію. Ви знайдете посилання на основну документацію на GitHub з усіма кроками, необхідними для виконання цього завдання.

І якщо у вас є які-небудь питання або пропозиції для автора, ви можете зняти в нього твіт @ colebemis.