アイコン

import { HouseIcon, SettingsIcon, SearchIcon, HeartIcon, BellIcon, UserIcon } from "lucide-react"
import { Tile, TileGrid } from "./Tile"

export default function App() {
  return (
    <TileGrid>
      <Tile label="ホーム"><HouseIcon size={24} /></Tile>
      <Tile label="設定"><SettingsIcon size={24} /></Tile>
      <Tile label="検索"><SearchIcon size={24} /></Tile>
      <Tile label="お気に入り"><HeartIcon size={24} /></Tile>
      <Tile label="お知らせ"><BellIcon size={24} /></Tile>
      <Tile label="ユーザー"><UserIcon size={24} /></Tile>
    </TileGrid>
  )
}