SVGKit-issue

0_SVGKit-issue.md

多分 <use>  に fill や style="fill: の指定が動かない

not-work.svg.txt

<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
    <title>push_up</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <circle id="path-1" cx="10" cy="10" r="10"></circle>
    </defs>
    <g id="Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="en/Workout" transform="translate(-16.000000, -122.000000)">
            <g id="main" transform="translate(16.000000, 64.000000)">
                <g id="group">
                    <g id="group__item">
                        <g id="list" transform="translate(0.000000, 58.000000)">
                            <g id="list__item">
                                <g id="push_up">
                                    <mask id="mask-2" fill="white">
                                        <use xlink:href="#path-1"></use>
                                    </mask>
                                    <use id="Mask" fill="#FF3874" xlink:href="#path-1"></use>
                                    <path d="M4.87553561,8.85150848 C3.92967374,8.75209439 3.24349224,7.90473081 3.34290633,6.95886894 C3.44232041,6.01300707 4.289684,5.32682557 5.23554587,5.42623966 C6.18140773,5.52565375 6.86758923,6.37301733 6.76817515,7.3188792 C6.66876106,8.26474107 5.82139747,8.95092257 4.87553561,8.85150848 Z M22.8509966,13.0294167 C23.3308943,13.2520655 23.4157596,13.5398536 23.254856,13.8939892 C23.0939524,14.2481248 22.7818642,14.3758181 22.3554284,14.2141545 C19.5468868,13.1494245 12.3868933,10.369439 9.05240543,9.10695187 L8.40137142,13.6315885 C8.40137142,13.6315885 8.35019059,14.2731561 7.83462724,14.2731561 C7.31906389,14.2731561 7.24160991,13.6315885 7.24160991,13.6315885 C7.24160991,13.6315885 7.16769179,8.09059926 7.24160991,7.38731531 C7.31552803,6.68403135 8.10763077,6.20823423 9.05240543,6.6333798 C11.3754226,7.70935103 17.2230193,10.4183144 22.8509966,13.0294167 Z" id="Combined-Shape" fill="#2F2345" mask="url(#mask-2)"></path>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>

work.svg.txt

<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
    <title>push_up</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <circle id="path-1" cx="10" cy="10" r="10"></circle>
    </defs>
    <g id="Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="en/Workout" transform="translate(-16.000000, -122.000000)">
            <g id="main" transform="translate(16.000000, 64.000000)">
                <g id="group">
                    <g id="group__item">
                        <g id="list" transform="translate(0.000000, 58.000000)">
                            <g id="list__item">
                                <g id="push_up">
                                    <mask id="mask-2" fill="white">
                                        <use xlink:href="#path-1"></use>
                                    </mask>
                                    <g fill="#FF3874">
                                        <use xlink:href="#path-1"></use>
                                    </g>
                                    <path d="M4.87553561,8.85150848 C3.92967374,8.75209439 3.24349224,7.90473081 3.34290633,6.95886894 C3.44232041,6.01300707 4.289684,5.32682557 5.23554587,5.42623966 C6.18140773,5.52565375 6.86758923,6.37301733 6.76817515,7.3188792 C6.66876106,8.26474107 5.82139747,8.95092257 4.87553561,8.85150848 Z M22.8509966,13.0294167 C23.3308943,13.2520655 23.4157596,13.5398536 23.254856,13.8939892 C23.0939524,14.2481248 22.7818642,14.3758181 22.3554284,14.2141545 C19.5468868,13.1494245 12.3868933,10.369439 9.05240543,9.10695187 L8.40137142,13.6315885 C8.40137142,13.6315885 8.35019059,14.2731561 7.83462724,14.2731561 C7.31906389,14.2731561 7.24160991,13.6315885 7.24160991,13.6315885 C7.24160991,13.6315885 7.16769179,8.09059926 7.24160991,7.38731531 C7.31552803,6.68403135 8.10763077,6.20823423 9.05240543,6.6333798 C11.3754226,7.70935103 17.2230193,10.4183144 22.8509966,13.0294167 Z" id="Combined-Shape" fill="#2F2345" mask="url(#mask-2)"></path>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>