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

const viewBox = {"width":48,"height":48};
const content = `<style>.a7sl-o6pv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m42.68 15.1l-.996 1.735");
}

.h64otob0b {
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 0 0 3.967 3.967;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M39.709 20.276q-5.736 9.99-11.479 19.974a4.83 4.83 0 0 1-4 2.63a4.62 4.62 0 0 1-4.57-2.43c-3.05-5.26-6.06-10.53-9.09-15.8c-1.84-3.2-3.69-6.4-5.52-9.61A4.86 4.86 0 0 1 9 7.68a4.66 4.66 0 0 1 4.46 2.51c1.36 2.33 2.69 4.68 4 7c1 1.69 1.92 3.38 2.91 5.05a7.64 7.64 0 0 0 6.4 3.95A7.79 7.79 0 0 0 35 19.28c0-.32.06-.63.07-.8a8.2 8.2 0 0 0-.82-3.63a4.86 4.86 0 1 1 8.96-3.563");
}

.u30dfobpd {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M43.315 13.256a5.1 5.1 0 0 1-.665 1.874");
}
</style><path class="a7sl-o6pv"/><path class="h64otob0b"/><path class="u30dfobpd"/>`;

/** @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:vivaldi-sopranos"} {...others} />);
}

export default Component;
