インラインSVGはHTMLに直接タグで貼り付けられる SVGファイルの実態はパスなどの情報が記載されたXML形式の文字になります。手元にSVGファイルがあればテキストファイルで開いてみてください。 例えば以下のSVG画像は、実はこの記事に直接HTMLタグとして貼り付けていますが画像として表示されていることが分かるかと思います。 上の画像の文字としては実態は以下のとおりです。 <svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 64 64' width='64' height='64' fill='#666'> <path d='M0 64 L32 32 L0 0 Z' /> </svg> こんな感じで、SVG画像の実態はパスの集合がテキスト情報で書かれたファイルでして、画像としての扱いではなくHTMLタグとして使うことができるようにな
![インラインSVGを使えば画像の色変更をCSSから楽にできる! | HPcode(えいちぴーこーど)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0467d86f05488cbe95c62355156db80226d7abdc/height=288;version=1;width=512/https%3A%2F%2Fhaniwaman.com%2Fcms%2Fwp-content%2Fuploads%2F2019%2F11%2Fsvg0.png)