ОсновыНабор иконок·библиотека SDDS Icons

Иконки

Три начертания и три размера. Иконка нарисована под каждый размер отдельно — 16 и 36 это не масштабированная 24. Ищите по названию, категории или по-русски: «стрелка», «оплата», «профиль».

Как подключить

Иконки поставляются пакетом @salutejs/sdds-icons. Имя иконки в каталоге — это имя импорта: кликните по ней, и оно окажется в буфере.

ШагЧто сделать
Установкаnpm i @salutejs/sdds-icons
Импортimport { AddOutline } from '@salutejs/sdds-icons';
РазмерБерётся из имени папки: .../24/AddOutline. Размер выбирают под контекст, а не масштабированием
ЦветНаследуется от текста: иконка рисуется currentColor

Правила использования

  • Размер под контекст. 16 — внутри строк и компактных контролов, 24 — основной размер интерфейса, 36 — крупные акценты и сенсорные экраны.
  • Одно начертание на экран. Outline — основное, Fill — для активных состояний и акцентов, Outline Bold — для мелких размеров и плотных интерфейсов.
  • Иконка без подписи требует доступного имени. Для IconButton задайте aria-label или tooltip.

Не нашли нужную иконку или заметили расхождение с макетом — напишите команде, набор пополняется.

Сообщить о расхождении