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

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

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.d2891bbpb {
  cx: 16.5px;
  cy: 7.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

.ez459_bru {
  cx: 16.5px;
  cy: 16.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

.f93n16wnx {
  cx: 7.5px;
  cy: 7.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

.m830ixa3e {
  fill: var(--svg-color, currentColor);
  d: path("M5 19h14V5H5zM16.5 6c.83 0 1.5.67 1.5 1.5S17.33 9 16.5 9S15 8.33 15 7.5S15.67 6 16.5 6m0 9c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5M12 10.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5M7.5 6C8.33 6 9 6.67 9 7.5S8.33 9 7.5 9S6 8.33 6 7.5S6.67 6 7.5 6m0 9c.83 0 1.5.67 1.5 1.5S8.33 18 7.5 18S6 17.33 6 16.5S6.67 15 7.5 15");
  opacity: var(--svg-opacity--.3, .3);
}

.ndsv16c8x {
  cx: 7.5px;
  cy: 16.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

.swzmyubby {
  cx: 12px;
  cy: 12px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

.uziv--fwo {
  fill: var(--svg-color, currentColor);
  d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14z");
}
</style><path class="m830ixa3e"/><path class="uziv--fwo"/><circle class="ndsv16c8x"/><circle class="f93n16wnx"/><circle class="swzmyubby"/><circle class="ez459_bru"/><circle class="d2891bbpb"/>`,
		"fallback": "ic:twotone-casino",
	});
}

export default Component;
