Fontawesome Icon
@yamada-ui/fontawesomeは、Font Awesomeを便利に使うコンポーネントを提供しています。
インポート
pnpm add @yamada-ui/fontawesome
@yamada-ui/fontawesomeは、@yamada-ui/reactに含まれていないため、別途インストールする必要があります。
Font Awesomeから必要なパッケージをインポートします。
pnpm add @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons
| パッケージ | |
|---|---|
| @fortawesome/free-solid-svg-icons | |
| @fortawesome/free-regular-svg-icons | |
| @fortawesome/free-brands-svg-icons |
import { Icon as FontAwesomeIcon } from "@yamada-ui/fontawesome"
使い方
import { Icon as FontAwesomeIcon } from "@yamada-ui/fontawesome"import { faPoo } from "@fortawesome/free-solid-svg-icons"
編集可能な例
<FontAwesomeIcon icon={faPoo} />
GitHubでこのページを編集する