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

const viewBox = {"width":36,"height":36};
const content = `<style>.dkrptlbx {
  fill: #ffac33;
  d: path("M25.01 18.712C30.254 13.171 36 7 36 7V0L25.01 10.99zM22 21.878l1-1.049V13l-1 1z");
}

.na_ztjk {
  cx: 26.5px;
  cy: 29.5px;
  r: 6.5px;
  fill: #dd2e44;
}

.sa0v2jll {
  fill: #c1694f;
  d: path("M4 21c2.409 0 2 2 2 3s0 3 2 3s3.464-2.465 7-6L36 0v7S22.5 21.5 18 26s-7 7-10 7c-3.513 0-7-2.605-7-7c0-4 2-5 3-5");
}
</style><path class="sa0v2jll"/><circle class="na_ztjk"/><path class="dkrptlbx"/>`;

/** @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:field-hockey"} {...others} />);
}

export default Component;
