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

const viewBox = {"width":24,"height":24};
const content = `<style>.vxzdsqbfi {
  fill: currentColor;
  d: path("M7 21V3zm5.713-15.288Q13 5.425 13 5t-.288-.712T12 4t-.712.288T11 5t.288.713T12 6t.713-.288M13.45 23H5V1h14v8h-2V3H7v18h5.375q.175.225.375.425l.4.4zm2.05 0l-.575-2.3q-.9-.65-1.412-1.612T13 17t.513-2.087t1.412-1.613L15.5 11h4l.575 2.3q.9.65 1.413 1.613T22 17t-.513 2.088t-1.412 1.612L19.5 23zm3.775-4.225Q20 18.05 20 17t-.725-1.775T17.5 14.5t-1.775.725T15 17t.725 1.775t1.775.725t1.775-.725");
}
</style><path class="vxzdsqbfi"/>`;

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

export default Component;
