render (h, { props, data, ...rest }) {
    const childrenClassName = css({
      '&:first-child': { marginLeft: 0 },
      '&:last-child': { marginRight: 0 }
    })

    if (typeof props.icon === 'string') {
      return h(CIcon, {
        ...rest,
        class: [childrenClassName],
        props: {
          name: props.icon
        },
        attrs: {
          ...data.attrs,
          mx: '0.5rem',
          'data-chakra-component': 'CTagIcon'
        }
      })
    }

    return h(CBox, {
      ...rest,
      class: [childrenClassName],
      props: {
        as: props.icon
      },
      attrs: {
        ...data.attrs,
        mx: '0.5rem',
        color: 'currentColor',
        'data-chakra-component': 'CTagIcon'
      }
    })
  }
CTagIcon component

the icon for the tag

@extends CPseudoBox
@see Docs https://vue.chakra-ui.com/tabs