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

const viewBox = {"width":24,"height":24};
const content = `<style>.b-w2flb_d {
  fill: currentColor;
  d: path("m11.8 16.2l1.4-1.4l-3.2-3.2V7H8v5.4zm6.2 4.3v-2.2q1.85-.875 2.925-2.575T22 12t-1.075-3.725T18 5.7V3.5q2.725.95 4.363 3.288T24 12t-1.638 5.213T18 20.5m-12.513-.213q-1.637-.712-2.85-1.924t-1.925-2.85T0 12t.713-3.512t1.925-2.85t2.85-1.925T9 3t3.513.713t2.85 1.924t1.924 2.85T18 12t-.712 3.513t-1.925 2.85t-2.85 1.925T9 21t-3.512-.712");
}
</style><path class="b-w2flb_d"/>`;

/** @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:browse-gallery-sharp"} {...others} />);
}

export default Component;
