import { Icon } from '@iconify/css-react';
import { createElement } from 'react';

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

/** @type {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.i4l04qu {
  fill: currentColor;
  d: path("M12 4C9.24 4 7 6.24 7 9c0 2.85 2.92 7.21 5 9.88c2.11-2.69 5-7 5-9.88c0-2.76-2.24-5-5-5m0 7.5a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5");
  opacity: .3;
}

.sepm5r {
  cx: 12px;
  cy: 9px;
  r: 2.5px;
  fill: currentColor;
}

.zs29x6b {
  fill: currentColor;
  d: path("M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7M7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.88-2.88 7.19-5 9.88C9.92 16.21 7 11.85 7 9");
}
</style><path class="i4l04qu"/><path class="zs29x6b"/><circle class="sepm5r"/>`,
		"fallback": "ic:twotone-room",
	});
}

export default Component;
