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

const viewBox = {"width":36,"height":36};
const content = `<style>.bfmup_p {
  d: path("M34 26a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h30a1 1 0 0 1 1 1");
}

.cvlzsst {
  fill: #66757f;
  d: path("M28 17a3 3 0 0 0-3-3v6a3 3 0 0 0 3-3");
}

.i22trxj {
  fill: #ccd6dd;
  d: path("M32 12h-6s-1 0-1 1v8s0 1 1 1h6c1 0 2-2 2-5s-1-5-2-5");
}

.lj4frgb {
  fill: #31373d;
  d: path("M36 25s0 4-4 4H4s-4 0-4-4V10c0-4 4-4 4-4h28s4 0 4 4z");
}

.p9ewazbw {
  d: path("M29.894 12H26s-1 0-1 1v1a3 3 0 0 1 0 6v1s0 1 1 1h3.895A6.97 6.97 0 0 0 32 17a6.98 6.98 0 0 0-2.106-5");
}

.q2wg1ebq {
  d: path("M11 20a3 3 0 1 1 0-6v-1c0-1-1-1-1-1H6.106C4.808 13.271 4 15.04 4 17s.808 3.729 2.106 5H10c1 0 1-1 1-1z");
}

.tla30ib {
  fill: #66757f;
  d: path("M8 17a3 3 0 0 0 3 3v-6a3 3 0 0 0-3 3");
}

.veyg6me {
  fill: #88c9f9;
  d: path("M13 14s0-1 1-1h8s1 0 1 1v6s0 1-1 1h-8s-1 0-1-1z");
}

.xsjq8ji {
  fill: #ccd6dd;
  d: path("M4 12h6s1 0 1 1v8s0 1-1 1H4c-1 0-2-2-2-5s1-5 2-5");
}
</style><path class="lj4frgb"/><path class="i22trxj"/><path class="p9ewazbw"/><path class="cvlzsst"/><path class="xsjq8ji"/><path class="q2wg1ebq"/><path class="tla30ib"/><path class="veyg6me"/><path class="bfmup_p"/>`;

/** @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={"twemoji:videocassette"} {...others} />);
}

export default Component;
