title: How to fix a problem with a negative value with viewBox in svg?
body: <p>I create a svg sprite using the gulp-svg-sprites plugin. After compilation, negative viewBox values are replaced with positive values and NaN is added before them. Icons with negative values look incomplete, cropped. Help solve this issue. Thank you</p>
  
  <p>gulp task</p>
  
  <pre><code>
      gulp.task('svg-sprite', function () {
  
          return gulp.src('src/images/svg-separate/**/*.svg')
              .pipe(svgSprite({
                  mode: "symbols",
                  // preview: false,
                  selector: "svg-%f",
                  svg: {
                      symbols: 'svg_sprite.pug'
                  }
              }
              ))
              .pipe(gulp.dest('src/pug/partails/'))
  
      });
  
  </code></pre>
  
  <p>init viewBox: <code>viewBox="-89 140 512 512"</code></p>
  
  <p>finish viewBox in output: <code>viewBox="NaN 89 140 512 512"</code></p>
  
  <p>expected viewBox in output: <code>viewBox="-89 140 512 512"</code></p>