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

const viewBox = {"width":64,"height":64};
const content = `<style>.axb4q_b {
  cx: 32px;
  cy: 32px;
  r: 6.6px;
}

.c6pedcb {
  fill: #fff;
}

.muildbbz {
  fill: #94989b;
  d: path("M32 45c-7.1 0-13-5.8-13-13c0-7.1 5.8-13 13-13c7.1 0 13 5.8 13 13c0 7.1-5.9 13-13 13m0-23.3c-5.7 0-10.3 4.6-10.3 10.3S26.3 42.3 32 42.3S42.3 37.7 42.3 32S37.7 21.7 32 21.7");
}

.n0i4d5br {
  d: path("m32.2 42.6l9.2 13.6c6.8-2.6 12.2-8 14.8-14.8l-13.6-9.2c-.1 5.7-4.7 10.3-10.4 10.4m-.4-21.2L22.6 7.8c-6.8 2.6-12.2 8-14.8 14.8l13.6 9.2c.1-5.7 4.7-10.3 10.4-10.4");
}

.n1i6t_b {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #d0d0d0;
}
</style><circle class="n1i6t_b"/><g class="c6pedcb"><circle class="axb4q_b"/><path class="n0i4d5br"/></g><path class="muildbbz"/>`;

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

export default Component;
