CDNアイコン

**lucide-iconで事足りることが多い　https://lucide.dev/

1 , Google Material Icons

公式：https://fonts.google.com/icons

CDNリンク:

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

CDNリンクを読み込んだらspanタグをそのままペーストする

[クラス名 , テキスト名]の２つが揃って機能するので、テキストを消してはいけない。

テキストの後に任意のテキストを追加できる。

例：

<> face 自己紹介 <>

公式：https://icons8.com/line-awesome/howto

CDNリンク：

<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css" />

バリエーションが豊富で自由度も高い。

そこが欠点とも言える = サイト内の要素が多すぎ

CDNリンクを探す手間がかからないSVGでいい