Compose Material3からマテリアルアイコンを表示する際は、アイコンライブラリからではなくhttps://fonts.google.com/iconsからアイコンをダウンロードして使用するように勧められています。
使用する予定のアイコンをダウンロードして、Android Studioに取り込んでおきます。
まず、https://fonts.google.com/iconsにアクセスします。
アイコンの絞り込み
アイコンの数が多いため、左側のペインを下にスクロールしてカテゴリで絞り込みます。
例では『Actions』で絞っています。
『warning』アイコンを選択しています。
形式の選択ダウンロード形式は『Android』を選択します。
ダウンロード『Download』でアイコンのxmlファイルがダウンロードされます。
ダウンロードしたアイコンのxmlファイルをAndroid Studioに取り込みます。
Resource Managerを開きますAndroid Studioのメニューバーから『ツール』で『Resource Manager』を開きます。
モジュール選択アイコンを取込むモジュールを選択します。
『:core:ui』を選択しています。
アイコンの選択『+』アイコン➡『import Drawables』で取込むアイコンのxmlファイルを選択します。
アイコンの確認
選択したファイルのアイコンイメージが表示されます。
※白アイコンになることがありますが、そのまま進みます。
リソース名を『ic_xxxxxx』に変更して、『次へ(N)』で次に進みます。
アイコンが取込まれるディレクトリが表示されます。
『import』でアイコンが取り込まれます。
アイコンファイルが持っている色情報を削除して、アイコン使用時に色を設定できるようにします。
<vector xmlns:android="http://schemas.android.com/apk/res/android"
:
android:tint="?attr/colorControlNormal">
>
<path
android:fillColor="@android:color/white"
: