国の地形をフリーアイコン化した「Map Glyphs」が面白い!

1

Webサイトなどで使えるフリーのアイコンは、検索すると多種多様なモノがヒットします。

しかし、今回ご紹介する「Map Glyphs」は、世界中の「国の地形」がそのままアイコン化されている珍しいサービスとなっています。


どんなアイコンなのか?

サイトの上部メニューにある「Map Icons」をクリックすると、さまざまな国の地形がアイコン化されているのが分かります。

2

気になったアイコンをクリックすると、より大きな画像で詳細が閲覧できるようになっています。

 
アイコンのサイズ指定なども可能で、以下のようなシンプルで使いやすい地形アイコンが利用できるようになります。

3

これを使ってゲームを作ったり、旅行系ブログやWebサービスなどにも活用できそうですね。


使い方!

利用方法はシンプルです。

まず、サイトのトップ画面にある「Download」ボタンから、アイコンファイルをダウンロードします。

4

ウィンドウが表示されるので、フリー版を選択しましょう。

(Tips)
フリー版で利用する場合は、Map Glyphsへのリンクをサイトに貼るのを忘れないようにしましょう。

 
zipファイルをダウンロード出来たら、解凍してサイトのルートディレクトリに「mapglyphs」フォルダをそのまま配置します。

Head要素内に、以下のタグを設置します。

<link href="mapglyphs/mapglyphs.css" rel="stylesheet">

 
あとは、Body要素内の好きな場所へ、お気に入りの地形アイコンタグを設置すればOKです!

<i class="mg map-jp"></i>

(日本の地形アイコンの場合…)

 
アイコンは、サイズ指定も出来るようになっています。

<i class="mg map-jp mg-5x"></i>

(5倍のサイズにする場合…)

 
非常にユニークなアイコンを、とてもお手軽に利用できるサービスかと思います。

(参考)
Map Glyphs」サイト


最新情報をチェック!

一緒によく読まれている記事

キーワード Keyword