import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":64,"height":64};
const content = `<style>.cgj2ktb {
  cx: 51.2px;
  cy: 20.9px;
  r: .9px;
}

.db4sprg {
  cx: 7.4px;
  cy: 20.3px;
  r: 4.1px;
}

.dvyryu7f {
  d: path("M49 55.8c0 1.4-1.2 2.7-2.7 2.7H19.1c-1.5 0-2.7-1.3-2.7-2.7v-19c0-1.4 1.2-2.7 2.7-2.7h27.2c1.5 0 2.7 1.3 2.7 2.7z");
}

.eoquw2b {
  cx: 24px;
  cy: 8.7px;
  r: 4.1px;
}

.fm4i6ob {
  cx: 49px;
  cy: 20.4px;
  r: 15px;
  fill: #3e4347;
}

.fyldr-b {
  cx: 40.3px;
  cy: 22.6px;
  r: 3.4px;
}

.g-c8_oo {
  cx: 15.1px;
  cy: 18.3px;
  r: 1px;
}

.g81j28d {
  fill: #3e4347;
  d: path("M6.8 40.9v20.4l10.9-5.5v-9.5zm49-5.5v9.5L49 43.6v-6.8z");
}

.gn04c9v {
  cx: 49px;
  cy: 29.5px;
  r: 3.4px;
}

.h6hxbqb {
  cx: 50.4px;
  cy: 18.5px;
  r: .9px;
}

.ly9-gkx {
  cx: 46.9px;
  cy: 20.9px;
  r: .9px;
}

.lzt2cib {
  cx: 17.7px;
  cy: 28.4px;
  r: 4.1px;
}

.mc2q42b {
  fill: #94989b;
  d: path("M27.2 58.6h12.3V64H27.2z");
}

.mcpcqyz {
  cx: 19.3px;
  cy: 15.4px;
  r: 1px;
}

.mf9d31q {
  cx: 57.8px;
  cy: 22.6px;
  r: 3.4px;
}

.n-u0r4b {
  cx: 47.7px;
  cy: 18.5px;
  r: .9px;
}

.oonx-qb {
  fill: #d0d0d0;
}

.pyafd0r {
  cx: 43.7px;
  cy: 12.9px;
  r: 3.4px;
}

.qf4tycb {
  cx: 17.7px;
  cy: 17.7px;
  r: 17.7px;
}

.qfkyffb {
  cx: 11.4px;
  cy: 8.7px;
  r: 4.1px;
}

.qvvebeb {
  cx: 28px;
  cy: 20.3px;
  r: 4.1px;
}

.tybnlub {
  cx: 20.3px;
  cy: 18.3px;
  r: 1px;
}

.tyi0eob {
  fill: #3e4347;
}

.ugioyac {
  cx: 16.2px;
  cy: 15.4px;
  r: 1px;
}

.v-trtdw {
  cx: 49px;
  cy: 22.7px;
  r: .9px;
}

.xq85jov {
  cx: 17.7px;
  cy: 20.3px;
  r: 1px;
}

.y4-z2bb {
  cx: 54.3px;
  cy: 12.8px;
  r: 3.4px;
}
</style><path class="mc2q42b"/><g class="tyi0eob"><path class="dvyryu7f"/><circle class="qf4tycb"/></g><g class="oonx-qb"><circle class="qfkyffb"/><circle class="eoquw2b"/><circle class="qvvebeb"/><circle class="lzt2cib"/><circle class="db4sprg"/><circle class="ugioyac"/><circle class="mcpcqyz"/><circle class="tybnlub"/><circle class="xq85jov"/><circle class="g-c8_oo"/></g><circle class="fm4i6ob"/><g class="oonx-qb"><circle class="pyafd0r"/><circle class="y4-z2bb"/><circle class="mf9d31q"/><circle class="gn04c9v"/><circle class="fyldr-b"/><circle class="n-u0r4b"/><circle class="h6hxbqb"/><circle class="cgj2ktb"/><circle class="v-trtdw"/><circle class="ly9-gkx"/></g><path class="g81j28d"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"emojione:film-projector"} {...others} />);
}

export default Component;
