Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
超便利!アイコンフォントを一括検索できる「GlyphSearch」のご紹介 | ぶちろぐ

アラサー主婦の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

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

関連記事

商用利用無料の動画素材サイト「Pexels Videos」

よく背景いっぱいに動画を配置したサイトがありますが、肝心の動画素材を探すのってけっこう大変だと思います。 そこで今回は、そんな時に使える商用利用無料の動画素材サイトをご紹介します。   商用 …

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …

Webデザインを始めて変わったこと

こんにちは、ぶちこです。 毎日狂ったように暑いですが、皆さん大丈夫でしょうか…。     最近、ふと思うことがあります。     それは、webデザインを始めてから、自分変わったなあということ。   …

【Illustrator】配置した画像にフチをつける方法

今日はIllustratorで配置した画像にフチをつける方法についてご紹介します。 もちろん、クリッピングマスクのかかった画像でもフチをつけることができますよ。 なんとなくフチって「線を追加」でつけら …

レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」

今回は、レトロ・ヴィンテージ風なベクター素材がたくさん揃ったサイト、「Retro Vectors」をご紹介します! 配布している素材もそうですが、サイト自体がとてもお洒落なのでぜひ見ていただきたいです …