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

const viewBox = {"width":24,"height":24};
const content = `<style>.i9lzatbnf {
  fill: currentColor;
  d: path("M6.375 20.006h11.256q-.575-1.95-.862-3.963t-.287-4.037t.287-4.038t.862-3.962H6.375q.575 1.95.84 3.962q.266 2.013.266 4.038t-.265 4.037q-.266 2.013-.841 3.963M5.014 21q.644-1.99 1.075-4.144T6.519 12t-.43-4.856T5.012 3H18.98q-.645 1.99-1.053 4.144q-.409 2.154-.409 4.856t.409 4.856q.409 2.153 1.053 4.144zm6.992-8.994");
}
</style><path class="i9lzatbnf"/>`;

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

export default Component;
