How to use the @chakra-ui/core.theme.icons function in @chakra-ui/core

const colors = chakraTheme.colors;

const fonts = {
  default: `'Inter', sans-serif`,
  var: `'Inter var', sans-serif`
};

const breakpoints = ["40em", "52em", "64em"];

const theme = {
  ...chakraTheme,
  colors,
  fonts,
  breakpoints,
  icons: {
    ...chakraTheme.icons,
    karyakarsa: {
      path: (
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 3000 3163" height="3163" width="3000">
          <rect fill="none" height="3162.95" width="3000"></rect>
          <path fill="currentColor" d="M1470.89 1448.81L2170 2488.19H820V706.392H2170L1470.89 1448.81ZM1408.21 1515.37L909.196 2045.3V2393.46H1998.84L1408.21 1515.37Z"></path>
        </svg>
      ),

import React from "react"
import { theme } from "@chakra-ui/core"

export default {
  ...theme,
  icons: {
    ...theme.icons,
    hamburger: {
      path: (