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

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

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.ae9e1bzpo {
  cx: 17px;
  cy: 17px;
  r: 1px;
  fill: var(--svg-color, currentColor);
  fill-rule: evenodd;
  opacity: var(--svg-opacity--.3, .3);
}

.pic9nnm-m {
  fill: var(--svg-color, currentColor);
  d: path("m18.501 3.5l-15 15.001l1.996 1.996l15-15z");
}

.q4hehy4_j {
  cx: 7px;
  cy: 7px;
  r: 1px;
  fill: var(--svg-color, currentColor);
  fill-rule: evenodd;
  opacity: var(--svg-opacity--.3, .3);
}

.shufmbb9n {
  fill: var(--svg-color, 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="pic9nnm-m"/><circle class="q4hehy4_j"/><circle class="ae9e1bzpo"/><path class="shufmbb9n"/>`,
		"fallback": "ic:twotone-percentage",
	});
}

export default Component;
