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

const viewBox = {"width":24,"height":24};
const content = `<style>.r0yc6u7-d {
  fill: currentColor;
  d: path("M5 13.404h6.5V8.769H5zm0-5.635h14V5H5zM4 20V4h16v6.808h-1l-2.817 2.596L11.5 18.08V20zm1-1h6.5v-4.596H5zm7.5-5.596h3.683L19 10.808V8.769h-6.5zM13.23 21v-2.21l5.96-5.934l2.19 2.204L15.44 21zm6.886-5.94l-.925-.945zm-6 5.056h.95l3.467-3.474l-.925-.963l-3.493 3.487zm3.948-3.949l-.456-.488l.925.963z");
}
</style><path class="r0yc6u7-d"/>`;

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

export default Component;
