カスタムブロック作成 アイコン追加

カスタムブロックにアイコンを追加する

推奨方法

最新のアイコン追加方法は、コンポーネント
https://wordpress.github.io/gutenberg/?path=/story/icons-icon–library

Icon コンポーネント

コンポーネントをインストール

npm i @wordpress/icons 

使用したいアイコンを個別にimport

import { currencyDollar, upload } from "@wordpress/icons";

コードに記述

			<Button variant="primary" icon={upload}>
				Push
			</Button>
			<Button variant="secondary" icon={upload}>
				Push
			</Button>
			<Button variant="tertiary" icon={upload}>
				Push
			</Button>
			<Button variant="link" icon={upload}>
				Push
			</Button>

Dashiconsは使用不可

Dashiconsを使用するのは古い方法。