pxvpxv https://blog.hatena.ne.jp/pxvpxv/ pixiv inside https://inside.pixiv.blog/ 技術 エンジニア こんにちは、@f_subal です。普段はおもに pixivFACTORY のフロントエンドを見ています。最近は社内のデザインシステム整備の仕事もやっており、今回はそちらで作っているアイコンライブラリの話をします。 SVG アイコンを社内 npm で配る みなさん、プロダクト内で利用するアイコンをどのように管理していますか？ 大抵の場合は元になる .svg ファイルが存在し、それを最終的に React コンポーネントで読んだり、あるいは昔ながらのアイコンフォントを生成したりして使っているでしょう。 ピクシブではこれまで各プロダクトがそれぞれの方法でアイコンを生成していました。あるプロジェクトは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Finside.pixiv.blog%2F2021%2F01%2F22%2F170000" title="Figma でアイコンを更新したら GitLab に勝手に MR が作られるやつ - pixiv inside" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/p/pxvpxv/20210121/20210121190656.png Hatena Blog https://hatena.blog 2021-01-22 17:00:00 rich https://inside.pixiv.blog/2021/01/22/170000 1.0 100%