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

const viewBox = {"width":24,"height":24};
const content = `<style>.o4hpd_6gg {
  fill: currentColor;
  d: path("m12 19.65l-1.85 1.4q-.3.225-.6.013t-.175-.563l.725-2.3l-1.825-1.3q-.3-.2-.175-.55t.475-.35H10.8l.7-2.3l-3.55-2.1q-.45-.275-.7-.725T7 9.85V4q0-.825.588-1.412T9 2h6q.825 0 1.413.588T17 4v5.85q0 .575-.25 1.025t-.7.725l-3.55 2.1l.7 2.3h2.225q.35 0 .475.35t-.175.55L13.9 18.2l.725 2.3q.125.35-.175.563t-.6-.013zM9 4v5.85l2 1.2V4zm6 0h-2v7.05l2-1.2zm-2 3.525");
}
</style><path class="o4hpd_6gg"/>`;

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

export default Component;
