フリーで使えるアイコン(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)
使用許諾契約について
- 原則、個人・商用で利用できるフリー素材ですが、素材自体には製作者の著作権があるものもあります。yoseyama.jp内で配布している素材や改変した素材を販売(二次利用)する事は禁止です。利用の際は必ず、『素材協力:yoseyama.jp』のクレジットを表記してください。ご報告いただけると幸いです。どうしても表記ができない場合は、買取として販売(ライセンス・1サイト:3,000円税別)いたします。お問い合わせは「お問い合わせ」からお願いします。(※企業ロゴやマークも含まれているのでそれはカットいたします。)
- デザインやパターン系のジェネレターで、このyoseyama.jp内の素材を使うことは禁止しています。
- 商標として登録されると他のデザイナーさんが使えなくなりますので禁止です。
- このフリー素材を利用した際に生じるトラブルや損害には、yoseyama.jpは関与いたしません。あくまでもご利用の際は、自己責任でお願いします。
ダウンロード(Dingbats-v011.zip / 1.5KB)
- 2020.01.19:Dingbats-v011.zip アップロード(テキスト修正)
- 2020.01.19:Dingbats-v01.zip アップロード
利用方法について
- ダウンロードしたデータ(Dingbats-v01.zip / 1.5KB)を解凍し、ご利用ください。
- Dingbatsの中身
・index.html(アイコンの一覧)
・fonts(フォルダ)/DingbatsFontLandlite-Regular.otf
・css(フォルダ)/style.css, dingbats.css
・readme.txt - 上記の「DingbatsFontLandlite-Regular.otf」がフォントデータです。cssを利用の際は「dingbats.css」をご利用ください。
- 上記バージョンは0.1.1です。(2020.01.20現在)
- 何かご質問があれば「お問い合わせ」からお願いします。