Files
svg-sprites/preview/ai/triggers/develop/add-icon.md
S.Gromov e77e7dfcf1 refactor: заменить shiki на самописный highlighter и обновить архитектуру
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml
- CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts
- Превью переработано: React-приложение вместо инлайн HTML
- Добавлен футер с названием пакета и ссылкой на репозиторий
- Исправлена загрузка dev-data.js для Vite 8
- Футер прижат к низу, содержимое центрировано
2026-04-22 16:54:35 +03:00

1.1 KiB

title
title
Добавить иконку

Добавить иконку

Инструкция по добавлению SVG-иконки в проект через спрайт-систему.

Прочитай перед началом

  • applied/svg-sprites.md — правила SVG-спрайтов: структура, именование, использование

Шаги

  1. Подготовь SVG-файл: убери лишние атрибуты, оптимизируй.

  2. Добавь SVG в спрайт по правилам (→ applied/svg-sprites.md).

  3. Используй иконку в компоненте через компонент-обёртку.

Смежные триггеры

  • triggers/develop/create-component.md — если нужен компонент-обёртка для иконки
  • triggers/develop/style-component.md — стилизация иконки (размер, цвет)

Проверь себя

  • SVG оптимизирован — убраны лишние атрибуты
  • Иконка добавлена в спрайт по правилам (→ applied/svg-sprites.md)