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

const viewBox = {"width":48,"height":48};
const content = `<style>.az2sb6bvt {
  cx: 28.264px;
  cy: 8.7px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ei_a79bbc {
  cx: 28.264px;
  cy: 13.784px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gy5sb3b7w {
  cx: 28.264px;
  cy: 18.868px;
  r: 1.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mia5fxl6c {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.314 8.7H42.5m-11.186 5.084H42.5m-11.186 5.084H42.5M15.95 18a18.3 18.3 0 0 1-.67-3.336c-.12-1.128-1.103-1.966-2.237-1.966H7.784c-1.352 0-2.394 1.168-2.275 2.515c1.2 13.57 12.009 24.379 25.578 25.578c1.347.119 2.515-.919 2.515-2.271v-4.688c0-1.712-.838-2.692-1.965-2.811a18.3 18.3 0 0 1-3.337-.671a3.73 3.73 0 0 0-3.707.947l-2.25 2.25a23.8 23.8 0 0 1-9.59-9.59l2.25-2.25a3.73 3.73 0 0 0 .947-3.706");
}
</style><circle class="az2sb6bvt"/><circle class="ei_a79bbc"/><circle class="gy5sb3b7w"/><path class="mia5fxl6c"/>`;

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

export default Component;
