27
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Material Design のアイコンをアプリに取り入れる

Posted at

はじめに

Google Play や Chrome など、Google 公式アプリで新しいアイコンが使われだしたので、アプリを今っぽくするにも徐々に導入したいですね。

ファイルダウンロード

ここにありました。
https://dribbble.com/shots/1697054--SVG-Sketch-Material-Icons-Pack

Material_Design_Icons.sketch.zip

商用利用 OK?

Are these free for commercial use as well?

という質問への回答は

Yes, they are.

だそうです。

Android Asset Studio でファイルを作る

ダウンロードしたフォルダを解凍したら、アプリに取り入れたいアイコンを AssetStudio から作成します。
http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

出来上がったフォルダを res フォルダに追加してあげれば終了!超簡単ですね!

参考:Android Asset Studio

  • IMAGE から素材を選択します
  • TRIM, PADDING はそれぞれ TRIM, 0% を指定します(ガイドラインに沿った PADDING を自動で補完してくれます)
  • NAME でファイル名を指定します
  • THEME で HOLO LIGHT, HOLO DARK 用のアイコンカラー、もしくは、カスタムカラーを指定します(カスタム時はアイコンの透明度も指定できます)

ちなみにこの素晴らしいサービスですが、Google で働く UI デザイナーの Roman Nurik によるものです。
https://github.com/romannurik

qiita2.png

27
26
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
27
26

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?