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

const viewBox = {"width":36,"height":36};
const content = `<style>.b08phse {
  cx: 4px;
  cy: 17px;
  r: 1px;
}

.c6pedcb {
  fill: #fff;
}

.eahwwvfp {
  d: path("M6.5 7A2.5 2.5 0 0 1 4 4.5c0-1.13.755-2.074 1.784-2.383A3 3 0 0 0 5 2a3 3 0 1 0 0 6c.959 0 1.803-.458 2.353-1.159A2.5 2.5 0 0 1 6.5 7");
}

.exk8vub {
  cx: 31.5px;
  cy: 7.5px;
  r: .5px;
}

.ho5l08c {
  cx: 32px;
  cy: 17px;
  r: 1px;
}

.l08iyww {
  cx: 26.5px;
  cy: 5.5px;
  r: .5px;
}

.pz15rbb {
  cx: 26.5px;
  cy: 11.5px;
  r: .5px;
}

.rs562kb {
  cx: 7.5px;
  cy: 11.5px;
  r: .5px;
}

.t1sxlac {
  cx: 22px;
  cy: 5px;
  r: 1px;
}

.vssdk63j {
  fill: #fe5011;
  d: path("M32 23.958a43 43 0 0 0 4 2.171v-2.07C32.465 22.229 25.013 17.594 20 9c0 0 0-2-2-2s-2 2-2 2C10.987 17.594 3.535 22.229 0 24.059v2.07a43 43 0 0 0 4-2.171V27H0v4h16v5h4v-5h16v-4h-4zM30 27h-4v-7.435a44 44 0 0 0 4 3.095zM6 22.659a44 44 0 0 0 4-3.094V27H6zM12 27v-9.292a38.5 38.5 0 0 0 4-4.655V27zm8-13.946a38.6 38.6 0 0 0 4 4.655V27h-4z");
}

.vsw8u7h {
  cx: 12px;
  cy: 7px;
  r: 1px;
}

.w0adc8l {
  cx: 31px;
  cy: 3px;
  r: 1px;
}

.xji5hdr {
  cx: 10.5px;
  cy: 2.5px;
  r: .5px;
}

.yaeknacl {
  fill: #004a77;
  d: path("M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z");
}
</style><path class="yaeknacl"/><path class="vssdk63j"/><g class="c6pedcb"><path class="eahwwvfp"/><circle class="xji5hdr"/><circle class="pz15rbb"/><circle class="rs562kb"/><circle class="t1sxlac"/><circle class="b08phse"/><circle class="vsw8u7h"/><circle class="ho5l08c"/><circle class="l08iyww"/><circle class="w0adc8l"/><circle class="exk8vub"/></g>`;

/** @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:bridge-at-night"} {...others} />);
}

export default Component;
