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

const viewBox = {"width":24,"height":24};
const content = `<style>.xecrugbaa {
  fill: currentColor;
  d: path("M5.73 19v-4.5h4.54V19v-4.5H5.73zM2 20v-8.5l6-4.27l6.289 4.481q-.178.177-.338.367t-.338.366L8 8.488L3 12v7h2.73v-4.5h4.54V20h-1v-4.5H6.73V20zM22 4v8.567q-.233-.2-.473-.35q-.24-.152-.527-.292V5h-9.615v2.189l-1-.72V4zm-4.77 4.77h1.54V7.23h-1.54zM18 22q-1.671 0-2.835-1.164Q14 19.67 14 18t1.165-2.835T18 14t2.836 1.165T22 18t-1.164 2.836T18 22m-.385-1.115h.77v-2.5h2.5v-.77h-2.5v-2.5h-.77v2.5h-2.5v.77h2.5z");
}
</style><path class="xecrugbaa"/>`;

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

export default Component;
