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

const viewBox = {"width":128,"height":128};
const content = `<style>.bphq0kky {
  cx: 89.84px;
  cy: 64px;
  r: 13.53px;
  fill: none;
  stroke: #EEE;
  stroke-miterlimit: 10;
  opacity: .2;
}

.brmx59b {
  stop-color: #BDBDBD;
}

.e84f1bb {
  stop-color: #E53935;
}

.h_0ekjax {
  fill: #787676;
  d: path("M11.85 38.15h104v2h-104zm0 4h104v2h-104zM12 88h104v2H12zm0 4h104v2H12zm0-8h104v2H12z");
}

.hew8gia {
  stop-color: #EF5350;
}

.k7rms6b {
  d: path("M44 56v22c0 1.1.9 2 2 2h36c1.1 0 2-.9 2-2V56z");
}

.khs5ozb {
  d: path("M84 50c0-1.1-.9-2-2-2H46c-1.1 0-2 .9-2 2v6h40z");
}

.lebc9ub {
  cx: 41.84px;
  cy: 64px;
  r: 21.84px;
  fill: #504F4F;
}

.m196vuad {
  cx: 41.84px;
  cy: 64px;
  r: 18px;
  fill: none;
  stroke: #EEE;
  stroke-miterlimit: 10;
  stroke-width: .941px;
  opacity: .2;
}

.m5y-rqp {
  fill: #504F4F;
  d: path("m104.86 66.007l3.013-28.119l1.988.213l-3.012 28.12z");
}

.n7zwz0b {
  cx: 89.84px;
  cy: 64px;
  r: 17.15px;
  fill: #504F4F;
}

.qil7y_cy {
  fill: #BDBDBD;
  d: path("M77 66H51c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1m0 8H51c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1");
}

.rh0h9ibh {
  fill: #424242;
  d: path("M82 48c1.1 0 2 .9 2 2v28c0 1.1-.9 2-2 2H46c-1.1 0-2-.9-2-2V50c0-1.1.9-2 2-2zm0-2H46c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h36c2.21 0 4-1.79 4-4V50c0-2.21-1.79-4-4-4");
  opacity: .2;
}

.ru-smbi {
  stop-color: #FAFAFA;
}

.v6tju0h {
  cx: 41.84px;
  cy: 64px;
  r: 10px;
}

.w6zed9b {
  cx: 89.84px;
  cy: 64px;
  r: 10px;
}

.xz770gb {
  stop-color: #EEE;
}

.y30sybcu {
  fill: #595858;
  d: path("M4 32v64c0 2.21 1.79 4 4 4h112c2.21 0 4-1.79 4-4V32c0-2.21-1.79-4-4-4H8c-2.21 0-4 1.79-4 4m36 46c0 1.1-.9 2-2 2H20c-2.21 0-8-7.16-8-16s5.79-16 8-16h18c1.1 0 2 .9 2 2zm68 2H90c-1.1 0-2-.9-2-2V50c0-1.1.9-2 2-2h18c2.21 0 8 7.16 8 16s-5.79 16-8 16");
}

.z3ri-ebf {
  fill: #424242;
  d: path("M64 28H7.89C5.74 28 4 29.74 4 31.89v12.26h4.73l.06-8h110.54l-.06 8H124V31.88c0-2.14-1.74-3.88-3.88-3.88z");
}

.zzqgfjbn {
  cx: 41.84px;
  cy: 64px;
  r: 14.62px;
  fill: none;
  stroke: #EEE;
  stroke-miterlimit: 10;
  opacity: .2;
}
</style><path class="m5y-rqp"/><circle class="lebc9ub"/><radialGradient id="SVG2Kmlodyg" cx="88" cy="75.167" r="21.412" gradientTransform="rotate(180 64.918 64)" gradientUnits="userSpaceOnUse"><stop offset="0" class="xz770gb"/><stop offset="1" class="brmx59b"/></radialGradient><circle fill="url(#SVG2Kmlodyg)" class="v6tju0h"/><circle class="m196vuad"/><circle class="zzqgfjbn"/><circle class="n7zwz0b"/><radialGradient id="SVGOBShscIN" cx="39.667" cy="74.667" r="21.006" gradientTransform="rotate(180 64.918 64)" gradientUnits="userSpaceOnUse"><stop offset="0" class="xz770gb"/><stop offset="1" class="brmx59b"/></radialGradient><circle fill="url(#SVGOBShscIN)" class="w6zed9b"/><circle class="bphq0kky"/><path class="y30sybcu"/><path class="h_0ekjax"/><path class="rh0h9ibh"/><radialGradient id="SVGIuANecXp" cx="63.5" cy="79.5" r="21.844" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" class="hew8gia"/><stop offset="1" class="e84f1bb"/></radialGradient><path fill="url(#SVGIuANecXp)" class="khs5ozb"/><radialGradient id="SVGpmzjbefe" cx="63.333" cy="72.833" r="28.404" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" class="ru-smbi"/><stop offset="1" class="xz770gb"/></radialGradient><path fill="url(#SVGpmzjbefe)" class="k7rms6b"/><path class="qil7y_cy"/><path class="z3ri-ebf"/>`;

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

export default Component;
