Font Icon

Font icon used（使用するフォントアイコン）

• fontawesome6.x (> Connect-CMS v1.26.1)
  • v6には、v5 アイコン名のエイリアスが含まれているため、v5のコードでも v6 アイコンを表示できます。
• fontawesome5.x (<= Connect-CMS v1.26.0)

Commit changes（変更の確定）

• fontawesome6.x
  • <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> 変更確定</button>
• fontawesome5.x
  • <button type="submit" class="btn btn-primary"><i class="fas fa-check"></i> 変更確定</button>
• https://fontawesome.com/icons/check?style=solid
  ex. Save, Delete（登録、変更、削除を確定する際に使用）

Cancel（キャンセル）

• fontawesome6.x
  • <button type="button" class="btn btn-secondary"><i class="fa-solid fa-xmark"></i> キャンセル</button>
• fontawesome5.x
  • <button type="button" class="btn btn-secondary"><i class="fas fa-times"></i> キャンセル</button>
• https://fontawesome.com/icons/times?style=solid

Temporary save（一時保存）

• fontawesome6.x
  • <button type="button" class="btn btn-info"><i class="fa-regular fa-floppy-disk"></i> 一時保存</button>
• fontawesome5.x
  • <button type="button" class="btn btn-info"><i class="far fa-save"></i> 一時保存</button>
• https://fontawesome.com/icons/save?f=classic&s=regular

Delete confirm（削除確認）

• fontawesome6.x
  • <button type="button" class="btn btn-danger"><i class="fa-solid fa-trash-can"></i> 削除</button>
• fontawesome5.x
  • <button type="button" class="btn btn-danger"><i class="fas fa-trash-alt"></i> 削除</button>
    https://fontawesome.com/icons/trash-alt?style=solid

Edit（編集）

• fontawesome5.x
  • <button class="btn btn-primary btn-sm" type="button"><i class="far fa-edit"></i> ブログ設定変更</button>
• https://fontawesome.com/icons/save?f=classic&s=regular

Send（登録）

• fontawesome5.x
  • <button class="btn btn-primary"><i class="fab fa-facebook-messenger"></i> 確認画面へ</button>
• https://fontawesome.com/icons/facebook-messenger?style=brands

Information（通知）

• fontawesome5.x
  • <div class="alert alert-info"><i class="fas fa-exclamation-circle"></i>ブログ設定を変更します。</div>
• https://fontawesome.com/icons/exclamation-circle?style=solid

Add（追加）

• fontawesome5.x
  • <i class="fas fa-plus"></i> <span class="d-none d-sm-inline">選択肢追加</span>
• https://fontawesome.com/icons/plus?style=solid

List（一覧）

• fontawesome5.x
  • <i class="fas fa-list"></i> 一覧へ戻る
• https://fontawesome.com/icons/list?style=solid

Download（ダウンロード）

• fontawesome5.x
  • <i class="fas fa-file-download"></i>
• https://fontawesome.com/icons/file-download?style=solid

Error（エラー）

• fontawesome5.x
  • <i class="fas fa-exclamation-triangle"></i>
• https://fontawesome.com/icons/exclamation-triangle?style=solid

All Icons

• https://fontawesome.com/search

Connect-cms lib path

• public/css/app.css

参考リンク

• Icons Renamed In Version 6 < What's Changed | Font Awesome Docs
  • （機械翻訳）変更点＞下位互換性
    https://docs.fontawesome.com/web/setup/upgrade/whats-changed#backward-compatibility

    • v4/v5 アイコン名のエイリアスを追加 | バージョン 6 で名前が変更されたアイコンは、古い名前で参照されると、期待どおりに機能し、レンダリングされます

• [アイコン] fortawesome5→6へアップグレード OW-2522 #2137