Icon

Used to display an svg icon

AI TipWant to skip the docs? Use the MCP Server

Usage

import { Icon } from "@chakra-ui/react"

<Icon />

warning

Chakra doesn't provide any icons out of the box. Use popular icon libraries like react-icons or lucide-react

Integrate with popular react icon libraries like react-icons

Use the asChild prop to render custom svg icons within the Icon component

Use the createIcon utility to create custom icons