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

const viewBox = {"width":24,"height":24};
const content = `<style>.a6rce9suc {
  fill: currentColor;
  d: path("M22 4v12q0 1.65-1.175 2.825T18 20H6q-1.65 0-2.825-1.175T2 16V4zm-2 2H4v10q0 .825.588 1.413T6 18h12q.825 0 1.413-.587T20 16zm0 0H4zm-4.7 9.5h1.375v-7h-.925l-2.475 1.8l.725.975l1.3-.975zm-7.975 0H8.7v-2.55h.9l1.825 2.55h1.625l-2.025-2.725q.7-.275 1.063-.787t.362-1.263q0-1.125-.662-1.675T9.775 8.5h-2.45zM8.7 11.925V9.7h1.125q.65 0 .938.288t.287.812q0 .55-.337.838t-.913.287z");
}
</style><path class="a6rce9suc"/>`;

/** @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:game-button-r1-outline"} {...others} />);
}

export default Component;
