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

const viewBox = {"width":48,"height":48};
const content = `<style>.mx3krvb8s {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m29.337 19.411l12.554 11.947l.05 2.497l-5.634.03l-10.95-10.738m-.013.005a7.112 7.112 0 0 1-9.601-6.661h0a7.11 7.11 0 0 1 7.11-7.111h0a7.11 7.11 0 0 1 7.112 7.11h0a7.1 7.1 0 0 1-.623 2.91");
}

.nn151c42m {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.393 26.472L29.01 41.21l-.732 1.29l-5-2.515l-4.047-14.158");
}

.o0ozng7_p {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.393 26.472c-6.605.37-12.467-3.46-11.261-11.166");
}

.xf_90t-qk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.675 19.277a7.41 7.41 0 1 1 11.133-5.334");
}
</style><path class="nn151c42m"/><path class="o0ozng7_p"/><path class="xf_90t-qk"/><path class="mx3krvb8s"/>`;

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

export default Component;
