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

const viewBox = {"width":48,"height":48};
const content = `<style>.eaelj0bjz {
  cx: 24px;
  cy: 25.1px;
  r: 1px;
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 10;
}

.f_tzyz68g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.7 14.9L3.9 16.3m9.7 7.5L7.7 38.1m11-5.5l13 11.5m-2.9-11.5l16.1-3.4m-11-5.4L39.4 9m-10.6 5.9L19.6 3m9.2 29.6H18.7l-5.1-8.8l5.1-8.8h10.1l5.1 8.8ZM45.5 24A21.5 21.5 0 1 1 24 2.5A21.467 21.467 0 0 1 45.5 24");
}

.kvng8zuax {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.2 22.7h9.5v5.6h-9.5zm1.6 0v-1.3h0a3.16 3.16 0 0 1 3.2-3.2h0a3.16 3.16 0 0 1 3.2 3.2h0v1.3");
}

.vynmqty2r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 27v-.9");
}
</style><path class="f_tzyz68g"/><path class="kvng8zuax"/><circle class="eaelj0bjz"/><path class="vynmqty2r"/>`;

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

export default Component;
