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>.of5e1zaft {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 2.5A21.48 21.48 0 0 0 5 34.11l-.55 2.08l-1.93 7.2a1.67 1.67 0 0 0 1.18 2a1.61 1.61 0 0 0 .87 0l7.2-1.93l2.11-.46A21.5 21.5 0 1 0 24 2.5ZM20.52 17l6.67 6.67L37 17l-6.7 9.82L27.48 31l-6.67-6.67L11 31l6.67-9.78Z");
}
</style><path class="of5e1zaft"/>`,
		"fallback": "arcticons:messenger",
	});
}

export default Component;
