import { Icon } from '@iconify/css-react';
import { createElement } from 'react';
import '../../css/f/ft5dv1b6b.css';
import '../../css/d/dokw--b1h.css';
import '../../css/y/y74n8z-iw.css';
import '../../css/x/xxa6k5v5t.css';
import '../../css/f/fdbmhvbht.css';

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

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<g class="ft5dv1b6b"><circle class="dokw--b1h"/><path class="y74n8z-iw"/><path class="xxa6k5v5t"/><path clip-rule="evenodd" class="fdbmhvbht"/></g>`,
		"fallback": "fluent-emoji-flat:soccer-ball",
	});
}

export default Component;
