Yuya Mimura

100%UIライブラリのアイコンを利用するなら良いが、デザイナが作成したアイコンを管理する際に
<ul>
<li>色違いのSVG</li>
<li>最終的な用途は同じだが、微妙に違いのあるアイコン</li>
</ul>
などをうまく管理する方法を見つけたい。

<code>assets/</code>下にsvgファイルを置くだけだと、色違いなどを要求された際につらい

atomic designを採用しているなら、下記のように<code>atoms</code>, <code>molecules</code>の並びに入れるのはありかもしれない。もしくは<code>atoms</code>内
<ul>
<li>
<code>components/</code>
<ul>
<li>
<code>icons/</code>
<ul>
<li><code>close.tsx</code></li>
</ul>
</li>
<li><code>atoms/</code></li>
<li><code>molecules/</code></li>
<li><code>organisms/</code></li>
<li>
<code>templates</code>/</li>
<li><code>pages/</code></li>
</ul>
</li>
</ul>