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

const viewBox = {"width":24,"height":24};
const content = `<style>.k81l_5bki {
  fill: currentColor;
  d: path("M10.692 11.5h2.616V4.192q0-.54-.384-.924q-.383-.383-.924-.383t-.924.383q-.384.384-.384.924zm-5.807 3.616h14.23V12.5H4.886zm-1.623 6h3.43v-3h1v3H11.5v-3h1v3h3.808v-3h1v3h3.43l-1.461-5H4.723zm-1.32 1l1.942-6.674V11.5h5.808V4.192q0-.961.673-1.634q.674-.673 1.635-.673t1.635.673t.673 1.634V11.5h5.807v3.942l1.923 6.674zM19.116 12.5H4.885zm-5.808-1h-2.616z");
}
</style><path class="k81l_5bki"/>`;

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

export default Component;
