アイコンを配置したあとに、スタイルを変更していく方法を見ていきます。
- アイコンの配置
- アイコンのスタイリング
2025年1月24日
補足情報 Material Iconsを使う方法
Material IconsはGoogle Fontsに移管されたようです(2025年1月現在)。
導入方法としては、
https://developers.google.com/fonts/docs/material_symbols#static_font_with_google_fonts
にあるとおり、
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
を読み込んだあとに、
https://fonts.google.com/icons
からアイコンを検索し、そこに出てくるコードを以下のように貼り付ければOKです。
<span class="material-symbols-outlined">search</span>
<span class="material-symbols-outlined">home</span>
<span class="material-symbols-outlined">settings</span>
<span class="material-symbols-outlined">favorite</span>
この動画に関する質問と回答はありません。
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる