📦 Пример использования SVG Sprite

Демонстрация подключения и использования SVG спрайта на странице

← Вернуться к генератору

Информация о спрайте

Статус: Проверяется...

Путь к файлу: output/sprite.svg

Количество иконок: -

Загрузка демонстрации...

📚 Как использовать спрайт на своем сайте:

  1. Сгенерируйте спрайт с помощью генератора
  2. Скачайте файл sprite.svg из папки output/
  3. Разместите файл на вашем сервере (например, в /images/icons/sprite.svg)
  4. Используйте иконки в HTML:
<!-- Пример использования иконки -->
<svg class="icon" width="24" height="24">
  <use xlink:href="/images/icons/sprite.svg#icon-id"></use>
</svg>

Совет: Для изменения цвета иконки используйте CSS свойство color:

<style>
.icon {
  color: #4CAF50; /* Цвет иконки */
  fill: currentColor; /* Наследует цвет от родителя */
}
</style>

🎯 Быстрый тест

Попробуйте использовать одну из стандартных иконок (если они есть в спрайте):