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

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

/** @type {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.cdhtlc {
  cx: 8px;
  cy: 17px;
  r: 1px;
  fill: currentColor;
}

.da7chu {
  cx: 16px;
  cy: 20px;
  r: 1px;
  fill: currentColor;
}

.mvbrhw {
  cx: 8px;
  cy: 20px;
  r: 1px;
  fill: currentColor;
}

.oclomb {
  cx: 12px;
  cy: 17px;
  r: 1px;
  fill: currentColor;
}

.pav6vt {
  cx: 16px;
  cy: 17px;
  r: 1px;
  fill: currentColor;
}

.rewt5he {
  fill: currentColor;
  d: path("M13 5.08V3h-2v2.08C7.61 5.57 5 8.47 5 12v2h14v-2c0-3.53-2.61-6.43-6-6.92");
}

.ry6tsx {
  cx: 12px;
  cy: 20px;
  r: 1px;
  fill: currentColor;
}
</style><circle class="cdhtlc"/><circle class="oclomb"/><circle class="pav6vt"/><path class="rewt5he"/><circle class="mvbrhw"/><circle class="ry6tsx"/><circle class="da7chu"/>`,
		"fallback": "ic:sharp-shower",
	});
}

export default Component;
