SVGファイルの背景を透過にする方法（メモ帳でＯＫ）

実現したいこと

SVGファイルを背景色白から透過にしたい、という要件。結果はとても簡単なのですが、簡単に検索できなかったので、残しておきます。特別なアプリは必要なく、メモ帳などのテキストエディタで対応可能です。
ペイント3DもIllustratorもInkscapeも必要ありません。

手順

1. テキストエディタでSVGファイルを開く
   • メモ帳など任意のテキストエディタでSVGファイルを開きます
2. 現状塗りつぶされている範囲を指定している部分を探す
   • 外側のrect（長方形）タグのfillが塗りつぶしの設定です。
   修正前.svg

   <rect width="200" height="100" fill="#fff"/>
   

3. 以下のいずれかに修正
   修正後.svg

   <!-- 以下のいずれかで透過にできます -->
   <rect width="200" height="100" fill="none"/>
   <rect width="200" height="100" fill="transparent"/>
   <rect width="200" height="100" fill="#fff"  fill-opacity="0"/>
   

以上で完了です。

参考サイト

• sakura*sakura - 【SVG】SVGでfillの色を透過にする