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>.bgt6xub7a {
  cx: 24px;
  cy: 36.096px;
  r: .836px;
  fill: currentColor;
}

.dpolz2b5k {
  cx: 20.655px;
  cy: 39.441px;
  r: .836px;
  fill: currentColor;
}

.edn75l3jk {
  cx: 16.194px;
  cy: 36.096px;
  r: .836px;
  fill: currentColor;
}

.fdzlwcbko {
  cx: 12.849px;
  cy: 39.441px;
  r: .836px;
  fill: currentColor;
}

.fse3fd0dk {
  cx: 10.245px;
  cy: 11.467px;
  r: 3.745px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ihy7flb3e {
  cx: 31.806px;
  cy: 36.096px;
  r: .836px;
  fill: currentColor;
}

.p28cyml_a {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.263 32.488c5.653 0 10.237-4.583 10.237-10.237s-4.583-10.238-10.237-10.238c-4.597 0-8.486 3.03-9.78 7.202a7.4 7.4 0 0 0-4.578-1.586a7.43 7.43 0 0 0 0 14.86z");
}

.rt_lcacqw {
  cx: 28.461px;
  cy: 39.441px;
  r: .836px;
  fill: currentColor;
}
</style><circle class="fse3fd0dk"/><path class="p28cyml_a"/><circle class="ihy7flb3e"/><circle class="rt_lcacqw"/><circle class="bgt6xub7a"/><circle class="dpolz2b5k"/><circle class="edn75l3jk"/><circle class="fdzlwcbko"/>`,
		"fallback": "arcticons:nothing-weather",
	});
}

export default Component;
