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

const viewBox = {"width":36,"height":36};
const content = `<style>.cfaabwb {
  cx: 32px;
  cy: 4px;
  r: 2px;
  fill: #fdcb58;
}

.o152nmi {
  cx: 32px;
  cy: 4px;
  r: 4px;
  fill: #f18f26;
}

.qad_n7e {
  fill: #ccd6dd;
  d: path("m24.187 9.657l5.658-5.654L32 6.16l-5.658 5.655z");
}

.zecn90c {
  cx: 14px;
  cy: 22px;
  r: 14px;
  fill: #31373d;
}

.zver0un {
  fill: #31373d;
  d: path("m19 11.342l5.658-5.657l5.657 5.658L24.657 17z");
}
</style><path class="qad_n7e"/><circle class="zecn90c"/><path class="zver0un"/><circle class="o152nmi"/><circle class="cfaabwb"/>`;

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

export default Component;
