create-chakra-icons@1.1.0

create-chakra-icons 1.1.0 (2022-02-03)

Features

• create-chakra-icons: ability to set output specific #10 (#42) (091f679) (Thanks to @Redless for #10 )

Usage

set output to Icon component -T c

create-chakra-icons examples/simple.svg -o Simple.js -T c

Output

import { Icon } from "@chakra-ui/react";
export const Unamed = (props) => (
  <Icon viewBox="0 0 200 200" {...props}>
    <path fill="#666" d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0" />
  </Icon>
);

set output to Icon component -T f

create-chakra-icons examples/simple.svg -o Simple.js -T f

Output

import { createIcon } from "@chakra-ui/react";
export const Unamed = createIcon({
  displayName: "Unamed",
  viewBox: "0 0 200 200",
  d: "M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0",
});