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

const viewBox = {"width":48,"height":48};
const content = `<style>.dxt7wkb3p {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m10.373 32.5l3.028-17h5.565c3.147 0 5.242 2.556 4.68 5.71s-3.567 5.709-6.714 5.709h-5.565m13.307 3.718c.8 1.357 2.017 1.863 3.836 1.863h2.517c2.342 0 4.58-1.903 4.998-4.25h0c.418-2.347-1.142-4.25-3.484-4.25h-2.78c-2.343 0-3.903-1.903-3.485-4.25h0c.418-2.347 2.656-4.25 4.998-4.25h2.517c1.819 0 3.036.505 3.836 1.863");
}

.ll0g54h-q {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29c-2.2 0-4 1.8-4 4v29c0 2.2 1.8 4 4 4h29c2.2 0 4-1.8 4-4v-29c0-2.2-1.8-4-4-4");
}
</style><path class="ll0g54h-q"/><path class="dxt7wkb3p"/>`;

/** @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={"arcticons:portscanner"} {...others} />);
}

export default Component;
