Иконка (значок) рядом с тезисом помогает понять его до того, как покупатель прочитал текст: капля — влагозащита, снежинка — держит холод, лист — натуральный состав. Плашка отделяет надпись от фона и делает её читаемой поверх фото. Вместе они превращают абзац характеристик в слайд, который понятен с экрана телефона. В статье разбираем, где взять иконки легально, как выбрать стиль и какие бывают плашки.
Зачем иконки и плашки на слайде
На маркетплейсе слайды смотрят с телефона, быстро и без звука. Иконки и плашки решают три задачи:
- ускоряют чтение — значок узнаётся быстрее слова;
- структурируют — три тезиса с иконками читаются как список, а не как сплошной текст;
- держат стиль — одинаковые плашки на всех слайдах связывают серию в одну карточку.
При этом иконка не заменяет текст: сама по себе снежинка может значить и «холод», и «зимнюю коллекцию». Ставьте её рядом с коротким тезисом.
Где взять иконки для карточки товара бесплатно и легально
Иконка в карточке — коммерческое использование. Поэтому важна не только цена «бесплатно», но и лицензия. Самый простой вариант — открытые наборы, которые разрешают коммерческое использование без указания автора:
| Набор | Лицензия | Иконок | Нужно ли указывать автора |
|---|---|---|---|
| Material Symbols (Google) | Apache 2.0 | около 15 700 | нет |
| Phosphor | MIT | около 9 000 | нет |
| Tabler Icons | MIT | около 6 200 | нет |
| Lucide | ISC | около 1 900 | нет |
Все эти наборы есть в каталоге Iconify — это открытый проект, который собрал более 300 000 иконок в 227 наборах. У каждого набора своя лицензия, она указана на его странице. Иконки скачиваются в SVG — это вектор без фона, его можно перекрасить и увеличить без потери качества.
Иконки без фона: SVG или PNG
Запрос «иконки для инфографики без фона» обычно означает PNG с прозрачностью. Но SVG удобнее: его можно перекрасить в цвет карточки и он остаётся чётким при любом размере. Если редактор не принимает SVG, экспортируйте PNG в 2–3 раза крупнее нужного размера.
Как выбрать стиль иконок
Главное правило — один набор и одно начертание на всю карточку. Иконки из разных наборов отличаются толщиной линий, скруглениями и пропорциями. Даже если по отдельности они красивые, вместе выглядят случайно.
Как подобрать начертание:
- жирные линейные — универсальный вариант: хорошо видны в маленьком превью;
- тонкие линейные — для спокойных, «воздушных» карточек косметики и декора; на мелком размере теряются;
- с заливкой — сильнее всего читаются на цветных кругах и плашках;
- двухтонные — добавляют глубину, но требуют спокойного фона.
Размер иконки на слайде 900×1200 — примерно с высоту двух строк тезиса. Цвет — один: акцентный цвет карточки или цвет текста. Как подобрать этот цвет и шрифт тезисов, разобрано в статье шрифты и цвета для инфографики.
Какие бывают плашки
Плашка — это подложка под текст, цифру или иконку. Самые ходовые виды:
- Пилюля с цифрой — объём, вес, размер: «350 мл», «10 000 мАч».
- Круг с иконкой — для списка преимуществ рядом с тезисами.
- Подложка под тезис — светлая плашка со скруглёнными углами, иконка + короткий текст.
- Контурная — тонкая рамка без заливки, для второстепенных свойств.
- Крупная цифра — главная цифра слайда и подпись к ней.
- Полупрозрачная — когда текст стоит поверх фото или сложного фона.
Плашки, как и иконки, должны быть одного вида на всей серии слайдов: одинаковый радиус скругления, отступы и цвет.
Готовые наборы плашек скачивать не обязательно: плашку проще нарисовать самим. В Figma это прямоугольник со скруглением и auto layout — он сам подстраивается под длину текста. Как собрать слайд в Figma, разобрано в статье карточка товара в Figma, в Canva — в статье инфографика в Canva.
Ошибки с иконками и плашками
- Иконки из разных наборов на одном слайде — разный вес линий бросается в глаза.
- Иконка ради иконки — значок «звезда» или «галочка» у каждого тезиса ничего не объясняет.
- Разноцветные плашки — WB в правилах к фото прямо называет ошибкой «кислотную» инфографику с разноцветными плашками.
- Мелкие иконки с тонкими линиями — в превью превращаются в точки.
- Маркетинговые стикеры вроде «ХИТ» и «ТОП» — на Я.Маркете слово «хит» на фото запрещено, а на WB любые надписи на главном фото влияют на рейтинг тем сильнее, чем они крупнее. Подробнее — в требованиях Wildberries к фото и карточке товара на Яндекс Маркете.
Как поставить иконки быстрее
Подбирать иконки под каждый тезис вручную — долго: нужно найти подходящую по смыслу, скачать, перекрасить и выровнять. В Конструкторе sellshot иконки уже встроены: Phosphor, Tabler, Material Symbols, Lucide и другие наборы с открытыми лицензиями. Поиск работает по-русски — достаточно написать «капля» или «доставка». ИИ-дизайнер подбирает иконки к тезисам сам и держит один стиль на всех слайдах.
Ниже — слайды, где иконки подобрал ИИ-дизайнер: один набор и один цвет на слайд, каждая иконка стоит рядом с тезисом, а не вместо него.
Источники
- Iconify и каталог наборов — лицензии указаны на странице каждого набора.
- Лицензия Lucide, Tabler Icons, Phosphor, Material Design Icons.
- Font Awesome Free License, лицензия Flaticon, лицензия Icons8.
- Фото товаров: правила, рекомендации и частые ошибки — Wildberries.
