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

const viewBox = {"width":48,"height":48};
const content = `<style>.fn8vi7n-s {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.688 38.064c0-7.781-2.099-14.09-4.688-14.09s-4.688 6.309-4.688 14.09");
}

.not-jvcar {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M5.51 9.936h6.183c.717 0 1.34.496 1.498 1.196l6.121 26.932h-7.876a1 1 0 0 1-.975-.779L4.526 11.168a1.01 1.01 0 0 1 .983-1.232Zm36.98 0h-6.183c-.717 0-1.34.496-1.498 1.196l-6.121 26.932h7.876a1 1 0 0 0 .975-.779l5.936-26.116a1.01 1.01 0 0 0-.984-1.233");
}

.xhqrlbrni {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.65 37.68s-.01 0 0-.01c.06-6.74 1.9-12.76 4.75-16.8c2.33-3.29 5.33-5.27 8.6-5.27s6.27 1.98 8.6 5.27c2.85 4.04 4.69 10.06 4.75 16.8");
}
</style><path class="fn8vi7n-s"/><path class="xhqrlbrni"/><path class="not-jvcar"/>`;

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

export default Component;
