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

const viewBox = {"width":36,"height":36};
const content = `<style>.bqp_8fb {
  cx: 20.2px;
  cy: 14.4px;
  r: 1px;
  fill: #292f33;
}

.cj5ld1b {
  cx: 10.95px;
  cy: 23.15px;
  r: 1.25px;
  fill: #c1694f;
}

.cy2ripf {
  cx: 7.95px;
  cy: 26.15px;
  r: 1.25px;
  fill: #c1694f;
}

.ekd8pib {
  cx: 8.2px;
  cy: 26.4px;
  r: 1px;
  fill: #292f33;
}

.eo0avjw {
  cx: 11.2px;
  cy: 23.4px;
  r: 1px;
  fill: #292f33;
}

.g0p3sac {
  cx: 22.95px;
  cy: 11.15px;
  r: 1.25px;
  fill: #c1694f;
}

.hi-ch5w {
  cx: 13.95px;
  cy: 20.15px;
  r: 1.25px;
  fill: #c1694f;
}

.jqzy4zb {
  cx: 17.2px;
  cy: 17.4px;
  r: 1px;
  fill: #292f33;
}

.kkutjjl {
  cx: 29.95px;
  cy: 4.15px;
  r: 1.25px;
  fill: #c1694f;
}

.kztv83b {
  cx: 24.75px;
  cy: 10.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

.lciqrib {
  cx: 23.2px;
  cy: 11.4px;
  r: 1px;
  fill: #292f33;
}

.oqg11bb {
  cx: 30.2px;
  cy: 4.4px;
  r: 1px;
  fill: #292f33;
}

.rkfc8eb {
  cx: 16.95px;
  cy: 17.15px;
  r: 1.25px;
  fill: #c1694f;
}

.s1ves2b {
  fill: #ffcc4d;
  d: path("m29.346.937l4.95 4.95L6.012 34.17l-4.95-4.95z");
}

.s7u-thb {
  cx: 19.95px;
  cy: 14.15px;
  r: 1.25px;
  fill: #c1694f;
}

.v4cdkmb {
  cx: 25.75px;
  cy: 9.5px;
  r: 3.5px;
  fill: #c1694f;
}

.w244j8g {
  cx: 4.5px;
  cy: 30.75px;
  r: 3.5px;
  fill: #c1694f;
}

.x037ylb {
  cx: 3.5px;
  cy: 31.75px;
  r: 3.5px;
  fill: #ffcc4d;
}

.x6nhhcb {
  cx: 3.5px;
  cy: 31.75px;
  r: 2px;
  fill: #292f33;
}

.y3q7qmb {
  cx: 31.75px;
  cy: 3.5px;
  r: 3.5px;
  fill: #ffcc4d;
}

.y65olqi {
  cx: 14.2px;
  cy: 20.4px;
  r: 1px;
  fill: #292f33;
}
</style><path class="s1ves2b"/><circle class="w244j8g"/><circle class="x037ylb"/><circle class="x6nhhcb"/><circle class="y3q7qmb"/><circle class="v4cdkmb"/><circle class="kztv83b"/><circle class="cy2ripf"/><circle class="ekd8pib"/><circle class="cj5ld1b"/><circle class="eo0avjw"/><circle class="hi-ch5w"/><circle class="y65olqi"/><circle class="rkfc8eb"/><circle class="jqzy4zb"/><circle class="s7u-thb"/><circle class="bqp_8fb"/><circle class="g0p3sac"/><circle class="lciqrib"/><circle class="kkutjjl"/><circle class="oqg11bb"/>`;

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

export default Component;
