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

const viewBox = {"width":24,"height":24};
const content = `<style>.ffqw88rwq {
  fill: currentColor;
  d: path("M6.692 10.596q-.58-.511-.934-1.242t-.354-1.565q0-1.587 1.091-2.688Q7.587 4 9.173 4q.64 0 1.237.228q.596.228 1.09.632V2h1v2.84q.494-.378 1.09-.61q.597-.23 1.218-.23q1.586 0 2.687 1.101t1.101 2.688q0 .853-.354 1.575q-.354.72-.934 1.232zM4 21v-4.77h2.98l.386-3.018H4v-1h16v1h-3.384L17 16.23h3V21z");
}
</style><path class="ffqw88rwq"/>`;

/** @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-light:chess-king-sharp"} {...others} />);
}

export default Component;
