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>.eek6-c {
  cx: 17px;
  cy: 17px;
  r: 1px;
  fill: currentColor;
  fill-rule: evenodd;
  opacity: .3;
}

.iejt6v {
  fill: currentColor;
  d: path("m18.501 3.5l-15 15.001l1.996 1.996l15-15z");
}

.oldh_b {
  cx: 7px;
  cy: 7px;
  r: 1px;
  fill: currentColor;
  fill-rule: evenodd;
  opacity: .3;
}

.yay_jkl {
  fill: currentColor;
  d: path("M17.003 14a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6M17 16a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.003 4a3 3 0 1 1-.006 6a3 3 0 0 1 .006-6M7 6a1 1 0 1 0 0 2a1 1 0 0 0 0-2");
}
</style><path class="iejt6v"/><circle class="oldh_b"/><circle class="eek6-c"/><path class="yay_jkl"/>`,
		"fallback": "ic:twotone-percentage",
	});
}

export default Component;
