import { Icon } from '@iconify/css-react';
import { createElement } from 'react';

const viewBox = {"width":48,"height":48};

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.cpk0fnbgt {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.evnhlqb2h {
  cx: 11.272px;
  cy: 36.728px;
  r: .75px;
  fill: currentColor;
}

.iifhrwbae {
  cx: 36.728px;
  cy: 11.272px;
  r: .75px;
  fill: currentColor;
}

.l-3g5-bns {
  cx: 24px;
  cy: 24px;
  r: 15.07px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nhp1rqb2j {
  cx: 24px;
  cy: 42px;
  r: .75px;
  fill: currentColor;
}

.sxisaj7ur {
  cx: 36.728px;
  cy: 36.728px;
  r: .75px;
  fill: currentColor;
}

.v445jacbu {
  cx: 6px;
  cy: 24px;
  r: .75px;
  fill: currentColor;
}

.w3utihi-q {
  cx: 11.272px;
  cy: 11.272px;
  r: .75px;
  fill: currentColor;
}

.wc7sepepq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m21.29 32.5l8.943-17M24 27.349L17.767 15.5");
}

.yxnpedcag {
  cx: 42px;
  cy: 24px;
  r: .75px;
  fill: currentColor;
}

.zvajdwy4f {
  cx: 24px;
  cy: 6px;
  r: .75px;
  fill: currentColor;
}
</style><circle class="cpk0fnbgt"/><circle class="iifhrwbae"/><circle class="iifhrwbae"/><circle class="yxnpedcag"/><circle class="yxnpedcag"/><circle class="sxisaj7ur"/><circle class="sxisaj7ur"/><circle class="nhp1rqb2j"/><circle class="nhp1rqb2j"/><circle class="evnhlqb2h"/><circle class="evnhlqb2h"/><circle class="v445jacbu"/><circle class="v445jacbu"/><circle class="w3utihi-q"/><circle class="w3utihi-q"/><circle class="zvajdwy4f"/><circle class="zvajdwy4f"/><circle class="l-3g5-bns"/><path class="wc7sepepq"/>`,
		"fallback": "arcticons:yubico-authenticator",
	});
}

export default Component;
