SVGをURL()に埋め込む

投稿日:2022-08-29 投稿者:PS カテゴリ:その他 タグ: , , 

div {
  background-image: { url("data:image/svg+xml;utf8, ... ");}
}

上の … の部分にSVGソースを一部の文字をデコードして埋め込むことができる。

<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48">
  <path d="m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z"/>
</svg>
変換クリアリストア

変換内容

＜%3C
＞%3E
“‘
(タブ)(半角スペース)
(２個以上の半角スペース)(１個の半角スペース)
(改行)(削除)