# ページビルダーでアイコンをカスタマイズする

ページビルダーでは、スタイルの横に表示されるアイコンをオーサリング体験で表示できるように設定できます。ページビルダーはマテリアルデザインアイコン(MDI)ライブラリ内のアイコンを使用します。すべてのアイコンはサポートされていますが、アイコン名は示された通りに、例えばケバブケース(例: arrow-leftやfile-document-outline)で入力する必要があります。

スタイルアイコンをカスタマイズするには:

1.  ページビルダーの上部ナビゲーションバーで **「コンテンツ**」をクリックします。
    
2.  コンテンツツリーで **「プレゼンテーション** > **スタイル** 」に移動し、更新したいアイテムを開きます。
    
3.  **アイコン**フィールドを見つけてください。
    
4.  [MDIライブラリ](https://pictogrammers.com/library/mdi/)を閲覧して、欲しいアイコンを探してください。
    
5.  アイコン名を正確にコピーします。例えばhome、account-circle、またはchevron-right。
    
6.  アイコン名を **アイコン** 欄に貼り付けてアイテムを保存します。
    

> !注変更はページビルダーで即座に表示されます。再構築や再デプロイは必要ありません。アイコン名が無効であれば、アイコンは表示されません。MDIライブラリ外のカスタムアイコンはサポートされていません。