ユーザ用ツール

サイト用ツール


サイドバー

プログレス合同会社

広告

android:studio:application:app:icon

04.アイコンのダウンロード

Compose Material3からマテリアルアイコンを表示する際は、アイコンライブラリからではなくhttps://fonts.google.com/iconsからアイコンをダウンロードして使用するように勧められています。

使用する予定のアイコンをダウンロードして、Android Studioに取り込んでおきます。

まず、https://fonts.google.com/iconsにアクセスします。

android:studio:application:app:android-app0401.png

アイコンの絞り込み

アイコンの数が多いため、左側のペインを下にスクロールしてカテゴリで絞り込みます。
例では『Actions』で絞っています。

android:studio:application:app:android-app0402.png

アイコンの選択

warning』アイコンを選択しています。

android:studio:application:app:android-app0403.png

形式の選択

ダウンロード形式は『Android』を選択します。

android:studio:application:app:android-app0404.png

ダウンロード

Download』でアイコンのxmlファイルがダウンロードされます。

アイコンの取り込み

ダウンロードしたアイコンのxmlファイルをAndroid Studioに取り込みます。

android:studio:application:app:android-app0411.png

Resource Managerを開きます

Android Studioのメニューバーから『ツール』で『Resource Manager』を開きます。

android:studio:application:app:android-app0412.png

モジュール選択

アイコンを取込むモジュールを選択します。

:core:ui』を選択しています。

android:studio:application:app:android-app0413.png

アイコンの選択

』アイコン➡『import Drawables』で取込むアイコンのxmlファイルを選択します。

android:studio:application:app:android-app0414.png

アイコンの確認

選択したファイルのアイコンイメージが表示されます。
※白アイコンになることがありますが、そのまま進みます。
リソース名を『ic_xxxxxx』に変更して、『次へ(N)』で次に進みます。

android:studio:application:app:android-app0415.png

アイコンの取り込み

アイコンが取込まれるディレクトリが表示されます。

import』でアイコンが取り込まれます。

色情報の削除

アイコンファイルが持っている色情報を削除して、アイコン使用時に色を設定できるようにします。

<vector xmlns:android="http://schemas.android.com/apk/res/android"
   :
    android:tint="?attr/colorControlNormal">
  >
  <path
      android:fillColor="@android:color/white"
   :

3行目
android:tintの定義を削除します。
6行目
android:fillColorの行を削除します。
プレビューで確認したいときはcolor/blackにして行を戻します。

android/studio/application/app/icon.txt · 最終更新: by プログレス合同会社