UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【SVG】svg-spriteをつくる

過去にgulpをつかってsvgスプライトを作っていたが、久々にアイコンを更新しようと思ったらgulp taskが動かなかった

もはやgulpに依存しなくて良いと思うので、別の方法を探してみる

調べた感じsvg-sprite-generatorを使うのがよさそう

github.com

だが、軽量化までは行ってなさそうなので、別の方法で軽量化を行ってからスプライトを作るようにする

軽量化はsvgoが有名で、これを使ってみる

github.com

使い方

$ svgo -f ./path/to/folder/with/svg/files -o ./path/to/folder/with/svg/output

そして、この軽量したsvgでスプライトをつくる

$ svg-sprite-generate -d ./path/to/folder/with/svg/output -o sprite.svg