font-awesome

Font Awesomeはウェブサイトデザインに使用できるアイコンSVG、フォント、CSSツールキットです。ウェブ開発者がUIデザインを豊かで効率的にするための多様なアイコンを提供します。

Latest Ver 6.7.2

Homepage

Github

75,148

📢 Font AwesomeはウェブUIデザインを強化するための多様なアイコンを提供するツールキットです。

CDNダウンロード

License: (OFL-1.1 OR MIT OR CC-BY-4.0)

Asset Type :

すべてのバージョンを見る

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/all.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/brands.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/brands.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/conflict-detection.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/conflict-detection.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/regular.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/regular.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/solid.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/solid.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/v4-shims.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/v4-shims.min.js

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/regular.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/regular.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/svg-with-js.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/svg-with-js.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-font-face.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-font-face.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-shims.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v4-shims.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v5-font-face.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/v5-font-face.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/brands.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/regular.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/sprites/solid.svg

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.woff2

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div id='icon-container'><i class='fas fa-camera'></i></div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">

⚡ Top Tools for Developers

テキスト比較

2つのテキストの違いを一目で確認できます。

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

画像テキスト抽出

画像内のテキストを自動で抽出します。