タグのwidth、height、viewBoxも消しとかないと場所をとってしまいます。それに伴っていくつか不要なxmlnsが消せます。XMLの名前空間が分からない人は適当にググって下さい。結果、以下のようにダイエットできます。</g></svg>レイヤをシンボルにする上記SVG、大枠で見ると以下のような構造になっています。オブジェクトをまとめる働きをしますが、役割が異ります。その場には表示せずに後でIDで参照する用途で使います。入れた方が行儀がいいとされているようです。移動するならシンボルにしなくてもいい説ありますが、まあいいでしょう。属性も分かりやすいようにしておきましょう。</defs></svg>オブジェクトだったらInkscape内でオブジェクトのプロパティからIDいじれるんですが、レイヤだとできないみたいです。ここまでくれば準備OK。タグのシンボルを参照できるようです。MDN例えば先程の全てのオブジェクトを参照するならこう書きます。/></svg>それがこう表示されます。一部のパーツだけの参照も可能です。/></svg>いくらでも使い回せて楽しいですね。/></svg>以上使い方でした。FAQ非表示にしたオブジェクトが表示されないんだけど?非表示にしたからですね。レイヤじゃなくてグループでもいいのでは?Yes。グループだとInkscape内からオブジェクトのプロパティでID設定できるしそっちもあり。描くときにレイヤの方が扱いやすい(表示/非表示の単位が分かりやすい)し、SVGタグ内でもレイヤがトップレベルにあって探しやすいので私はこうしてます。テキストが表示されないんだけど?どうやらInkscapeがSVGの未来の仕様を使ってるっぽいんですが、現実的には1.1の機能までしかサポートしてないのが原因らしいです。テキストオブジェクトになるので表示されます。フォントが変わるのと、微妙に位置がずれます。したらエクステンションのグリフとかを使ったらもうちょっと綺麗に解決できるのかもしれませんが、未確認です。