Перейти к основному содержимому
Getly

Меню команд

Перейти на страницу или искать в каталоге

Наборы SVG-иконок: размеры, форматы и лицензия

Что проверить перед покупкой или продажей набора SVG-иконок: сетка, обводка или заливка, форматы файлов и условия лицензии. С замерами каталога Getly.

6 мин. чтения
1 006 слов
Наборы SVG-иконок: размеры, форматы и лицензия

Набор иконок снаружи выглядит просто: сетка маленьких картинок. Вопросы, от которых зависит его польза, в превью не видны. Останутся ли иконки чёткими при 16 пикселях? Можно ли поменять их цвет в коде? Разрешено ли использовать их в клиентском проекте или в приложении, которое вы продаёте? Этот материал сначала отвечает на эти вопросы, для покупателей и для продавцов, а потом показывает, что о них на самом деле пишут листинги иконок на Getly.

26 сентября 2026 года мы замерили все активные листинги на полках Icons & Icon Sets и 3D Icons, а также все активные листинги, в названии которых есть «icon» или «icons». Это 39 активных листингов. Полка небольшая, и поэтому хорошо видно, где листинги оставляют покупателя гадать.

Размеры: сетка важнее числа пикселей

У SVG нет фиксированного разрешения, поэтому «размер» набора иконок означает сетку, на которой они нарисованы. Большинство интерфейсных иконок рисуют на сетке 24x24, многие наборы дают ещё 16, 20 или 32. Сетка определяет, как иконка выглядит ровно в этом размере: линии, попадающие на целые пиксели, остаются чёткими, а линии между пикселями размываются.

Что искать или, если вы продаёте, что указать:

  • Сетку, например «нарисовано на сетке 24 px с отступом 2 px».
  • Толщину обводки для контурных иконок, например 1,5 или 2 px, и одинакова ли она во всём наборе.
  • Наименьший проверенный размер. Иконка, которая хороша при 48 px, при 16 px может превратиться в пятно.

На Getly размер в пикселях где-либо в описании указывают 12,8% листингов с иконками. В остальных случаях покупателю, которому нужны иконки на 16 px, придётся купить и проверить самому.

Форматы: что должно быть в архиве

Полезный набор иконок обычно содержит несколько форматов, потому что используется в нескольких местах:

ФорматГде используетсяЧто проверить
SVGСайты, приложения, дизайн-программыАккуратный viewBox, без встроенных растровых картинок, цвет через currentColor или легко меняется
PNGСлайды, документы, быстрые макетыМинимум два размера (например 1x и 2x), прозрачный фон
Файл Figma или SketchДизайн-командыИконки оформлены компонентами и названы единообразно
AI или EPSПечать и иллюстрацияРедактируемые контуры, а не сплющенные картинки
Иконочный шрифтСтарые веб-проектыПриложен CSS и список имён

Вот что полка Getly отдаёт на верхнем уровне загрузки (содержимое архивов в этом замере не видно):

  • 56,4% листингов с иконками отдают только растровые файлы (PNG, JPG или GIF), без векторного файла и без архива, в котором он мог бы лежать.
  • 38,5% отдают векторный файл (SVG, AI, EPS, PDF, CDR, DXF) или архив.
  • Отдельный файл .svg на верхнем уровне отдаёт только один листинг.
  • SVG хоть где-то в названии или описании упоминают 17,9%.

Для сравнения: на полке SVG cut files, где формат и есть смысл товара, 72,7% листингов отдают файл .svg напрямую. Продавцы иконок могут сделать так же: положить папку SVG в архив и сказать об этом в первой строке описания.

Обводка или заливка, и почему это важно в коде

Две иконки могут выглядеть одинаково в превью и вести себя по-разному в проекте. Контурные иконки, нарисованные обводкой, меняют толщину линии одной настройкой, но их обводка масштабируется вместе с иконкой, если это специально не отключено. Иконки, переведённые в залитые фигуры («обводка в контуры»), масштабируются предсказуемо, но тоньше их потом не сделать. Ни один вариант не ошибка. Покупателю нужно знать, какой он получает, и строка в описании («обводка редактируемая» или «вся обводка переведена в контуры») отвечает на это.

Вторая деталь уровня кода: цвет. SVG, у которого заливка или обводка задана как currentColor, берёт цвет окружающего текста и сам следует за тёмной темой или состоянием наведения, без правки файла. Жёстко заданные цвета тоже работают, но тогда под каждую тему придётся править каждый файл.

Условия лицензии: то, что большинство листингов пропускает

Иконки почти всегда используются внутри чего-то другого: сайта, приложения, бренда клиента, продукта, который сам продаётся. Поэтому для иконок лицензия важнее, чем для многих других загрузок. Условия, которые действительно решают, может ли покупатель использовать набор:

  1. Личное или коммерческое использование. Можно ли показывать иконки в продукте или на сайте, который приносит деньги?
  2. Работа для клиентов. Может ли фрилансер использовать их в проекте, который сдаёт клиенту? На Getly это покрывает тип лицензии «extended».
  3. Перепродажа. Почти любая лицензия на иконки запрещает продавать иконки как иконки, например в составе другого набора или шаблона, откуда их можно извлечь. Скажите это прямо.
  4. Указание автора. Нужна ли ссылка на автора? Если нет, напишите «указание автора не требуется».
  5. Приложения и шаблоны на продажу. Можно ли встроить иконки в приложение или тему, которые покупатель продаёт? Многие наборы это разрешают, если иконки не главная ценность продукта.

У каждого листинга на Getly есть поле лицензии с пятью вариантами: только личное использование, коммерческое использование разрешено, extended (коммерческое плюс работа для клиентов), общественное достояние (CC0) или собственные условия, описанные в листинге. Оно показывается рядом с кнопкой покупки. На полке иконок это поле пустое у 84,6% листингов, против 47,3% по всем активным листингам. Условия лицензии в описании вместо этого упоминают только 17,9% листингов с иконками. То есть на большинстве таких листингов вопрос, который профессиональный покупатель задаёт первым, остаётся без ответа.

Цена: сколько просит полка

Медианная платная цена на полке иконок составляет $8,00. Средняя половина листингов лежит примерно между $3,00 и $8,00, а весь диапазон идёт от $0,80 до $29,00. Бесплатных среди активных листингов с иконками нет.

Такой узкий коридор говорит о том, что покупателю почти не дают причин платить больше. Набор, который прямо называет сетку, отдаёт SVG и PNG и письменно разрешает коммерческое использование, это другой продукт, чем лист PNG без условий, даже если превью похожи. Он может стоить выше коридора, потому что отвечает на вопросы, которые дешёвые листинги оставляют открытыми.

Чек-лист перед публикацией или покупкой

  • Указаны сетка и толщина обводки.
  • SVG в комплекте, с аккуратными viewBox и currentColor там, где цвет должен следовать за текстом.
  • PNG есть минимум в двух размерах, с прозрачным фоном.
  • Указано число иконок, и превью показывает все, а не подборку.
  • Поле лицензии заполнено, а в описании сказано, разрешены ли работа для клиентов, приложения на продажу и перепродажа.
  • Имена файлов читаемые: «arrow-left.svg», а не «Group 41.svg».

Продавцам пригодится подробное руководство по этой полке, как продавать наборы иконок, а текущие листинги лежат на полке Icons & Icon Sets. Размещение бесплатное, с каждой продажи вам по умолчанию остаётся 80%; уровни описаны на странице цен.

Готовы начать продавать?

Независимый маркетплейс для цифровых авторов. Получайте 80–90% с каждой продажи. Принимаем карты и стейблкоины.