如何修改SVG背景色并调整内部引号图案的填充颜色

• 第一步：设置SVG背景色
  两种实现方式按需选择即可：
  方式1：直接给svg标签的style属性追加背景色样式，修改后svg标签的style属性为style="enable-background:new 0 0 508.044 508.044; background-color: #ff3400;"
  方式2：在svg标签内部最开头插入一个和画布同尺寸的矩形作为背景层，代码为<rect width="100%" height="100%" fill="#ff3400" />，该方式导出SVG文件时背景色会保留，兼容性更好。
• 第二步：修改引号图案颜色
  现有代码中的两个<path>标签就是引号的形状，默认继承黑色填充，你可以给每个path单独加fill="#ffffff"属性，也可以直接给两个path的共同父级<g>标签加fill属性，所有子元素会自动继承样式，代码更简洁。

修改完成的完整代码如下：

<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="508.044px" height="508.044px" viewBox="0 0 508.044 508.044" style="enable-background:new 0 0 508.044 508.044;background-color: #ff3400;" xml:space="preserve">
    <g fill="#ffffff">
        <g>
            <path d="M0.108,352.536c0,66.794,54.144,120.938,120.937,120.938c66.794,0,120.938-54.144,120.938-120.938
            s-54.144-120.937-120.938-120.937c-13.727,0-26.867,2.393-39.168,6.61C109.093,82.118,230.814-18.543,117.979,64.303
            C-7.138,156.17-0.026,348.84,0.114,352.371C0.114,352.426,0.108,352.475,0.108,352.536z" />
            <path d="M266.169,352.536c0,66.794,54.144,120.938,120.938,120.938s120.938-54.144,120.938-120.938S453.9,231.599,387.106,231.599
            c-13.728,0-26.867,2.393-39.168,6.61C375.154,82.118,496.875-18.543,384.04,64.303C258.923,156.17,266.034,348.84,266.175,352.371
            C266.175,352.426,266.169,352.475,266.169,352.536z" />
        </g>
    </g>
</svg>

内容的提问来源于stack exchange，提问作者Miljo