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

const viewBox = {"width":64,"height":64};
const content = `<style>.dk05tmny {
  fill: #fff;
  d: path("M38 2.6H26C14.3 5 5 14.2 2.6 26v12C5 49.8 14.3 59 26 61.4h12C49.8 59 59 49.7 61.4 38V26C59 14.2 49.7 5 38 2.6");
}

.ft5dv1b {
  fill: none;
}

.jkw7xk8h {
  fill: #CE1124;
  d: path("M61.179 39A30 30 0 0 0 62 32c0-2.41-.284-4.754-.821-7H39V2.821A30 30 0 0 0 32 2c-2.41 0-4.754.284-7 .821V25H2.821A30 30 0 0 0 2 32c0 2.41.284 4.754.821 7H25v22.179A30 30 0 0 0 32 62c2.41 0 4.754-.284 7-.821V39z");
}
</style><g class="ft5dv1b"><path class="dk05tmny"/><path class="jkw7xk8h"/></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={"emojione:flag-england"} {...others} />);
}

export default Component;
