Create the component under basic shape.
https://yesicon.app/ph/cursor
import React from "react";
import { Group, Path } from "react-konva";
type IconProps = {
x?: number;
y?: number;
width?: number;
height?: number;
fill?: string;
};
const KnifeIcon: React.FC = ({
x = 0,
y = 0,
width = 256,
height = 256,
fill = "#999999",
}) => {
// El SVG original tiene viewBox="0 0 256 256"
const baseSize = 256;
const scaleX = width / baseSize;
const scaleY = height / baseSize;
return (
);
};
export default KnifeIcon;