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

const viewBox = {"width":48,"height":48};
const content = `<style>.x13iet88r {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 4a16.13 16.13 0 0 0-9.87 3.38l-1.76-1.76h0A2 2 0 0 0 8.89 7h0a2 2 0 0 0 .6 1.43h0l1.79 1.79a16.06 16.06 0 0 0-3.39 9.85V44H19.2l1.91-7.77l.16-.67A5.81 5.81 0 0 1 24 24.6h0a5.81 5.81 0 0 1 5.81 5.81h0a5.81 5.81 0 0 1-3.12 5.14l.16.67L28.73 44h11.38V20.11a16.08 16.08 0 0 0-3.38-9.86l1.76-1.76h0A2 2 0 0 0 37.08 5h0a2 2 0 0 0-1.43.59l-1.79 1.8A16.15 16.15 0 0 0 24 4");
}
</style><path class="x13iet88r"/>`;

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

export default Component;
