必要なアイコンだけSVGで用意して使う - Qiita動機 Webでよく使うアイコンはせいぜい数種類なのに、Font AwesomeやMaterial Design Iconsなどの「どんどん増えていくWebフォント」を使うのはどうなんだろうと思い、ためしにReactを使ってSVGのアイコンセットのようなものを作ってみました。 結果、アイコンが表示されるまでのラグもなく、タイプ数も若干減らせそうでいい感じです。 デモ jsfiddleにデモを準備しました。（デモは仕方なくJavaScript1.7です） アイコンはMaterial Design IconsのSVGを使っています。 実用的な使い方 下記のようにモジュールに分け、browserifyとbabelifyを使うのが便利だと思います。 import React from 'react'; const Icon = (props) => ( <svg style={{width: '24
