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

const viewBox = {"width":64,"height":64};
const content = `<style>.bfdwqjp {
  fill: #fff;
  d: path("m45.1 19.4l-.3-.3z");
}

.clki0nb {
  d: path("m12.7 57.4l5.2-5.2l-5.2-5.3l-5.2 5.3z");
}

.fgxdlhi {
  fill: #42ade2;
}

.g_l4w7b {
  d: path("m14.7 62l1.2-1.3L4.3 48.9L3 50.2z");
}

.j6uw5ci {
  fill: #bcc0c1;
  d: path("m43.1 20.1l.4.3l.3.4l.6.6L59.7 6l.7-2l.3-1l.3-1z");
}

.ont09zb {
  fill: #333;
  d: path("m27.6 46.3l2.6-2.6l-9.1-9.2l-2.6 2.6z");
}

.s-i-y7w {
  fill: #bcc0c1;
  d: path("m43.8 26l2.6-2.6l-5.2-5.3l-2.6 2.6z");
}

.ufivj-b {
  fill: #d0d0d0;
  d: path("M21.1 55.5L9.5 43.7l25.9-26.2L47 29.3z");
}

.uthk3ubt {
  fill: #ed4c5c;
  d: path("M59.7 25.5c0 9.8-7.1 9.8-7.1 0c0-5.8 3.5-10.5 3.5-10.5s3.6 4.7 3.6 10.5m-5.2 17.7c0 7.5-7.1 7.5-7.1 0c0-4.4 3.5-8 3.5-8s3.6 3.6 3.6 8");
}

.ym4o6nr {
  fill: #ed4c5c;
  d: path("m30.2 43.7l14.2-14.4l-9-9.2l-14.3 14.4z");
}
</style><path class="uthk3ubt"/><path class="ufivj-b"/><path class="ym4o6nr"/><path class="ont09zb"/><path class="s-i-y7w"/><g class="fgxdlhi"><path class="g_l4w7b"/><path class="clki0nb"/></g><path class="bfdwqjp"/><path class="j6uw5ci"/>`;

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

export default Component;
