@chakra-ui/react APIs
- Button
- Box
- ChakraProvider
- Text
- Flex
- Input
- Stack
- useDisclosure
- ModalOverlay
- ModalContent
- ModalBody
- Image
- Modal
- ModalCloseButton
- Heading
- IconButton
- ModalHeader
- extendTheme
- HStack
- Link
- Divider
- Tooltip
- SimpleGrid
- Spinner
- ModalFooter
- Center
- Table
- FormControl
- FormLabel
- useToast
- useColorMode
- InputGroup
- VStack
- Icon
- Select
- Menu
- MenuButton
- MenuList
- MenuItem
- Badge
- ListItem
- Thead
- Tr
- Th
- Tbody
- Td
- Container
- Alert
- useColorModeValue
- Spacer
- Tabs
- TabList
- Tab
- TabPanels
- TabPanel
- Skeleton
- Tag
- Avatar
- Textarea
- SkeletonText
- InputLeftElement
- Grid
- DrawerBody
- DrawerContent
- DrawerCloseButton
- DrawerHeader
- DrawerOverlay
- AspectRatio
- theme
- SkeletonCircle
- UnorderedList
- Code
- ButtonGroup
- PopoverTrigger
- Popover
- PopoverContent
- PopoverBody
- CSSReset
- Drawer
- DrawerFooter
- List
- FormHelperText
- InputRightElement
- Collapse
- AlertIcon
- Switch
- Stat
- StatLabel
- StatNumber
- ColorModeScript
- useClipboard
- Checkbox
- LinkBox
- LinkOverlay
- PopoverArrow
- PopoverHeader
- useTheme
- InputRightAddon
- keyframes
- useBreakpointValue
- StackDivider
- SliderTrack
- SliderFilledTrack
- SliderThumb
- Radio
- RadioGroup
- StatGroup
- OrderedList
- MenuDivider
- FormErrorMessage
- CloseButton
- useMediaQuery
- AlertTitle
- AlertDescription
- Accordion
- AccordionItem
- AccordionButton
- AccordionIcon
- AccordionPanel
- PopoverCloseButton
- GridItem
- ThemeProvider
- Progress
- useRadio
- useRadioGroup
- useBreakpoint
- Slider
- CircularProgress
- ColorModeProvider
- cookieStorageManager
- localStorageManager
- useBoolean
- AlertDialog
- AlertDialogBody
- AlertDialogCloseButton
- AlertDialogContent
- AlertDialogFooter
- AlertDialogHeader
- AlertDialogOverlay
- NumberInputField
- NumberInput
- useTab
- FormErrorIcon
- VisuallyHiddenInput
- Portal
- useToken
- useInterval
- VisuallyHidden
- Wrap
- WrapItem
- createIcon
- PopoverFooter
- AvatarBadge
- chakra
- forwardRef
- TableCaption
- Breadcrumb
- Kbd
- createStandaloneToast
@chakra-ui/react#createIcon JavaScript Examples
The following examples show how to use
@chakra-ui/react#createIcon.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: icons.js From idena-web with MIT License | 6 votes |
TelegramIcon = createIcon({
displayName: 'TelegramIcon',
viewBox: '0 0 28 28',
path: (
<g fill="currentColor" fillRule="nonzero">
<path d="M14 4.2c5.412 0 9.8 4.388 9.8 9.8 0 5.412-4.388 9.8-9.8 9.8-5.412 0-9.8-4.388-9.8-9.8 0-5.412 4.388-9.8 9.8-9.8zm4.673 6.373c.063-.713-.479-.68-.765-.616l-.022.005-.011.003-.021.005-.02.005-.017.006-.024.007-.02.006-.02.007-.015.006-.784.322-.71.294-.385.16-.187.077-.246.103-.162.069-.09.038-.163.069-.092.04-.041.017-.401.167-.479.198-.785.324-1.037.428-1.904.783-1.993.819c-.86.335-.71.655-.575.799l.01.011.017.016.01.009.01.008.009.008.008.006.011.009.013.009.005.003.202.068.21.07.151.051.208.068.162.053.192.062.154.049.178.056.074.023.31.095c.508.152.874.112 1.087.056l.02-.006.02-.006.018-.006.017-.005.017-.006.015-.006.015-.005.013-.005.012-.006.017-.007.014-.007.009-.004.01-.005.016-.008.007-.005.545-.36.436-.29.576-.385.463-.311.401-.271.192-.13.26-.177.3-.204.202-.138.272-.187.274-.188.069-.047c1.416-.963 1.076-.17.736.17l-.096.095-.1.1-.127.125-.133.13-.046.045-.14.136-.17.164-.174.17-.18.172-.131.125-.186.177-.162.153-.108.103-.164.154-.136.129-.065.06-.163.153-.163.152-.108.1-.107.099-.106.098-.105.097-.104.095c-.362.317-.29.598-.145.785l.011.014a.76.76 0 0 0 .006.007l.011.013.012.013a.827.827 0 0 0 .011.012l.012.013a.87.87 0 0 0 .012.011l.012.012a.9.9 0 0 0 .006.005l.012.011.012.01c.125.106.287.231.47.366l.066.048.033.024.068.049.07.05.07.05.072.05.036.025.073.05.073.052.074.051.112.077.075.051.075.05.112.077.074.05.147.098.108.072.14.093.168.11.245.16.382.251.043.029.034.022.025.017.012.008a.252.252 0 0 1 .004.003l.004.004.01.007.012.009.02.014.015.011.016.011.018.012.019.013.02.013.032.02.023.015.024.014.012.008.026.015.026.016.027.015.028.016.029.016.014.008.03.016.03.016.032.016.032.016c.293.145.652.271.917.209.26-.061.396-.28.466-.467l.008-.02.007-.021.006-.02.006-.02.006-.019.005-.019.004-.018.003-.008.004-.017.005-.025.004-.022.004-.02.003-.018.002-.016.004-.023v-.013l.35-2.192.298-1.87.06-.384.075-.49.208-1.35.038-.252.026-.169.024-.16.026-.18.016-.11.01-.08.01-.074.01-.07.009-.066.007-.062.007-.057.002-.017.004-.034.003-.032.003-.03.002-.027.002-.025z" />
</g>
),
})