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

const viewBox = {"width":48,"height":48};
const content = `<style>.r-114d8ew {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.42 19.406a64.5 64.5 0 0 0-6.593 5.537a.69.69 0 0 0 .167 1.08C8.53 27.947 24.073 36.378 31.452 40.12a2.27 2.27 0 0 0 3.15-1.205c2.062-5.355 7.04-11.564 8.71-13.335a.54.54 0 0 0-.158-.859a37 37 0 0 0-5.715-2.093");
}

.v_4qvbbec {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m19.903 7.763l23.074 6.527a.718.718 0 0 1 .36 1.146l-9.814 11.968a1.85 1.85 0 0 1-2.154.527L5.1 16.706a.99.99 0 0 1-.094-1.775L17.294 8.07a3.43 3.43 0 0 1 2.609-.306");
}
</style><path class="v_4qvbbec"/><path class="r-114d8ew"/>`;

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

export default Component;
