style 属性を使用して、アイコンの色とサイズを設定できます。次に例を示します。
<i class="fal fa-tools" style="font-size:2rem;color:#33333;"></i> フェザーアイコン
| アイコン | コード | 標準使用 |
|---|---|---|
<img class="bcls-icon" src="/assets/images/feather/tool.svg"> |
管理 | |
 |
<img class="bcls-icon" src="/assets/images/feather/dollar-sign.svg"> |
広告 |
<img class="bcls-icon" src="/assets/images/feather/bar-chart-2.svg"> |
分析 | |
 |
<img class="bcls-icon" src="/assets/images/feather/settings.svg"> |
API |
 |
<img class="bcls-icon" src="/assets/images/feather/sunrise.svg"> |
基本 |
<img class="bcls-icon" src="/assets/images/feather/code.svg"> |
コード | |
 |
<img class="bcls-icon" src="/assets/images/feather/codepen.svg"> |
コードソリューション |
 |
<img class="bcls-icon" src="/assets/images/feather/smartphone.svg"> |
モバイルアプリの作成 |
 |
<img class="bcls-icon" src="/assets/images/feather/layout.svg"> |
Web アプリを作成する |
 |
<img class="bcls-icon" src="/assets/images/feather/edit.svg"> |
アプリデザインの作成 |
 |
<img class="bcls-icon" src="/assets/images/feather/zap.svg"> |
エクスペリエンスの作成 |
 |
<img class="bcls-icon" src="/assets/images/feather/user-plus.svg"> |
ユーザーの作成 |
 |
<img class="bcls-icon" src="/assets/images/feather/monitor.svg"> |
アプリを作成する |
 |
<img class="bcls-icon" src="/assets/images/feather/arrow-up-right.svg"> |
アプリケーションの作成 |
|
<img class="bcls-icon" src="/assets/images/feather/layout.svg"> |
プレイリストを作成 |
 |
<img class="bcls-icon" src="/assets/images/feather/list.svg"> |
ダッシュボード |
 |
<img class="bcls-icon" src="/assets/images/feather/filter.svg"> |
データ収集 |
 |
<img class="bcls-icon" src="/assets/images/feather/coffee.svg"> |
設計上の考慮事項 |
 |
<img class="bcls-icon" src="/assets/images/feather/git-merge.svg"> |
デリバリーシステム |
 |
<img class="bcls-icon" src="/assets/images/feather/terminal.svg"> |
開発者 |
 |
<img class="bcls-icon" src="/assets/images/feather/file-text.svg"> |
ドキュメンテーション |
 |
<img class="bcls-icon" src="/assets/images/feather/fast-forward.svg"> |
エンコーディングガイド |
|
<img class="bcls-icon" src="/assets/images/feather/settings.svg"> |
エンコーディング設定 |
 |
<img class="bcls-icon" src="/assets/images/feather/alert-circle.svg"> |
エラー/トラブルシューティング |
 |
<img class="bcls-icon" src="/assets/images/feather/external-link.svg"> |
外部リンク |
<img class="bcls-icon" src="/assets/images/feather/info.svg"> |
一般情報 | |
 |
<img class="bcls-icon" src="/assets/images/feather/play.svg"> |
はじめに |
 |
<img class="bcls-icon" src="/assets/images/feather/arrow-right.svg"> |
ガイド |
 |
<img class="bcls-icon" src="/assets/images/feather/map.svg"> |
実装フェーズ |
 |
<img class="bcls-icon" src="/assets/images/feather/copy.svg"> |
プロファイルの取り込み |
 |
<img class="bcls-icon" src="/assets/images/feather/log-in.svg"> |
Chrome プラグインをインストールする |
|
<img class="bcls-icon" src="/assets/images/feather/smartphone.svg"> |
デバイスにインストールする |
 |
<img class="bcls-icon" src="/assets/images/feather/share-2.svg"> |
インテグレーション |
 |
<img class="bcls-icon" src="/assets/images/feather/book-open.svg"> |
ラーニングガイド |
 |
<img class="bcls-icon" src="/assets/images/feather/airplay.svg"> |
ライブビデオ |
 |
<img class="bcls-icon" src="/assets/images/feather/film.svg"> |
動画を管理する |
 |
<img class="bcls-icon" src="/assets/images/feather/compass.svg"> |
UI をナビゲートする |
 |
<img class="bcls-icon" src="/assets/images/feather/play-circle.svg"> |
プレイバック |
|
<img class="bcls-icon" src="/assets/images/feather/play-circle.svg"> |
プレイバックAPI |
|
<img class="bcls-icon" src="/assets/images/feather/airplay.svg"> |
プレイヤー管理 API |
|
<img class="bcls-icon" src="/assets/images/feather/log-in.svg"> |
プラグイン |
 |
<img class="bcls-icon" src="/assets/images/feather/key.svg"> |
ポリシー API |
 |
<img class="bcls-icon" src="/assets/images/feather/image.svg"> |
パブリッシュ |
 |
<img class="bcls-icon" src="/assets/images/feather/codesandbox.svg"> |
参考文献 |
 |
<img class="bcls-icon" src="/assets/images/feather/bell.svg"> |
リリースノート |
 |
