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

const viewBox = {"width":24,"height":24};
const content = `<style>.spl1kfnwg {
  fill: currentColor;
  d: path("M11.275 21q-.45 0-.913-.163t-.737-.437L5.75 16.325q-.275-.275-.288-.7t.213-.75q.175-.25.475-.363t.675-.012l3.25.75V4.5q0-.625.438-1.063T11.575 3q.625 0 1.063.438t.437 1.062v6h.9q.2 0 .45.05t.45.15l4.1 2.05q.575.275.875.863t.2 1.212l-.625 4.45q-.125.75-.675 1.238t-1.3.487h-6.175Z");
}
</style><path class="spl1kfnwg"/>`;

/** @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:pan-tool-alt-rounded"} {...others} />);
}

export default Component;
