import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';
import '../../css/o/ozo6pr.css';
import '../../css/j/jp7vhrb.css';
import '../../css/k/kh86vn.css';
import '../../css/y/y46-8h.css';
import '../../css/y/yuzx2e.css';
import '../../css/x/xs5aia.css';
import '../../css/s/svhavl.css';
import '../../css/s/sy48tn.css';
import '../../css/b/bmsi7e.css';

const viewBox = {"width":24,"height":24};
const content = `<g class="ozo6pr"><path class="jp7vhrb"/><circle class="kh86vn"/><circle class="y46-8h"/><circle class="yuzx2e"/><circle class="xs5aia"/><circle class="svhavl"/><circle class="sy48tn"/><path class="bmsi7e"/></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:nano-technology"} {...others} />);
}

export default Component;
