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

const viewBox = {"width":48,"height":48};
const content = `<style>.kl-8n5c1s {
  d: path("m31.047 16.09l-1.444-4.445l-1.5 4.445m.5-1.501h1.944");
}

.ndbv6ibvn {
  cx: 29.653px;
  cy: 14.196px;
  r: 5px;
}

.qyqexfbyc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.505 15.41a8.6 8.6 0 1 1-6.403 13.853m2.313-7.086l7.476-2.772m-4.919 9.047l4.92-1.824m-.001-7.223v7.223m-4.919-5.398v7.222m-11.864-.776v-8.39h1.363a4.195 4.195 0 0 1 .004 8.39zm-5.118-2.733l2.632 2.733m-5.559 0v-8.39h2.727a2.832 2.832 0 1 1 0 5.663h-2.727m-3.005 2.727l-2.726-8.39l-2.832 8.39m.944-2.832h3.67");
}

.y9tr6bcfx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="qyqexfbyc"/><g class="y9tr6bcfx"><circle class="ndbv6ibvn"/><path class="kl-8n5c1s"/></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={"arcticons:ard-audiothek"} {...others} />);
}

export default Component;
