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

const viewBox = {"width":24,"height":24};
const content = `<style>.n_ur5exec {
  fill: currentColor;
  d: path("M17 .7q.825 0 1.413.588T19 2.7v11.5h-.7L17 12.9V2.7H6.825L5.5 1.375q.275-.325.662-.5T7 .7zm-2.275 9.9l-2.6-2.575q.225-.575.725-.95T14 6.7q.825 0 1.413.588T16 8.7q0 .65-.35 1.163t-.925.737M8 12.75V6.7l2.95 2.95q-.175 1.425-.8 2.263t-1.575.837zM4 18.7h13.175l-1-1H4zM20.475 22l-1.3-1.3H2v-3q0-.825.588-1.412T4 15.7h10.175L7 8.5v5.7H5V6.5L.7 2.2L2.1.8l19.8 19.775zM9.85 11.35");
}
</style><path class="n_ur5exec"/>`;

/** @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:smart-card-reader-off-outline"} {...others} />);
}

export default Component;
