Значок не отображается правильно после добавления его в svg-sprite

У меня есть svg-icon:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.754 31.201">
<defs>
    <style>
        .a,.b{fill:none;stroke:#ff9f0f;stroke-miterlimit:10}.a{stroke-width:3px}.c{fill:#ff9f0f}
    </style>
</defs>
<path class="a" d="M17.877 5.105L1.5 1.83v24.566l16.377 3.275 16.377-3.275V1.83L17.877 5.105"/>
<path class="b" d="M17.877 29.671V5.105"/>
<path class="a" d="M31.798 8.381l-12.283 2.457M31.798 14.932l-12.283 2.457M31.798 21.483L19.515 23.94"/>
<path class="c" d="M11.167 13.048c-1.883.655-4.749.573-6.223 2.129a3.509 3.509 0 0 0-.819 1.965c-.328.983-.9.983-1.638 1.638a19.118 19.118 0 0 1 2.047.573 21.3 21.3 0 0 1-.409-5.568c.164-1.883.9-3.6.819-5.568-.082-1.556-2.538-1.556-2.457 0 .164 2.211-.983 4.258-.819 6.469a37.805 37.805 0 0 0 .491 5.241 1.229 1.229 0 0 0 2.047.573c.328-.328.983-.328 1.392-.655a3.427 3.427 0 0 0 .9-1.474c.246-.655-.082-.655.491-1.31.491-.573.655-.409 1.31-.655 1.146-.328 2.375-.491 3.521-.9 1.474-.573.819-2.948-.655-2.457z"/>
<path class="c" d="M1.336 18.863a57.078 57.078 0 0 1-.082 6.465 1.23 1.23 0 0 0 2.457 0 56.844 56.844 0 0 0 .082-6.469c-.164-1.556-2.62-1.638-2.457 0zM1.499 3.549c1.065 2.538-.164 5.9 0 8.516.082 1.556 2.538 1.556 2.457 0-.082-2.866 1.146-6.387-.082-9.171-.573-1.392-2.948-.737-2.375.655z"/>
<path class="c" d="M16.648 4.86c-4.258.164-8.434-1.638-12.529-2.457-.246.819-.409 1.556-.655 2.375 2.7.491 5.486.9 8.189 1.556 1.556.328 2.211-2.047.655-2.375-2.7-.573-5.4-1.065-8.189-1.556-1.558-.246-2.211 2.047-.658 2.375 4.34.819 8.68 2.7 13.184 2.538a1.23 1.23 0 0 0 0-2.457z"/>
<path class="c" d="M14.763 4.614a11.972 11.972 0 0 0-1.638-.409 1.138 1.138 0 0 0-1.474.819 1.172 1.172 0 0 0 .819 1.474 11.972 11.972 0 0 0 1.638.409 1.2 1.2 0 0 0 1.474-.819 1.172 1.172 0 0 0-.819-1.474z"/>
<path class="c" d="M15.175 6.825c0 4.586-.328 9.253 0 13.757.082 1.556 2.538 1.556 2.457 0-.328-4.586 0-9.171 0-13.757a1.23 1.23 0 0 0-2.457 0z"/>
<path class="c" d="M17.876 28.359a49.456 49.456 0 0 0 .246-6.96 1.23 1.23 0 0 0-2.457 0 49.022 49.022 0 0 1-.245 6.96c-.082 1.556 2.375 1.556 2.457 0z"/>
<path class="c" d="M15.993 26.723c-1.556-.819-3.439-.737-5.159-.9a92.457 92.457 0 0 1-6.551-1.228 1.232 1.232 0 0 0-.658 2.374c1.8.409 3.6.819 5.4 1.065 1.638.246 4.176.082 5.65.819s2.7-1.392 1.31-2.129z"/>
<path class="c" d="M5.266 17.143a4.4 4.4 0 0 0-1.965 2.866c-.246 1.146.328 2.211-.164 3.275a1.3 1.3 0 0 0 0 1.228c.819 1.065 1.965.9 3.194.655 1.8-.328 4.258-.573 5.65-1.8 2.211-1.883 1.965-6.551-.819-7.779-2.7-1.146-7.37 0-7.37 3.357 0 3.03 3.931 5.159 6.469 3.112 1.72-1.392 1.638-6.551-.573-7.534-3.03-1.228-5.65 3.849-6.551 5.814-1.474 3.52 1.474 5.158 4.34 3.111 1.474-1.065 5-5.65 1.556-6.715-2.866-.9-5.159 4.5-3.03 6.141 2.457 1.883 4.34-3.931 2.948-5.486a1.371 1.371 0 0 0-1.228-.328c-3.685.9-3.6 5.814-.983 7.861 3.357 2.538 8.844 1.065 10.727-2.62 1.146-2.293 1.31-8.516-2.293-8.762-4.012-.246-3.112 5.9-1.31 7.943a1.263 1.263 0 0 0 1.72 0c1.72-1.474 1.146-6.305.409-8.025a1.207 1.207 0 0 0-1.474-.819c-1.474.246-1.392 1.883-1.556 3.03a57.612 57.612 0 0 0-.573 8.434h2.457a20.264 20.264 0 0 1 .246-5 12.293 12.293 0 0 0 .409-3.03 3.443 3.443 0 0 0-2.378-3.269c-3.521-.737-3.6 5.9-3.194 7.943.246 1.31 1.965.983 2.375 0a18.013 18.013 0 0 0 1.31-5 1.271 1.271 0 0 0-2.129-.9c-2.211 2.538-3.194 9.253.737 10.481.082-.819.246-1.638.328-2.375-1.8-.082-5-.328-6.387 1.065a1.239 1.239 0 0 0 1.228 2.047 9.418 9.418 0 0 1 5.814.573 2.556 2.556 0 0 0 2.047.246c1.883-.9.9-4.422.573-5.814-.328-1.556-2.7-.9-2.375.655a8.453 8.453 0 0 1 .328 2.457c.491.409.328.409-.491-.082a12.657 12.657 0 0 0-1.883-.573 13.318 13.318 0 0 0-4.749.328c.409.655.819 1.392 1.228 2.047-.491.164-.491.164 0 .082a3.432 3.432 0 0 0 1.228-.328 12.139 12.139 0 0 1 3.439-.164 1.212 1.212 0 0 0 .328-2.375c-1.638-.573-.409-5.486.328-6.387-.737-.328-1.392-.573-2.129-.9a15.544 15.544 0 0 1-1.228 4.34h2.374c-.164-.9-.409-2.538.164-3.439.082-.983.246-1.065.655-.246a16.771 16.771 0 0 1-.407 1.964 25.9 25.9 0 0 0-.328 5.65c.082 1.556 2.538 1.556 2.457 0-.082-3.03-.164-7.042.9-9.908l-.819.819a.492.492 0 0 0 .328-.082c-.491-.246-.983-.573-1.474-.819.246.655 1.065 5 .246 5.65h1.72c-.328-.409-.983-3.767-.737-3.767 1.228 0 .573 4.586.491 4.831a4.652 4.652 0 0 1-3.767 2.784 3.435 3.435 0 0 1-2.211-.158c-.983-.328-3.931-3.275-.983-4.012-.409-.082-.819-.246-1.228-.328-.246-.9-.409-.655-.409.819-.491 1.228-.655 1.638-.491 1.065h1.228c.409-.328.246-.491-.409-.491a5.638 5.638 0 0 1-1.065.9c-1.392.737-.737-.082-.164-1.146.491-.9 2.948-5 2.784-1.965a1.248 1.248 0 0 1-.409 1.392c-.737 1.31-1.065.737-1.065-1.72.9-.655 3.03 0 3.521.9 1.146 2.129-.737 2.784-2.211 3.194-.246.082-3.6.737-3.357 1.146v1.228a9.335 9.335 0 0 0 .819-1.556 4.669 4.669 0 0 0-.082-1.065c0-1.228-.082-2.129 1.065-3.03 1.228-.9-.491-2.62-1.72-1.638zM2.564 7.153a1.23 1.23 0 0 0 0-2.457 1.23 1.23 0 0 0 0 2.457z"/>
<path class="c" d="M3.628 6.579a33.028 33.028 0 0 0 4.094.9 12.217 12.217 0 0 1 4.012 1.965c1.31.9 2.538-1.228 1.228-2.129a17.412 17.412 0 0 0-4.094-2.047c-1.474-.491-3.112-.491-4.586-1.065s-2.047 1.8-.655 2.375z"/>
<path class="c" d="M3.625 8.299a62.954 62.954 0 0 0 7.37 2.211c1.556.328 2.211-2.047.655-2.375a54.762 54.762 0 0 1-7.37-2.211 1.232 1.232 0 0 0-.655 2.375z"/>
<path class="c" d="M4.857 10.51l6.384 1.965a1.232 1.232 0 0 0 .655-2.375q-3.194-.86-6.387-1.965c-1.474-.491-2.129 1.883-.655 2.375z"/>
<path class="c" d="M4.284 11.738c.983.573 2.047 1.065 3.112 1.556a13.212 13.212 0 0 0 2.948 1.228c1.556.328 2.211-2.047.655-2.375a21.744 21.744 0 0 1-5.4-2.538c-1.392-.819-2.7 1.31-1.31 2.129z"/>
<path class="c" d="M4.038 12.314a14.015 14.015 0 0 0 1.474 1.638c.246.328.983 1.065.9 1.474.082-.246.082-.409.164-.655 0 .082-.082.082-.082.164-.737 1.392 1.392 2.62 2.129 1.228a2.519 2.519 0 0 0-.491-2.784c-.328-.409-.655-.9-.983-1.31a6.068 6.068 0 0 1-.983-1.065c-.819-1.228-2.948 0-2.129 1.31z"/>
<path class="c" d="M3.301 12.476v4.422c0 1.392 2.129 1.72 2.375.328.164-.655.737-1.065 1.065-1.638a8.932 8.932 0 0 0 .491-.9c.082-.164.082-.737.164-.9-.655-.409-1.392-.819-2.047-1.228-.082.246-.164.573-.246.819-.491 1.474 1.883 2.129 2.375.655.082-.246.164-.573.246-.819.409-1.228-1.228-1.965-2.047-1.228-.655.655-.491 1.556-.983 2.293a6.1 6.1 0 0 0-1.31 2.211c.819.082 1.638.246 2.375.328v-4.425c0-1.474-2.457-1.474-2.457.082zM14.355 8.954a2.442 2.442 0 0 0-1.065-2.62c-.246.737-.409 1.556-.655 2.293a9.91 9.91 0 0 1 1.556.082l-.819-.819a7.533 7.533 0 0 1 .164 2.7c0 .9.082 1.8 0 2.62.655-.328 1.228-.737 1.883-1.065a4.234 4.234 0 0 1-1.065-.491c-.246-.246-.164-.246-.164-.819a4.981 4.981 0 0 0-.246-1.883 1.228 1.228 0 0 0-1.146-.9c-2.7-.328-4.094 4.831-2.293 6.387a1.128 1.128 0 0 0 1.474.164 5.161 5.161 0 0 0 1.638-1.883 1.23 1.23 0 0 0-2.131-1.228c-.164.246-.409.9-.737 1.065a9.023 9.023 0 0 0 1.474.164c-.164-.164.082-2.211.573-2.211a14 14 0 0 1-1.146-.9c.328.9 0 2.047.328 2.948.328.983 1.392 1.31 2.211 1.72a1.286 1.286 0 0 0 1.883-1.065 17.56 17.56 0 0 0-.164-5.486c-.328-1.638-1.8-1.474-3.112-1.556s-1.556 1.638-.655 2.293V8.38c-.409 1.474 1.965 2.129 2.211.573z"/>

Это выглядит так:

введите описание изображения здесь

Но когда я добавляю его в svg-sprite, это выглядит так:

введите описание изображения здесь

Это gulp-задача svg:

$.gulp.task('svg', () => {
    return $.gulp.src($.assetsPath.src.svg + '*.svg')
        .pipe($.gp.svgmin({
            js2svg: {
                pretty: true
            },
            plugins: [{
                removeAttrs: {
                    attrs: ['fill', 'stroke', 'style']
                }
            }]
        }))
        .pipe($.gp.replace('&gt;', '>'))
        .pipe($.gp.svgSprite({
            mode: {
                symbol: {
                    sprite: "sprite.svg"
                }
            }
        }))
        .pipe($.gulp.dest($.assetsPath.build.svg));
});

$.gp - ссылка на gulp-load-plugins

Другие иконки в спрайте отображаются правильно.

Вы можете скачать файл со спрайтом здесь

Я не понимаю, что происходит с этим значком

0 ответов

Другие вопросы по тегам