import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":24,"height":24};
const content = `<style>.lx5shrblb {
  fill: currentColor;
  d: path("M4 22v-5q1.375-.95 2.488-2.2T8.25 12H6v-2h1.8l-1-1.65q-.35-.575-.275-1.263T7.1 5.9L12 1l4.9 4.9q.5.5.575 1.188T17.2 8.35l-1 1.65H18v2h-2.25q.65 1.55 1.763 2.8T20 17v5zm2-2h12v-2q-1.5-1.2-2.613-2.7T13.625 12H10.4q-.65 1.8-1.775 3.3T6 18zm4.125-10h3.75l1.6-2.7L12 3.825L8.525 7.3zm2.588-2.287Q13 7.425 13 7t-.288-.712T12 6t-.712.288T11 7t.288.713T12 8t.713-.288M12 3.826");
}
</style><path class="lx5shrblb"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"material-symbols:chess-bishop-outline"} {...others} />);
}

export default Component;
