import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';
import '../../css/j/jx0p4fbya.css';
import '../../css/n/nfmledbok.css';
import '../../css/d/ds1rgtbzu.css';
import '../../css/x/xfsy1sb2g.css';
import '../../css/g/goeqvsb6t.css';

const viewBox = {"width":24,"height":24};
const content = `<g class="jx0p4fbya"><path class="nfmledbok"/><path class="ds1rgtbzu"/><path class="xfsy1sb2g"/><path class="goeqvsb6t"/></g>`;

/** @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={"hugeicons:joystick-04"} {...others} />);
}

export default Component;
