Телефон
Контакты и срочный CTAphone
UI Foundation
Иконки
Семантический SVG-набор, размеры, цвета, контексты и accessibility rules.
Icon inventory
Семантический набор
Иконки происходят из Font Awesome Free SVG source и встроены как inline sprite: без icon-font и без передачи font binaries.
Scale
Размеры
Размер зависит от контекста, а не от визуального желания сделать элемент «заметнее».
Color
Цветовые роли
Иконка наследует currentColor и не хранит случайный HEX внутри компонента.
Context
Применение в компонентах
Декоративные SVG скрываются от accessibility tree; критические icon-only actions имеют accessible name.
В кнопке
В карточке
Клиника
Icon-only
Guardrails
Запреты
Иконки не должны заменять текст в критических действиях и не используются как бессмысленный декор.
!
Не смешивать разные stroke/fill стили в одном ряду.
!
Не использовать emoji вместо системной иконки.
!
Не оставлять icon-only action без aria-label.