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

const viewBox = {"width":48,"height":48};
const content = `<style>.hkqmo5bgv {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m27.667 15.116l6.467-.394l-.68 6.481l-1.701-1.814c-1.323.907-2.759 2.154-2.116 4.478c-1.512-1.36-2.551-4.175-.454-6.934z");
}

.mfxkhxb-y {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.27 12.506a24 24 0 0 1-.882-4.384c-.157-1.482-1.45-2.583-2.939-2.583H8.54c-1.777 0-3.145 1.534-2.989 3.304c1.576 17.829 15.777 32.03 33.606 33.606c1.77.156 3.304-1.207 3.304-2.984v-6.16c0-2.248-1.101-3.536-2.583-3.693a24 24 0 0 1-4.384-.881a4.9 4.9 0 0 0-4.87 1.244l-2.957 2.957a31.27 31.27 0 0 1-12.599-12.6l2.957-2.956a4.9 4.9 0 0 0 1.244-4.87");
}

.u-izc56do {
  cx: 31.111px;
  cy: 18.754px;
  r: 7.15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="mfxkhxb-y"/><circle class="u-izc56do"/><path class="hkqmo5bgv"/>`;

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

export default Component;
