前のことですが、Googleが(?)GitHubで750ものマテリアルデザインなアイコンを配布したと一部で話題になっていました。これはかなり緩い利用条件で使うことができます。商用でも非商用でも利用できて、改変とかも可だったはず。OK、適切なクレジットを表示する必要があり、改変した場合は同じライセンスで配布すること、というものです。Widgetでも使えるようにアイコンフォント化してみました。そのやり方を紹介します。本記事は広告およびアフィリエイトプログラムによる収益を得ています。GitHubここからアイコンその他が入ったzipファイルをダウンロードします。zipファイルなので、ファイラーなりで解凍しましょう。私の場合、acroHDでかなりの時間が掛かりそうだったのでPCで解凍しました。その解凍したファイルをacroHDにコピーするのもまたえらい時間がかかりました...。解凍した中には種類ごとにフォルダが別れており、その中にさらに大きさなどで分かれています。適当に開いてみて中身を確認してみましょう。こんなアイコンたちです。これはpng形式のものもあるので、もちろんそのまま使ってもいいです。それだけだと面白くないし使いにくいのでフォント化してみます。最初に言っておくと、面倒です。以前も紹介しましたが、Icomoonというサイトでフォントを作ります。Generator左上の「Import」ボタンをタップして、フォント化したいアイコンを選びます。この時、pngファイルではなくsvgファイルを選びます。svgファイルはpng画像とは別に、svgフォルダに入っています。プレビューはpng画像で確認できますが、一部ファイル名が違うものもあったりします。svgファイルを選べばそれがIcomoon上にインポートされます。続いて、表示されているアイコンからフォント化したいものを選択します。インポートしたもの以外に最初から表示されているものをついでに一緒に入れても構いません。選び終わったら画面下の「Font」ボタンをタップ。それぞれのアイコンについて、入力欄があるので、右下に「どの文字を打ったらそのアイコンが表示されるか」という文字を入力します。入力し終わったら下部の「Download」ボタンをタップすればダウンロードできます。ダウンロードされたファイルはやはりzipファイルです。解凍すると中にfontsフォルダがあり、なかにicomoon.ttfみたいなファイルがあります。これが今作ったフォントファイルです。Widgetなりで普通のフォントと同じように使ってみましょう。必要な物を見繕って作ってみたまぁ、ぶっちゃけ面倒です。適当に見繕ってアイコンフォント化しましたので、ちょっと使ってみたい人はこれをダウンロードしてみてください。再配布などする場合は、一番の元がGoogleのだとわかるようにリンクもお願いします。どの文字がどのアイコンを表示するかの一覧は以下の画像を参考にしてください。公開されているアイコン全てをフォント化したのではなく、下記画像にある約90個のみです。このセレクトに不満な方は、上に書いた方法で自分で作ってください。スマホだとたぶん果てしなく面倒です。このアイコンフォントをGlaejaとかZooperでどう使うの?というのはまた別のお話なので、そういう時はこのブログを漁ってみてください。font本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。Iconsをアイコンフォント化しましたorefolderOREFOLDER編集長。巡り合わせから、このサイト1本で生活してる氷河期世代の一人。ガジェットに限らず広く浅く様々なものに興味があります。SO-01Bを買ったのが最初。U300で格安SIMも始めました。これまでに数百台のスマホを手にし、格安SIMも常時20種類以上契約しています。当サイトは広告およびアフィリエイトによる収益を得ています。記事の内容やリンクにはプロモーションが含まれています。詳細は「OREFOLDERについて」のページをご覧ください。