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

const viewBox = {"width":36,"height":36};
const content = `<style>.amgskvx {
  fill: #99aab5;
  d: path("M36 32c0 4-4 4-4 4H4s-4 0-4-4V14s0-4 4-4h28c4 0 4 4 4 4z");
}

.ar7q5cb {
  cx: 27.5px;
  cy: 29.5px;
  r: 1.5px;
  fill: #66757f;
}

.c0xretb {
  cx: 15.5px;
  cy: 15.5px;
  r: 1.5px;
}

.e5t1mab {
  cx: 27.5px;
  cy: 29.5px;
  r: 3.5px;
  fill: #292f33;
}

.f-mchzi {
  cx: 27.5px;
  cy: 18.5px;
  r: 3.5px;
  fill: #66757f;
}

.kf7zvum {
  cx: 15.5px;
  cy: 20.5px;
  r: 1.5px;
}

.ndus4ki {
  cx: 27.5px;
  cy: 18.5px;
  r: 5.5px;
  fill: #292f33;
}

.ntlguwb {
  cx: 15.5px;
  cy: 25.5px;
  r: 1.5px;
}

.o0hxibb {
  cx: 5.5px;
  cy: 20.5px;
  r: 1.5px;
}

.o31hm8e {
  cx: 15.5px;
  cy: 30.5px;
  r: 1.5px;
}

.ob081fbw {
  fill: #292f33;
  d: path("M2.697 12.389a.999.999 0 1 0 1.414 1.414l9.192-9.192a.999.999 0 1 0-1.414-1.414z");
}

.oucifjf {
  cx: 10.5px;
  cy: 20.5px;
  r: 1.5px;
}

.p_utqhb {
  cx: 10.5px;
  cy: 30.5px;
  r: 1.5px;
}

.pvcmdsnp {
  fill: #292f33;
  d: path("M15.561 3.061a1 1 0 0 1-1.414 0l-.707-.707A.999.999 0 1 1 14.854.94l.707.707a1 1 0 0 1 0 1.414");
}

.q8lx9fb {
  cx: 5.5px;
  cy: 30.5px;
  r: 1.5px;
}

.qa99-8p {
  cx: 10.5px;
  cy: 25.5px;
  r: 1.5px;
}

.se-428c {
  cx: 5.5px;
  cy: 25.5px;
  r: 1.5px;
}

.uwc_iyb {
  cx: 5.5px;
  cy: 15.5px;
  r: 1.5px;
}

.vny4m_b {
  fill: #292f33;
}

.wrxugvd {
  cx: 10.5px;
  cy: 15.5px;
  r: 1.5px;
}
</style><path class="ob081fbw"/><path class="amgskvx"/><path class="pvcmdsnp"/><circle class="ndus4ki"/><circle class="e5t1mab"/><circle class="f-mchzi"/><circle class="ar7q5cb"/><g class="vny4m_b"><circle class="qa99-8p"/><circle class="se-428c"/><circle class="oucifjf"/><circle class="kf7zvum"/><circle class="ntlguwb"/><circle class="o31hm8e"/><circle class="q8lx9fb"/><circle class="o0hxibb"/><circle class="wrxugvd"/><circle class="c0xretb"/><circle class="uwc_iyb"/><circle class="p_utqhb"/></g>`;

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

export default Component;
