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

const viewBox = {"width":64,"height":64};
const content = `<style>.azformo {
  cx: 32px;
  cy: 32px;
  r: 27px;
  fill: #ffe62e;
}

.bq2shvb {
  cx: 32px;
  cy: 32px;
  r: 30px;
  fill: #3e4347;
}

.rlr_7eb {
  cx: 32px;
  cy: 32px;
  r: 5px;
}

.tyi0eob {
  fill: #3e4347;
}

.zgnvlhbq {
  d: path("M8 28.8L25.1 31c.2-1.9 1.2-3.5 2.7-4.6L17.3 12.6c-5 3.9-8.5 9.6-9.3 16.2m24 10c-.9 0-1.8-.2-2.7-.5l-6.6 15.9c2.9 1.2 6 1.9 9.3 1.9s6.4-.7 9.3-1.9l-6.6-15.9c-.9.3-1.8.5-2.7.5m6.9-7.8L56 28.8c-.8-6.6-4.3-12.3-9.3-16.1L36.2 26.4c1.4 1.1 2.4 2.7 2.7 4.6");
}
</style><circle class="bq2shvb"/><circle class="azformo"/><g class="tyi0eob"><circle class="rlr_7eb"/><path class="zgnvlhbq"/></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={"emojione:radioactive"} {...others} />);
}

export default Component;
