Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

Fontawesome Icon

@yamada-ui/fontawesomeは、Font Awesomeを便利に使うコンポーネントを提供しています。

ソース@yamada-ui/fontawesome

インポート

pnpm add @yamada-ui/fontawesome
Copied!

Font Awesomeから必要なパッケージをインポートします。

pnpm add @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons
Copied!
パッケージ
@fortawesome/free-solid-svg-icons
@fortawesome/free-regular-svg-icons
@fortawesome/free-brands-svg-icons
import { FontAwesomeIcon } from "@yamada-ui/fontawesome"
Copied!

使い方

import { FontAwesomeIcon } from "@yamada-ui/fontawesome"
import { faPoo } from "@fortawesome/free-solid-svg-icons"
Copied!

編集可能な例

<FontAwesomeIcon icon={faPoo} />
Copied!

GitHubでこのページを編集する

Lucide IconAvatar