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

const viewBox = {"width":24,"height":24};
const content = `<style>.e11g34bnu {
  fill: currentColor;
  d: path("M8.73 20q-1.97 0-3.35-1.38T4 15.27V8.73q0-1.97 1.38-3.35T8.73 4h6.54q1.97 0 3.35 1.38T20 8.73v6.54q0 1.97-1.38 3.35T15.27 20zM5 15.616h14V8.73q0-1.54-1.096-2.635T15.269 5H8.731Q7.19 5 6.096 6.096Q5 7.192 5 8.731zm.262 1q.429 1.053 1.357 1.719q.929.665 2.112.665h6.538q1.183 0 2.112-.666q.929-.665 1.358-1.719zm6.738-1");
}
</style><path class="e11g34bnu"/>`;

/** @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:nest-wifi-router-outline-rounded"} {...others} />);
}

export default Component;
