CODING SERVICE

アイコンを簡単に表示できる!Icongram

投稿日:


どうも、べ〜やんです。

今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。





Icongramとは


引用元:Icongram

Icongramは9つのアイコンライブラリからAPI経由でアイコンを使用できるサービスで、8,000以上のアイコンを選択することができます。

使用できるアイコンライブラリ

  • Clarity icons
  • Devicon
  • Entypo icons
  • Feather icons
  • Font Awesome icons
  • Jam icons
  • Material Design icons
  • Octicons
  • Simple icons

それぞれのライブラリのリンクも貼られているので、それぞれのライブラリから直接使用することもできます。

Icongram


使い方


使い方は簡単です。

ライブラリの中から使用するアイコンを選びライブラリ名、アイコン名、サイズ、カラーコードなどを指定してAPIとして使えるURLを作ります。

imgタグでURLを呼び出して使用します。

<img src=”https://icongr.am/{library name}/{icon name}.svg?size={number}&color={hex}”>

See the Pen dyPbJZo by beeyan (@orientado) on CodePen.


おわりに


今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介しました。

非常に簡単に使用できて便利ですね。



-CODING, SERVICE
-

執筆者:


comment

関連記事

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

[CSS] CSSでチェックマークを作る方法

どうも、べ〜やんです。 今回はCSSでチェックマークを作る方法を初心者の方用に紹介します。 リストなどのデザインのバリエーションを増やすのに便利です。 チェックマーク リストなどによく使われるチェック …

日本語フリーフォントを試せる!ためしがき

どうも、べ〜やんです。 今回は、好きな文章で複数の日本語フリーフォントを一度に確認できるサービス『ためしがき』を紹介します。 ためしがきとは 引用元:ためしがき 『ためしがき』は商用利用可能な日本語の …

簡単にQRコードを自動生成する

どうも、べ〜やんです。 今回は、簡単にQRコードを自動生成してくれるサイトを紹介します。 しかも無料です。 QRコードとは ご存知だとは思いますが、QRコードとはこれです↓ beeyanblog QR …

Googleアドセンス審査通過

どうも、べ〜やんです。 今回は、このブログがGoogleアドセンスの審査を通過したので、審査に通過した時点のブログの状態を紹介します。 同じようにGoogleアドセンスの審査を受けようと思っている方の …