Iconify
いろんなiconを統一した形式で使えるようにするframework
Iconify - Unified icons framework
/icons/github.iconiconify/iconify
使用できるiconsはここから検索できる
React Componentが提供されている
Iconify for React
/icons/github.iconiconify/iconify-react
使い方
code:tsx
import { Icon } from '@iconify/react'
// 使いたいiconを一つづつimportする
import handPointUp from '@iconify-icons/fa-solid/hand-point-up'
import slashIcon from '@iconify-icons/fa-solid/slash'
import searchPlus from '@iconify-icons/fa-solid/search-plus'
import searchMinus from '@iconify-icons/fa-solid/search-minus'
import ellipsisH from '@iconify-icons/fa-solid/ellipsis-h'
import undoIcon from '@iconify-icons/fa-solid/undo'
import redoIcon from '@iconify-icons/fa-solid/redo'
// ...
const Slash = <Icon icon={slachIcon} /> // <Icon />に入れて使う