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

const viewBox = {"width":24,"height":24};
const content = `<style>.zv2yoosfg {
  fill: currentColor;
  d: path("M3 5V3h12v2zm4.5 12.5h3V15H13v-3h-2.5V9.5h-3V12H5v3h2.5zM4 21q-.825 0-1.412-.587T2 19V8q0-.825.588-1.412T4 6h10q.825 0 1.413.588T16 8v11q0 .825-.587 1.413T14 21zm0-2h10V8H4zm15-5.25q-.875-.425-1.437-1.412T17 10q0-1.7.863-2.85T20 6t2.138 1.15T23 10q0 1.35-.562 2.338T21 13.75V20q0 .425-.288.713T20 21t-.712-.288T19 20zm1.65-2.287Q21 10.925 21 10t-.35-1.463T20 8t-.65.538T19 10t.35 1.463T20 12t.65-.537M20 10");
}
</style><path class="zv2yoosfg"/>`;

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

export default Component;
