Releases: kodingdotninja/chakra-icons
Releases · kodingdotninja/chakra-icons
@chakra-icons/carbon@1.0.0
@chakra-icons/carbon 1.0.0 (2022-02-05)
Features
- chakra-icons/carbon: create chakra-icons/carbon (#51) (2b9a0a5)(Thanks to @ibrahim4529)
@chakra-icons/tabler-icons@1.0.0
@chakra-icons/tabler-icons 1.0.0 (2022-02-04)
Features
- chakra-icons/tabler-icons: create chakra-icons/tabler-icons (093c160) (Thanks to @bl0cknumber)
@chakra-icons/octicons@1.0.0
@chakra-icons/octicons 1.0.0 (2022-02-04)
Features
- chakra-icons/octicons: create chakra-icons/octicons (273b1d8) (Thanks to @bl0cknumber)
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",
});