SVGアイコンをフォント化した際に塗りつぶされてしまう問題
https://gyazo.com/c33acd6565c4cfcfa23eb1260a52a1b2
原因
一番外側の要素にfill-rule="evenodd"を加える
外側から数えて、奇数は塗り潰し、偶数は穴と認識させる
よくあるアイコンフォントジェネレータの動き
fill-rule="evenodd"は無視する
パスの向きが右向きなら塗り潰し、左向きなら穴と認識させる
Figmaでやるべきこと
前提として、ストロークは全てアウトライン化しておく
union等の加工は全てflattenしておく
Fill Rule Editor（プラグイン）でパスの方向を外と内で反転させておく ← これが大事