Как отключить перенос тегов в html для svg спрайтов при форматировании?

Для отключения автоформатирования и переноса тегов в HTML для SVG спрайтов существуют несколько способов, в зависимости от того, какой инструмент или редактор вы используете.

1. **Использование CDATA-секции (Character Data)**

CDATA-секция в HTML позволяет обозначать блок символов, которые не подлежат интерпретации. Вы можете поместить свой SVG спрайт в CDATA-секцию, чтобы предотвратить его автоформатирование.

Пример:

   <svg>
     <![CDATA[
       <!-- Ваш SVG спрайт здесь -->
     ]]>
   </svg>

2. **Использование специальных атрибутов или комментариев**

Некоторые редакторы HTML и инструменты автоформатирования позволяют задать специальные атрибуты или комментарии, которые игнорируются при форматировании. Например, в VS Code можно использовать <!-- prettier-ignore --> перед блоком кода, который не нужно форматировать.

Пример:

   <!-- prettier-ignore -->
   <svg>
     <!-- Ваш SVG спрайт здесь -->
   </svg>

3. **Применение инструментов автоматизации**

Если вы используете сборщики проектов или инструменты автоматизации (например, Webpack, Gulp), вы можете настроить их таким образом, чтобы при сборке проекта SVG спрайты не форматировались или переносились.

Эти методы позволят вам сохранить структуру вашего SVG спрайта и избежать его автоформатирования при разработке в HTML.