<img class="bcls-icon" src="/assets/images/feather/search.svg"> |
検索 |
 |
<img class="bcls-icon" src="/assets/images/feather/lock.svg"> |
セキュリティ、OAuth、DRM |
|
<img class="bcls-icon" src="/assets/images/feather/zap.svg"> |
スタイリング |
<img class="bcls-icon" src="/assets/images/feather/help-circle.svg"> |
サポート | |
 |
<img class="bcls-icon" src="/assets/images/feather/repeat.svg"> |
同期中 |
|
<img class="bcls-icon" src="/assets/images/feather/layout.svg"> |
シンジケーション |
|
<img class="bcls-icon" src="/assets/images/feather/external-link.svg"> |
トレーニング |
|
<img class="bcls-icon" src="/assets/images/feather/alert-circle.svg"> |
トラブルシューティング |
 |
<img class="bcls-icon" src="/assets/images/feather/upload-cloud.svg"> |
アップロード |
 |
<img src="/assets/images/product-logos/beacon-nut.svg"> |
使用{product} (アイコンを作成する必要がある) |
フォント恐ろしいアイコン
| アイコン | コード | 標準使用 |
|---|---|---|
<i class=">fal fa-tools"></i> |
管理 | |
<i class=">far fa-ad"></i> |
広告 | |
<i class="far fa-chart-bar"></i> |
アナリティクス | |
<i class="fal fa-cogs"></i> |
API | |
| /td > | <i class="far fa-shapes"></i> |
基本 |
<i class="far fa-brackets-curly"></i> |
コード | |
<i class="fab fa-connectdevelop"></i> |
コードソリューション | |
<i class="fas fa-mobile-android-alt"></i> |
モバイルアプリの作成 | |
<i class="far fa-browser"></i> |
Web アプリを作成する | |
| < | <i class="far fa-edit"></i> |
アプリデザインの作成 |
<i class="far fa-phone-laptop"></i> |
エクスペリエンスの作成 | |
<i class="fal fa-users-medical"></i> |
ユーザーの作成 | |
<i class="fal fa-phone-laptop"></i> |
アプリを作成する | |
 |
<i class="fal fa-rocket-launch"></i> |
アプリケーションの作成 |
<i class="fas fa-th-list"></i> |
プレイリストを作成 | |
<i class="far fa-tachometer-fast"></i> |
ダッシュボード | |
<i class="fal fa-filter"></i> |
データ収集 | |
 |
<i class="far fa-pencil-ruler"></i> |
設計上の考慮事項 |
<i class="fal fa-code-merge"></i> |
デリバリーシステム | |
<i class="fal fa-code"></i> |
開発者 | |
<i class="fal fa-file-alt"></i> |
ドキュメンテーション | |
<i class="fas fa-fast-forward"></i> |
エンコーディングガイド | |
<i class="fal fa-cogs"></i> |
エンコーディング設定 | |
<i class="fal fa-exclamation-triangle"></i> |
エラー/トラブルシューティング | |
<i class="far fa-external-link-square-alt"></i> |
外部リンク | |
<i class="far fa-info-circle"></i> |
一般情報 | |
|
<i class="far fa-location-arrow"></i> |
はじめに |
<i class="fal fa-map-signs"></i> |
ガイド | |
|
<i class="fal fa-project-diagram"></i> |
実装フェーズ |
<i class="fab fa-ioxhost"></i> |
プロファイルの取り込み | |
<i class="far fa-plug"></i> |
Chrome プラグインをインストールする | |
<i class="fas fa-mobile-alt"></i> |
デバイスにインストールする | |
<i class="far fa-handshake-alt"></i> |
インテグレーション | |
|
<i class="far fa-book-reader"></i> |
ラーニングガイド |
<i class="fas fa-satellite-dish"></i> |
ライブビデオ | |
|
<i class="fas fa-film"></i> |
ビデオを管理する |
<i class="far fa-compass"></i> |
UI をナビゲートする | |
<i class="fal fa-play-circle"></i> |
プレイバック | |
<i class="fal fa-bring-front"></i> |
プレイバックAPI | |
<i class="fal fa-photo-video"></i> |
プレイヤー管理 API | |
<i class="far fa-plug"></i> |
プラグイン | |
<i class="fal fa-key"></i> |
ポリシー API | |
<i class="far fa-browser"></i> |
パブリッシュ | |
<i class="fal fa-books"></i> |
参考文献 | |
<i class="far fa-bell"></i> |
リリースノート | |
<i class="fal fa-search"></i> |
検索 | |
<i class="fal fa-lock-alt"></i> |
セキュリティ、OAuth、DRM | |
<i class="far fa-hat-wizard"></i> |
スタイリング | |
<i class="far fa-question-circle"></i> |
サポート | |
<i class="far fa-sync"></i> |
同期中 | |
<i class="fal fa-rss"></i> |
シンジケーション | |
<i class="far fa-chalkboard-teacher"></i> |
トレーニング | |
<i class="far fa-exclamation-triangle"></i> |
トラブルシューティング | |
<i class="far fa-cloud-upload-alt"></i> |
アップロード | |
|
<img src="/assets/images/product-logos/beacon-nut.svg"> |
使用{product} (アイコンを作成する必要がある) |