import { Icon } from '@iconify/css-react';
import { createElement } from 'react';
import '../../css/u/un3wggb.css';
import '../../css/f/fodlp0n.css';
import '../../css/p/pt1qdv.css';
import '../../css/a/aoc5oj.css';
import '../../css/g/gifc5b.css';
import '../../css/p/pntiqp.css';
import '../../css/w/wdifsp.css';
import '../../css/z/zwov--p.css';
import '../../css/g/ghn_ah.css';
import '../../css/a/avsd-p.css';
import '../../css/l/lpb4do.css';
import '../../css/j/jt9btk.css';
import '../../css/h/h9zjkg.css';
import '../../css/v/vjbl0g.css';

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

/** @type {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<circle class="un3wggb"/><path class="fodlp0n"/><circle class="pt1qdv"/><circle class="aoc5oj"/><g class="gifc5b"><path class="pntiqp"/><path class="wdifsp"/><path class="zwov--p"/><circle class="ghn_ah"/><circle class="avsd-p"/><circle class="lpb4do"/><circle class="jt9btk"/><circle class="h9zjkg"/><circle class="vjbl0g"/></g>`,
		"fallback": "openmoji:new-moon-face",
	});
}

export default Component;
