我可以更改SVG填充或描边的颜色吗？

Question

我正在开发一个Wordpress模板，在页脚中带有一些社交媒体图标。我的图标有一些SVG，但是我希望能够通过主题选项页面（来自Redux Framework）更改该SVG的颜色。我知道我可以为颜色创建一个字段，但是我需要专门更改图标中的填充或描边。有办法吗？

我想创建类似这样的东西，但这似乎不适用于“笔画”和“填充”之类的东西。

Redux::setSection( $opt_name, array(
    'title'      => 'icons',
    'id'         => 'social-icons',
    'subsection' => true,
    'fields'     => array(
        array(
            'id'       => 'facebook-icon-color',
            'type'     => 'color',
            'title'    => 'facebook-icon color', 
            'default'  => '#000000',
            'transparent' => false,
            'output' => array(
                'fill' => '.facebook-icon > svg > g',
            ),
            'validate' => 'color',
        ),
    ),
) );

Answer 1

<path style="fill: yourcolor">