フリーで使えるアイコン(Dingbats)をWebフォントに埋め込んでみた!

Webフォントの技術を使って様々なアイコンを提供してる便利なサービス『Font Awesome』のサイトのようにアイコンをWebフォントにしてみました。

下記のアイコン一覧は、フォント(Dingbats)に埋め混み、WebフォントとしてCSSで利用できるようにしています。商用利用可能なデータとして公開したものです。

又、データをダウンロードして、PCのFONTとして利用することも可能です。ダウンロードした素材は、WEBページやアプリのアイコン、DTPデザインなどに使用可能です。

下記のアイコンを利用する際は、<span class=”db db-×××”></span>のタグをコピペして表記したい場所にはりつけてください。数字は使いたいアイコンの数字を当てはめてください。CSSで表示しています。お好きなようにCSSで変更して利用してください。ご利用の際は、使用許諾契約を理解したとみなします。禁止事項に注意しご利用してください。


人物
(class名:db-000)


人々
(class名:db-001)


写真
(class名:db-002)


写真
(class名:db-003)


Facebook
(class名:db-004)


instagram
(class名:db-005)


Google
(class名:db-006)


Twitter
(class名:db-007)


カード
(class名:db-008)


紙幣
(class名:db-009)


HOME
(class名:db-010)


HOME
(class名:db-011)


HOME
(class名:db-012)


メニュー
(class名:db-013)


メニュー
(class名:db-014)


メニュー
(class名:db-015)


メニュー
(class名:db-016)


リンク
(class名:db-017)


リンク
(class名:db-018)


リンク
(class名:db-019)


ロック
(class名:db-020)


ロック解除
(class名:db-021)


マイク
(class名:db-022)



(class名:db-023)


ドア
(class名:db-024)


ドア
(class名:db-025)



(class名:db-026)



(class名:db-027)


時計
(class名:db-028)


電話
(class名:db-029)


電話
(class名:db-030)


電話
(class名:db-031)


フリーダイヤル
(class名:db-032)


ファイル
(class名:db-033)


地球
(class名:db-034)


地球
(class名:db-035)



(class名:db-036)


歯車
(class名:db-037)


カメラ
(class名:db-038)


カメラ
(class名:db-039)


検索
(class名:db-040)


検索
(class名:db-041)


検索
(class名:db-042)


充電
(class名:db-043)


スマフォ
(class名:db-044)


動画
(class名:db-045)


ダウンロード
(class名:db-046)


画面拡大
(class名:db-047)


検索
(class名:db-048)



(class名:db-049)



(class名:db-050)



(class名:db-051)



(class名:db-052)



(class名:db-053)


メール
(class名:db-054)


メール
(class名:db-055)


メール
(class名:db-056)


メール
(class名:db-057)


吹き出し
(class名:db-058)


吹き出し
(class名:db-059)


吹き出し
(class名:db-060)


起動ボタン
(class名:db-061)

使用許諾契約について

ダウンロード(Dingbats-v011.zip / 1.5KB)

利用方法について

関連記事