Я хочу sh использовать какой-нибудь SVG-файл, например этот , встроенный в мой веб-сайт, и раскрасить его с помощью некоторого css файла.
Sitenote: причины SVG
Есть несколько причин для использования SVG-файла над файлом шрифта значка.
Sitenote: Использование SVGs
Есть несколькими способами для включения SVG в веб-сайт.
Здесь есть загвоздка
Раскраска SVG-файла с помощью внешнего CSS работает только в том случае, если он является своего рода встроенным SVG. У нас есть решение для этой проблемы, но оно работает неидеально.
Мы создаем некоторые inline-SVG, которые используют некоторые source-SVG.
Пример
<svg><use xlink:href="https://examle.com/address-book.svg#bar"></use></svg>
Проблемы
- AFAIK Source-SVG должен иметь id-атрибут для встраивания. FontAwesome, например, не имеет таких.
- AFFAIK Нет другого способа встроить файл SVG и возможность стилизовать его с помощью CSS.
Есть ли решение для это проблемы?