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

const viewBox = {"width":36,"height":36};
const content = `<style>.gxr4qhb {
  cx: 25px;
  cy: 9px;
  r: 2px;
  fill: #ccd6dd;
}

.mklib-4h {
  fill: #fdcb58;
  d: path("M7.5 20C4.04 20 0 18.952 0 16s4.04-4 7.5-4s7.5 1.047 7.5 4c0 2.952-4.04 4-7.5 4");
}

.n3-yzbb {
  cx: 19px;
  cy: 17px;
  r: 2px;
  fill: #ccd6dd;
}

.t7o1s90s {
  fill: #fcab40;
  fill-rule: evenodd;
  d: path("M14 16L9 26s-1 2 1 2c1 0 2-2 2-2L26 7s2-4 8-1v2c-3-1-4 1-4 1L15 33s-2 3-7 3c-6 0-7-5-7-8c0-2 1-4 2-6s-2-6-2-6z");
}

.ua00mz3w {
  fill: #9aaab4;
  d: path("M33.998 10c-.3 0-.605-.068-.893-.211l-2-1a2 2 0 0 1 1.789-3.579l2 1a2 2 0 0 1-.896 3.79");
}

.vqr_5sb {
  cx: 22px;
  cy: 13px;
  r: 2px;
  fill: #ccd6dd;
}

.yrnagibr {
  fill: #fcab40;
  fill-rule: evenodd;
  d: path("m8.806 21.703l1.267-1.547l6.19 5.069l-1.267 1.547z");
}
</style><path clip-rule="evenodd" class="t7o1s90s"/><path class="mklib-4h"/><circle class="n3-yzbb"/><circle class="vqr_5sb"/><circle class="gxr4qhb"/><path class="ua00mz3w"/><path clip-rule="evenodd" class="yrnagibr"/>`;

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

export default Component;
