Я пытаюсь изменить цвет SVG с помощью CSS / HTML. Я рассмотрел несколько подходов, и кажется, что обычно нужно создать тег svg, а затем скопировать путь в тег следующим образом:
<path class="icon" d="M30.148 5.588c-2.934-3.42-7.288-5.588-12.148-5.588-8.837 0-16 7.163-16 16s7.163 16 16 16c4.86 0 9.213-2.167 12.148-5.588l-10.148-10.412 10.148-10.412zM22 3.769c1.232 0 2.231 0.999 2.231 2.231s-0.999 2.231-2.231 2.231-2.231-0.999-2.231-2.231c0-1.232 0.999-2.231 2.231-2.231z"></path>
.. и затем изменить цвет. Это то, что я стараюсь избегать. Мне просто нужен тег img или svg в моем HTML, укажите source = "" в качестве локального пути в моей системе или проекте, а затем измените цвет. Решение должно быть в чистом HTML / CSS.
До сих пор я не смог ничего найти. Любая помощь или идеи приветствуются :)
РЕДАКТИРОВАТЬ: Я хорошо знаю стиль = "fill: #; '. Мой вопрос больше о" необычном "способе, которым я пытаюсь загрузить / ссылаться на svgс только HTML