Icon

Chakra provides a set of commonly used interface icons you can use in your project

Source@chakra-ui/icon

Props#

Icon props#

NameTypeDefaultDescription
viewBoxstring0 0 24 24The viewBox of the icon.
boxSizestring1emThe size (width and height) of the icon.
colorstringcurrentColorThe color of the icon.
focusablebooleanfalseDenotes that the icon is not an interactive element, and only used for presentation.
rolepresentation, imgThe html role of the icon.
childrenReact.ReactNodeThe Path or Group of the icon

createIcon options#

Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel