アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

超便利!アイコンフォントを一括検索できる「GlyphSearch」のご紹介

投稿日:2018-10-24 更新日:

Webサイト制作では、出番の多いアイコン。

私は以前まで画像のアイコン素材を使用していましたが、その存在を知ってからはアイコンフォントに頼りっぱなしです

まずアイコンフォントについて簡単に説明すると、「アイコンを扱えるWEBフォント」のことで、

  • ベクターデータなのでアイコンを拡大してもぼやけない
  • 画像を使うよりもページを軽くできる
  • CSSでサイズや色を簡単に変更することができる

などといったメリットがあります。

 

アイコンフォントと言えば、Font Awesomeが有名だと思いますが、その他にもたくさんのサイトがアイコンフォントを提供しています。

私はFont Awesomeでお目当てのアイコンが見つからなかった時は、他のサイトも巡って探していましたが、各サイト大量のアイコンがあるのでけっこう大変なんですよね…。

そんな時、GlyphSearchという複数のサイトからアイコンフォントを一括検索してくれるサイトを発見!これが超便利でした。

ではこれからGlyphSearchについて詳しくご紹介していきますね。

 

GlyphSearchの機能と使い方

現在GlyphSearchで横断検索できるサイトは、以下の7つです。

  • Font Awesome
  • Foundation
  • Glyphicons
  • IcoMoon
  • Ionicons
  • Material Design
  • Octicons

会員登録不要、完全無料で利用できます。

使い方は、欲しいアイコンに当てはまるようなキーワードを入力して、検索するだけ。すると該当するアイコンが各サイトごとに表示されます。

また右側のLibraryのリストを利用すると、どれか1つのサイトに絞って検索、または結果を表示することができます。

そしてさらに便利な機能がもう1つ。検索結果のアイコンをクリックすると、そのアイコンのコードをコピーしてくれます。これで、元サイトまで行ってコードを取得する手間も省けますね。

 

まとめ

いかがでしたか?

GlyphSearchを使えば、便利なアイコンフォントをより快適に使えるようになると思います。

今までアイコン探しに苦労してたよっていう方、よければ参考にしてみてください。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

参考にしたい!斜めのラインが印象的なサイト3選

こんにちは、ぶちこです。 私は今斜めグリッドのサイトのデザインに挑戦しているのですが、斜めの角度や、コンテンツ間の余白の取り方など、レイアウトがなかなか難しく苦戦中です。 そこで、斜めグリットの参考サ …

新米デザイナーが入社2ヶ月目で学んだこと

制作会社に入社して2ヶ月が経ち、徐々に仕事に慣れつつも、まだまだ奮闘中のぶちこです。 今日は2ヶ月目に学んだことを忘れないように、ここに書き留めていこうと思います。 自分の学習メモといった感じになりま …

Webデザイナー、ブチコの自己紹介。

    はじめまして、ブチコです。 初めての記事、何を書いたらいいのやらと思っていましたが、まずは簡単な自己紹介とこのブログについて書いていこうとおもいます。   これま …

建物のイラストに特化した「Town illust」

今回は、建築物やオブジェなどのイラストに特化した素材サイト「Town illust」をご紹介します。 建物のイラストならここに勝るサイトはないのでは、と言うくらい充実していますよ!   「T …

【Illustrator】文字を縦書きにする方法

今回は、イラストレーターで文字を縦書きにする方法をご紹介します。 方法としては2つあるので、どちらか使いやすい方、または状況に応じて使い分けてみてくださいね。   イラストレーターで文字を縦 …