Использование текстовых файлов SVG в HTML ⇐ Html

[Anonymous]

TL;DR-версия:
Каков правильный синтаксис HTML+CSS для включения изображений SVG, полученных из текстового SVG-файла с тегом ?
Длинная версия:
Я пытаюсь имитировать макет основного веб-сайта моей компании для внутренней веб-страницы. Поскольку основной сайт размещен на Drupal, мне предстоит расшифровать использование текстовой графики SVG, с которой я раньше не сталкивался.
Все графические элементы извлекаются из одного файла SVG, который включается в каждую веб-страницу следующим образом:

Код: Выделить всё

Shadow Content (User Agent)

Этот единственный файл icon.svg не является векторным изображением, а представляет собой текстовый файл ASCII, содержащий десятки записей SVG, описывающих форму каждого графического элемента. Например, в строке Shadow Content (User Agent) (которая, как я предполагаю, автоматически создается веб-инспектором в моем веб-браузере) заменяется следующий код:

Код: Выделить всё

Ссылка на запись в файле SVG:

Код: Выделить всё

...так что я вижу, что содержимое тега реплицируется в теге , а — это, ну, просто .
Однако, если я просто скопирую первый блок кода , упомянутый выше, я получу область в HTML нужного размера, но пустую. Это заставляет меня думать, что в CSS есть что-то, что необходимо для правильной раскраски результирующего встроенного .
И да, одна из причин, по которой я не могу решить это напрямую, заключается в том, что сгенерированные HTML и CSS из Drupal практически не поддаются расшифровке...

Подробнее здесь: https://stackoverflow.com/questions/798 ... es-in-html