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>.pgcq99b5a {
  fill: var(--svg-color, currentColor);
  d: path("M17.65 7.56L12 2L6.35 7.56C4.9 8.99 4 10.96 4 13.13C4 17.48 7.58 21 12 21s8-3.52 8-7.87c0-2.17-.9-4.14-2.35-5.57M6 13.13c0-1.56.62-3.03 1.75-4.14L12 4.81V19c-3.31 0-6-2.63-6-5.87");
}

.r7cqc-bbw {
  fill: var(--svg-color, currentColor);
  d: path("M7.75 8.99A5.77 5.77 0 0 0 6 13.13C6 16.37 8.69 19 12 19V4.81z");
  opacity: var(--svg-opacity--.3, .3);
}
</style><path class="r7cqc-bbw"/><path class="pgcq99b5a"/>`,
		"fallback": "ic:twotone-invert-colors",
	});
}

export default Component;
