SVG
scalable vector graphics
pngなどと同じ画像フォーマット、ただvector形式でscalable フィルター、アニメーション表現が可能, SVGはGIFでは扱えない透過も利用できます
babelを使う(必要があるか..) yarn add -D babel-plugin-inline-react-svg .babelrcを書かないとだけど、多少ならしょうがない?
フィルターを使いたい
SVGの中にはテキストや四角形、円などいろいろな図形を含めることができるが、それらに対してフィルター効果を付与することができる。
フィルターは普通<svg>内の<defs>内で宣言する。フィルターは一度宣言すれば何度も参照でき、同じページ内の別の<svg>からでも参照することができる
ほとんどの場合CSSで事足りるし、ブラウザーの対応状況が少し不安であるということもあり、SVGフィルターを使う機会はあまりないと思われるが、複雑なフィルターを作ることができるという点で利点があることを覚えておくとよいかもしれない