Files
NODEDC_DESIGN_GUIDELINE/docs/ICONS.md
T

3.7 KiB
Raw Blame History

Иконки

Канонический набор собран по реально используемым действиям Launcher/Hub, SEO, BIM Viewer и разрешённым новым участкам Engine. Полные vendor-наборы не являются частью дизайн-системы: наличие SVG в Font Awesome или export в Lucide не делает иконку канонической.

Геометрия

Контекст Размер glyph Hit target
Плотная строка/label 1415px задаёт строка
Обычная кнопка 1516px 46px круг или кнопка с текстом
Крупное оконное действие 1718px 46.72px круг

Базовый stroke — 1.6. Внутри кнопок glyph дополнительно получает optical scale 0.78; hit target и наружная окружность не уменьшаются. Иконка наследует currentColor. Фон и active/disabled/hover состояния принадлежат IconButton, Button, navigation item или другому компоненту поверхности.

Группы

Группа Канонические имена
Окно и слой close, plus, expand, minimize, refresh, panel, apps, layers
Навигация chevron-left, chevron-right, chevron-down, grid, list, sliders, search
Редактирование save, edit, trash, copy, upload, download, external
Состояние и доступ check, alert, activity, lock, key, shield, circle, eye, eye-off
Сущности profile, users, building, globe, database, network, inbox, mail
Контент camera, plan, play, stop, image, video, file, folder, clipboard, settings

Живая таблица с названиями, поверхностями и размерами находится в разделе Guideline → Иконки. Машинный список — в registry/icons.json.

Правило расширения

Новая иконка добавляется только после подтверждённого применения в продукте. Нужно выбрать семантическое имя, добавить export в Icon, запись в registry и specimen в каталоге. Локальный импорт иконки только ради немного другой формы запрещён.

camera обозначает оптический канал, а plan — пространственное представление сверху. Оба glyph контурные и используют общую stroke-геометрию набора.

layers открывает управление видимостью слоёв карты или визуального источника. Применение подтверждено владельцем Mission Core 10.09.2026: кнопка слоёв в заголовке карты Центра наблюдения. settings остаётся общей конфигурацией. Кнопка наследует обычные hover, focus, disabled и active-состояния IconButton.

play и stop — компактные полнотелые транспортные glyph: залитый треугольник запуска и залитый квадрат остановки/паузы. Видимая текстовая подпись не требуется, но action обязан сохранить доступный aria-label.