インスタグラムの公式ロゴ(アイコン)ダウンロード方法!フォント作成の仕方は?

インスタグラムのロゴのフォントやアイコンを「いいな」とは感じる人は多いでしょう。そのインスタグラムのロゴのフォントやアイコンが、制限付きながら使えるということをご存知でしょうか。今回はインスタグラムのフォントとアイコンの入手方法を注意事項とともにお伝えします。

目次

  1. 1インスタグラムのロゴのフォントは今と昔で違う?
  2. 昔はBillabong(ビラボン)という種類のフォント
  3. 2インスタグラムのフォントBillabong(ビラボン)のダウンロード
  4. サイトからフリーダウンロード
  5. フォントファイルを登録する
  6. 3インスタグラムのフォントBillabong(ビラボン)の使用方法
  7. 文字を書いてフォントを変更するだけ
  8. 画像編集アプリの中でも使用できる
  9. 4インスタグラムのフォントを日本語にも使用できる?
  10. フォント変換は英数字のみ
  11. 5インスタグラムの今のフォントはフリーで利用できる?
  12. 6インスタグラムの公式ロゴを素材にできる
  13. ダウンロード方法
  14. 文字や色を変えることは著作権法違反になる
  15. 7インスタグラムのフォントを使っておしゃれにしよう
  16. Instagramの記事が気になった方にはこちらもおすすめ!

インスタグラムのロゴのフォントは今と昔で違う?

インスタグラムの公式ロゴマーク(アイコンやグリフといったマークと、文字のロゴとを合わせたものをロゴマークといいます)は、非常にシンプルでスタイリッシュです。特にインスタグラムのアイコンは洗練されていて、ちょっと見にはインスタントカメラを基にしたとは見えないほどです。

こうしたインスタグラムのアイコンのようなシンプルで平面的なデザインをフラットデザインと呼びます。2013年にAppleがiOS7で導入したことで一気に普及したデザインで、シンプルでかっこよく、データの通信量が減って画面表示が速くなり、ユーザーがアイコンに邪魔されずに本体のコンテンツに集中できる、というメリットがあります。

実はそれ以前のアイコンは、スキューモーフィズムと呼ばれる現実世界のアイテムを模してアイコン化したものが多かったのです。これは今よりもユーザーがスマホに慣れていなかったため「このアプリはリアルで言うとこれこれです」と見せることが重要だと思われていたせいです。

ところが2013年にスティーブ・ジョブズが「いやいや、それってダサいよね」とiOS7のアイコンをすべてフラットデザインに変えてしまいました。その影響を受けて、ほかの全部のアプリも2018年現在のフラットデザインに変更されたのです。

インスタグラムもまたその波に翻弄された一つです。スティーブ・ジョブズから遅れること3年、2016年に現在のフラットデザインのインスタグラム公式ロゴマークが作成されました

しかしそれまでのインスタグラム公式ロゴマークに使用されていたのは、さっき申し上げたスキューモーフィズムばりばりのインスタントカメラそのままのアイコンデザインだったのです。

昔はBillabong(ビラボン)という種類のフォント

2016年のインスタグラム公式ロゴマークの変更で、アイコンと同様にインスタグラムのロゴのフォントも変更されました。

2013年に作成されたそれまでのインスタグラム公式ロゴマークでは、Billabongというフリーフォントが使われていました。このBillabongフォントは割りと太めのマジックで書いたような筆記体で、親しみやすさと暖かさを感じさせてくれました。

インスタグラムが写真投稿アプリであることを強調した、インスタグラム公式ロゴマークにあるインスタントカメラのアイコンの、ちょっと古い感じと合ういいフリーフォントです。

今のフォントは?

一方、現在のインスタグラムの公式ロゴマークにある、インスタグラムの文字のロゴタイプに使われているフォントは、フラットデザインを採用してシンプルでスタイリッシュになったインスタグラムアイコンに合わせて、ぐっと都会的でスタイリッシュになっています。

このロゴタイプは新たにデザインされたもので、まったく同じフォントはありません。しかし、デザインの基になったと思われるBlue Vinylというフォントがあります。このフォントについては後述します。

インスタグラムのフォントBillabong(ビラボン)のダウンロード

現在は使われていませんが、Billabongはいい雰囲気のフォントですし、以前からインスタグラムを利用していた人なら使ってみたいと思うフォントの一つでしょう。しかし、BillabongフォントはWindowsPCやMacには最初からインストールされているフォントではありません。

そこでフリーフォントを配布しているサイトからBillabongフォントをダウンロードしましょう。フリーフォントなので無料で手に入るのがうれしいところです。

フリーフォントのダウンロードサイトは数多くありますが、今回は ALLBESTFONTS.com からBillabongフォントをダウンロードします。

Font Billabong free download | Typeface

サイトからフリーダウンロード

先のリンクでBillabongフォントのダウンロードページに飛ぶと大きな「Billabong」の文字の下に緑色のダウンロードボタンがありますので、これをクリックしてBillabongフォントをダウンロードしてください。

すると、あなたのパソコンのダウンロードフォルダに「Billabong.zip」という圧縮ファイルがダウンロードされたはずです。

これを展開すると、フォントファイルである「Billabong.ttf」とインスタグラムのロゴマークに似せて作成された「instagram-logo.jpg」が手に入ります

フォントファイルを登録する

入手したBillabongフォントのTrueTypeフォントファイルは、OSにインストールする必要があります。以下ではmacOSでのインストール方法をお伝えしますが、Windowsでもほぼ同じ手順でBillabongフォントがインストール可能です

まず展開した「Billabong.ttf」をダブルクリックします。するとフォントの見本が表示されますので「フォントをインストール」をクリックします。

するとMacのフォントを管理するアプリ、Font Bookが立ち上がり、Billabongフォントは無事にOSにインストールされます

これ以降、あなたのパソコンでは自由に、文字通りフリーなフォントとしてBillabongフォントを利用できます。

インスタグラムのフォントBillabong(ビラボン)の使用方法

パソコンにインストールされたBillabongフォントは、ほかのフォントと同様にさまざまなアプリで利用できます。

文字を書いてフォントを変更するだけ

フリーフォントのBillabongフォントは文字を扱えるアプリなら、ほぼどんなアプリでも利用できます。今回は試しにmacOSに最初から搭載されているメモ.appでBillabongフォントを使ってみましょう。

まず画面の適当なところでマウスを右クリック(またはCtrlキーを押しながらクリック)してコンテキストメニューを表示させます。そしてその中の「フォント」を選び、横に開いた孫メニューの中から「フォントパネルを表示」をクリックします。

関連するまとめ

関連するキーワード

この記事のライター
julyten
PDAの頃から携帯機器やPC関係を扱ってきた旧きプロレス愛好家。

人気の記事

新着まとめ