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

const viewBox = {"width":48,"height":48};
const content = `<style>.q0wrvzbuu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m21.323 20.533l-2.616 6.934l-2.617-6.934M44.1 17v10.467m-11.574-9.093v7.785a1.31 1.31 0 0 0 1.308 1.308h.393m-3.075-6.934H33.9m7.559 4.317a2.617 2.617 0 0 1-2.617 2.617h0a2.617 2.617 0 0 1-2.617-2.616V23.15a2.617 2.617 0 0 1 2.617-2.617h0a2.617 2.617 0 0 1 2.617 2.617m0 4.317v-6.934m-15.004 6.934l-2.788-6.934m5.233 0l-3.322 9.42A1.57 1.57 0 0 1 24.098 31h-.43");
}

.r_x8_s0-t {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M39.203 39.203a21.5 21.5 0 1 1 0-30.406");
}
</style><path class="r_x8_s0-t"/><path class="q0wrvzbuu"/>`;

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

export default Component;
