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>.amiqzx2ts {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 7.286L4.5 40.714h39z");
}

.f-u392bep {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m16.794 27.064l-5.33 9.137m12.072-20.688l-5.34 9.146m.697.734l8.868-2.953m3.695 6.909l-12.61-3.158m17.355 10.354L18.707 26.544");
}

.iyr-4dbxo {
  cx: 28.643px;
  cy: 22.143px;
  r: .929px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jsyzagb6o {
  cx: 37px;
  cy: 37px;
  r: .929px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mcvex_vhm {
  cx: 11px;
  cy: 37px;
  r: .929px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.r79p3kb7c {
  cx: 24px;
  cy: 14.714px;
  r: .929px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tr_s3nt2s {
  cx: 17.5px;
  cy: 25.857px;
  r: 1.393px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.uz5bl989j {
  cx: 32.357px;
  cy: 29.571px;
  r: .929px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><path class="amiqzx2ts"/><circle class="tr_s3nt2s"/><circle class="r79p3kb7c"/><circle class="iyr-4dbxo"/><circle class="uz5bl989j"/><circle class="jsyzagb6o"/><circle class="mcvex_vhm"/><path class="f-u392bep"/>`,
		"fallback": "arcticons:aranet",
	});
}

export default Component;
