ボタンにアイコンをつけてみよう

ストレート テーブル × サイクリックでボタンの表現としてアイコン設定をご紹介しました。アイコンを使うことで視覚的にもわかりやすいボタンを作成できます。

今回は、このボタンのアイコンについてご紹介します。

設定箇所

ボタンのプロパティで[スタイル]を展開した場所で設定できます。

設定例

アイコンはラベルと併用することも可能です。ラベルと組み合わせて使う場合は、アイコンを文字の左側に配置するか、右側に配置するか設定できます。

文字を使わず、アイコンのみの設定も可能です。

ラベルとアイコンの設定例

アイコンのみの設定例

アイコンの種類

アイコンの種類は、ドロップダウンリストから選択でき、名前で検索することも可能です。

アイコンの名前と見た目を確認できるように画像を集めてみました。(2025年8月末)

---

---

ボタンの表現に使ってみたいアイコンは見つかったでしょうか。 良ければ、これを参考にボタンのアイコンを使ってみてください。