Вкл. sass Я использую функцию для преобразования встроенного SVG в URL-кодированный SVG .
Тогда я могу изменить цвет значков svg . Но проблема в том, что мой метод работает, только если значок имеет только один цвет заливки. То есть я меняю знак # - "fill='%23'" на любой цвет "fill='#{$svg-color}'".
Да, для большинства иконок этого всегда достаточно, но этот метод, вероятно, не самый оптимальный. Хотелось бы получить идеальное решение с заменой любого цвета.
Если у вас есть идеи, как это можно реализовать, или, возможно, готовые решения, я буду очень признателен, если вы поделитесь.
Вы можете увидеть код на CodePen : здесь .
Вы можете увидеть код на JSFiddle : здесь .
<iframe width="100%" height="300" src="//jsfiddle.net/RedEagle69/b02dz4s8/embedded/html,css,result/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>