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

const viewBox = {"width":24,"height":24};
const content = `<style>.cqovqsbsb {
  fill: currentColor;
  d: path("M0 23V3q0-.825.588-1.412T2 1h7q.825 0 1.413.588T11 3v20H9v-2H2v2zm15.5 0v-6.6l2.15-2.05l-.525-2.6q-.975 1.125-2.363 1.688T12 14v-2q1.2 0 2.325-.575t1.85-1.75l.75-1.225q.375-.625 1.1-.85t1.375.05L24 9.6v4.9h-2v-3.575l-1.425-.6L23 23h-2.05l-1.525-7.15l-1.925 1.8V23zM4 13l3.5-2L4 9zm11.588-6.587Q15 5.825 15 5t.588-1.412T17 3t1.413.588T19 5t-.587 1.413T17 7t-1.412-.587");
}
</style><path class="cqovqsbsb"/>`;

/** @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:digital-out-of-home"} {...others} />);
}

export default Component;
