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

const viewBox = {"width":24,"height":24};
const content = `<style>.gdx86coox {
  fill: currentColor;
  d: path("m5.55 13.85l2.4-1.8l2.55 1.625V3h2v14.325l-2.95-1.9L13.45 20H21V10h2v12H12.55zM14 13V7h2v6zm3.5 0V8h2v5zm-13-3q-1.475 0-2.488-1.012T1 6.55q0-.85.338-1.475t1.587-2.05l1.575-1.8L6.075 3.05q1.275 1.475 1.6 2.075T8 6.55q0 1.425-1.025 2.438T4.5 10m0-2q.625 0 1.063-.425T6 6.55q0-.425-.213-.763T4.626 4.4L4.5 4.275l-.125.125q-.8.9-1.088 1.35T3 6.55q0 .6.425 1.025T4.5 8M21 20h-8.5z");
}
</style><path class="gdx86coox"/>`;

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

export default Component;
