fix-icons 使い方デモ

このページはスプライトをインラインに埋め込んで表示しています。実際のサイトでは <use href="/fix-icons.svg#名前"> の形で外部ファイルを参照できます。

基本: <i class="bi bi-twitter"> と同じ感覚

<link rel="stylesheet" href="/fix-icons.css">
<svg class="fi"><use href="/fix-icons.svg#twitter"/></svg>

大きさは font-size、色は color (Bootstrap と同じ)

24px の Twitter / Misskey 色 48px / Pawchive 色

単色アイコン

カラーアイコン