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

const viewBox = {"width":36,"height":36};
const content = `<style>.bwxyw_b {
  cx: 3.514px;
  cy: 6.8px;
  r: .686px;
  fill: #67757f;
}

.by3p58j {
  cx: 32.486px;
  cy: 23.8px;
  r: .686px;
  fill: #67757f;
}

.czdanhl {
  cx: 27px;
  cy: 3.6px;
  r: .686px;
  fill: #67757f;
}

.d0z7yyu {
  cx: 30.2px;
  cy: 4.515px;
  r: .686px;
  fill: #67757f;
}

.d1susmx {
  cx: 33.401px;
  cy: 27px;
  r: .686px;
  fill: #da2f47;
}

.e3szvhb {
  cx: 20.6px;
  cy: 10px;
  r: .686px;
  fill: #67757f;
}

.eg182db {
  cx: 15.401px;
  cy: 27px;
  r: .686px;
  fill: #da2f47;
}

.eyjrvzu {
  cx: 14.486px;
  cy: 6.8px;
  r: .686px;
  fill: #67757f;
}

.ff7nopx {
  cx: 27px;
  cy: 27px;
  r: 3.994px;
  fill: #292f33;
}

.gaffsob {
  cx: 3.514px;
  cy: 23.8px;
  r: .686px;
  fill: #67757f;
}

.hqocgob {
  cx: 15.401px;
  cy: 10px;
  r: .686px;
  fill: #da2f47;
}

.hqqg2_o {
  cx: 23.8px;
  cy: 21.515px;
  r: .686px;
  fill: #67757f;
}

.in-qiyt {
  cx: 27px;
  cy: 20.6px;
  r: .686px;
  fill: #67757f;
}

.jw7d5tb {
  cx: 27px;
  cy: 10px;
  r: 4.881px;
}

.jyllcuj {
  cx: 5.8px;
  cy: 4.515px;
  r: .686px;
  fill: #67757f;
}

.kpp6v5b {
  cx: 9.001px;
  cy: 26.999px;
  r: 3.994px;
  fill: #292f33;
}

.kpw_lzb {
  cx: 5.8px;
  cy: 21.515px;
  r: .686px;
  fill: #67757f;
}

.lc9vm3xj {
  fill: #ccd6dd;
  d: path("M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z");
}

.li417pb {
  cx: 2.6px;
  cy: 10px;
  r: .686px;
  fill: #67757f;
}

.lnhwwxd {
  cx: 12.2px;
  cy: 21.515px;
  r: .686px;
  fill: #67757f;
}

.lqoqsnb {
  cx: 33.401px;
  cy: 10px;
  r: .686px;
  fill: #da2f47;
}

.lvy1ogb {
  cx: 14.486px;
  cy: 23.8px;
  r: .686px;
  fill: #67757f;
}

.n_814nbm {
  fill: #e1e8ed;
  d: path("m28.182 24.118l-1.697 2.824a.47.47 0 1 0 .807.485l1.697-2.824a.47.47 0 1 0-.807-.485");
}

.nj2q9vb {
  cx: 9px;
  cy: 20.6px;
  r: .686px;
  fill: #67757f;
}

.o9pzx9b {
  cx: 23.8px;
  cy: 4.515px;
  r: .686px;
  fill: #67757f;
}

.ojtwze3o {
  fill: #e1e8ed;
  d: path("m6.099 25.868l2.853 1.647a.47.47 0 0 0 .471-.815L6.57 25.053a.47.47 0 1 0-.471.815");
}

.olnz_rx {
  cx: 9px;
  cy: 27px;
  r: 4.881px;
}

.ow6ifrb {
  cx: 2.6px;
  cy: 27px;
  r: .686px;
  fill: #67757f;
}

.qkb9-bc {
  cx: 9px;
  cy: 9.999px;
  r: 4.881px;
}

.qx1fsqb {
  cx: 27px;
  cy: 27px;
  r: 4.881px;
}

.rmxanhb {
  cx: 9px;
  cy: 3.6px;
  r: .686px;
  fill: #67757f;
}

.s91pwnmq {
  fill: #e1e8ed;
  d: path("M11.431 8.053L8.578 9.7a.47.47 0 0 0 .471.815l2.853-1.647a.47.47 0 0 0-.471-.815");
}

.t7e5bua {
  cx: 27.001px;
  cy: 10px;
  r: 3.994px;
  fill: #292f33;
}

.u4-p1u7z {
  fill: #e1e8ed;
  d: path("m25.011 7.603l1.697 2.824a.47.47 0 1 0 .807-.485l-1.696-2.824a.47.47 0 0 0-.808.485");
}

.ucfedub {
  cx: 30.2px;
  cy: 21.515px;
  r: .686px;
  fill: #67757f;
}

.w-_0xzb {
  cx: 21.514px;
  cy: 23.8px;
  r: .686px;
  fill: #67757f;
}

.x5-h4uh {
  cx: 32.486px;
  cy: 6.8px;
  r: .686px;
  fill: #67757f;
}

.y5i36xh {
  cx: 20.6px;
  cy: 27px;
  r: .686px;
  fill: #67757f;
}

.zd07ain {
  cx: 12.2px;
  cy: 4.515px;
  r: .686px;
  fill: #67757f;
}

.zh03hyt {
  cx: 21.514px;
  cy: 6.8px;
  r: .686px;
  fill: #67757f;
}

.zin9_wb {
  cx: 8.999px;
  cy: 10px;
  r: 3.994px;
  fill: #292f33;
}
</style><path class="lc9vm3xj"/><circle class="in-qiyt"/><circle class="ucfedub"/><circle class="hqqg2_o"/><circle class="w-_0xzb"/><circle class="y5i36xh"/><circle class="by3p58j"/><circle class="d1susmx"/><circle class="qx1fsqb"/><circle class="ff7nopx"/><path class="n_814nbm"/><circle class="nj2q9vb"/><circle class="lnhwwxd"/><circle class="kpw_lzb"/><circle class="gaffsob"/><circle class="ow6ifrb"/><circle class="lvy1ogb"/><circle class="eg182db"/><circle class="olnz_rx"/><circle class="kpp6v5b"/><path class="ojtwze3o"/><circle class="czdanhl"/><circle class="d0z7yyu"/><circle class="o9pzx9b"/><circle class="zh03hyt"/><circle class="e3szvhb"/><circle class="x5-h4uh"/><circle class="lqoqsnb"/><circle class="jw7d5tb"/><circle class="t7e5bua"/><path class="u4-p1u7z"/><circle class="rmxanhb"/><circle class="zd07ain"/><circle class="jyllcuj"/><circle class="bwxyw_b"/><circle class="li417pb"/><circle class="eyjrvzu"/><circle class="hqocgob"/><circle class="qkb9-bc"/><circle class="zin9_wb"/><path class="s91pwnmq"/>`;

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

export default Component;
