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>.cs36hfb4m {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.244 22.346v5.077c0 1.7 1.378 3.077 3.077 3.077h0c1.7 0 3.077-1.378 3.077-3.077v-5.077m0 5.077V30.5m6.365-12.308V30.5m.001-2.614l5.571-5.544m-3.797 3.779l4.379 4.361");
}

.ht1jihrug {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.471 22.346V30.5m-12.234 0l-4.077-4.028");
}

.i9clfwm2k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4");
}

.jswq03b0f {
  width: 8.154px;
  height: 12.308px;
  x: 9.083px;
  y: 18.192px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4.077px;
  ry: 4.077px;
}

.okr-zer7m {
  cx: 29.471px;
  cy: 18.577px;
  r: .75px;
  fill: currentColor;
}
</style><path class="i9clfwm2k"/><path class="cs36hfb4m"/><circle class="okr-zer7m"/><path class="ht1jihrug"/><rect class="jswq03b0f"/>`,
		"fallback": "arcticons:gopro-quik",
	});
}

export default Component;
