import { Icon } from '@iconify/css-react';
import { createElement } from 'react';

const viewBox = {"width":24,"height":24};

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.aeil-dzie {
  fill: currentColor;
  d: path("M4 22v-5q1.375-.95 2.488-2.2T8.25 12H6v-2h1.8L6 7l6-6l6 6l-1.8 3H18v2h-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="aeil-dzie"/>`,
		"fallback": "material-symbols:chess-bishop-outline-sharp",
	});
}

export default Component;
