Deviconを使ってwebページにプログラミング言語やwebサービスのアイコンを表示させる。

概要

webページにDeviconを利用してアイコンを表示させる。

Devicon

Deviconウェブサイト: http://devicon.fr/

手順

Font versionとSVG versionがありますが、今回はFont versionを使用します。
1. Deviconのトップページ右側search for iconsから自分が使いたいiconを選択する。
2. ページの左側に選択したアイコンの4つのタイプが表示されるので、使いたいものを選択。
Font versionsの方を確認する。

3.次にアイコンの下にある

Devicon

<!-- in your header -->
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css">

を使いたいhtmlファイルのhead内にコピペする。
4. 最後に

Devicon

<!-- in your body -->
<i class="devicon-ここはアイコンによって変わる"></i>

を表示させたい位置に挿入する。

参照サイト

Devicon 2.0 http://devicon.fr/