(English version here) 明けましておめでとうございます。モバイル基盤部のヴァンサン(@vincentisambart)です。 最近Appleがアプリの画面で使えるシンボルSF Symbolsに力を入れています。SF SymbolsはAppleの用意してくれたシンボルだけではなく、自分の作ったカスタムシンボルも使えます。Appleの紹介しているカスタムシンボルを作るワークフローに従うと手間がかかるので、既存のSVGからカスタムシンボルを自動生成できないか挑戦してみました。 経緯 だいぶ前からiOSクックパッドアプリで色んな画面で使われている単色アイコンはCookpadSymbolsというシンボルのみのフォントが使われていましたが、数ヶ月前デザイナーからシンボルの運用をフォントファイルからSVGに変えたいという要望が挙がりました。 アイコンは元々SVGで作成されていました
![カスタムなSF SymbolsをSVGから自動生成する - クックパッド開発者ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0b126b920430f0345f5125835a1511d9535a6f4/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fv%2Fvincentisambart%2F20201228%2F20201228112920.png)