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>.kd2q9onqr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 40.5c-2.771 0-5.516-.704-7.935-2.035l-1.294-.711l-4.867.346l.346-4.866l-.712-1.294A16.5 16.5 0 0 1 7.5 24c0-9.098 7.402-16.5 16.5-16.5S40.5 14.902 40.5 24S33.098 40.5 24 40.5");
}

.z21mkkbqp {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 2.5C12.126 2.5 2.5 12.126 2.5 24c0 3.754.967 7.28 2.658 10.352l-.65 9.144l9.146-.65A21.4 21.4 0 0 0 24 45.5c11.874 0 21.5-9.626 21.5-21.5S35.874 2.5 24 2.5");
}
</style><path class="z21mkkbqp"/><path class="kd2q9onqr"/>`,
		"fallback": "arcticons:chai",
	});
}

export default Component;
