Material Symbols and Icons - Google Fonts
<head> 内に追加
<link href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=block' rel='stylesheet'/>
上は標準のカスタマイズのコード
(Fill: 0 Weight: 400 Grade: 0
Optical size: 48)
アイコンの挿入
右メニューの Inserting the icon の箇所のコードをコピー&ペーストします
<span class="material-symbols-outlined"> favorite </span>
結果
favoriteま、Googleが <span> タグでの挿入を推奨している様なので <span> タグを使った方が良いでしょう
追記
必要なアイコンのみを読み込む方法を追記しました
0 comments:
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。