Как искать SVG-иконки по описанию
Semantic SVG search помогает находить векторные иконки по смыслу: текстовым запросом, похожим SVG или примером нужной формы.
Проблема
В больших наборах SVG-иконок поиск по названию файла быстро ломается. Одна и та же иконка может называться upload, arrow-up, import или просто icon-142. Теги тоже часто неполные: дизайнер ищет "иконка загрузки файла", а в датасете лежит "cloud-arrow".
Поэтому запросы вроде поиск svg иконок, найти иконку по описанию, semantic svg search и svg icon search by textлучше закрывать не только keyword search, но и векторным поиском.
Как работает semantic SVG search
Идея простая: текстовый запрос и SVG переводятся в сопоставимые эмбеддинги. После этого поиск ранжирует иконки по близости смысла или формы, а не по точному совпадению слов.
- Text-to-SVG: пользователь пишет "outline shopping cart svg".
- SVG-to-SVG: пользователь вставляет SVG-разметку и ищет похожие формы.
- Category search: отдельные страницы помогают находить стрелки, корзины, настройки и warning-иконки.
Примеры запросов
- minimal arrow up right icon
- document upload icon
- outline shopping cart svg
- settings gear symbol
- иконка предупреждения
- найти иконку по описанию
Когда это полезно
Такой поиск особенно полезен для дизайн-систем, маркетплейсов иконок, внутренних библиотек UI-ассетов и ML-команд, которые исследуют датасеты векторной графики перед разметкой или внедрением поиска.
Дизайнеры
Быстрее находят нужную иконку без знания точного имени файла.
Разработчики
Могут встроить поиск по смыслу в UI-kit, CMS или asset manager.
ML-команды
Проверяют качество мультимодального retrieval на реальной коллекции SVG.
Где попробовать
Мы собрали живое демо и отдельные посадочные страницы под популярные категории SVG. Начните с основной страницы инструмента или сразу откройте прямой поиск.
FAQ
Чем это отличается от поиска по тегам?
Поиск по тегам требует точного совпадения слов. Semantic SVG search может найти подходящую иконку, даже если в названии нет нужного слова.
Можно ли искать похожие SVG?
Да. В демо можно вставить SVG-разметку и найти близкие по форме или смыслу векторные изображения.