30 lines
1.1 KiB
Markdown
30 lines
1.1 KiB
Markdown
|
---
|
||
|
|
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)
|