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

const viewBox = {"width":36,"height":36};
const content = `<style>.bqr7m3b {
  cx: 18px;
  cy: 18px;
  r: 13px;
  fill: #f5f8fa;
}

.ftphkib {
  fill: #292f33;
  d: path("m17.343 20.748l8.777 5.381l-5.379-8.778z");
}

.il13cfy {
  cx: 18px;
  cy: 18.008px;
  r: 1.648px;
  fill: #f5f8fa;
}

.j3pun7b {
  cx: 18px;
  cy: 18.008px;
  r: 3.055px;
  fill: #8899a6;
}

.lmzztup {
  cx: 18px;
  cy: 18px;
  r: 14.5px;
  fill: #ffd983;
}

.pcs9ejbz {
  fill: #ccd6dd;
  d: path("m18 8l1.531 6.304l5.54-3.375l-3.375 5.54L28 18l-6.304 1.531l3.375 5.54l-5.54-3.375L18 28l-1.531-6.304l-5.54 3.375l3.375-5.54L8 18l6.304-1.531l-3.375-5.54l5.54 3.375z");
}

.wzqendi {
  fill: #dd2e44;
  d: path("M18.657 15.267L9.879 9.886l5.38 8.779z");
}

.zmbs7kb {
  cx: 18px;
  cy: 18px;
  r: 18px;
  fill: #f4900c;
}
</style><circle class="zmbs7kb"/><circle class="lmzztup"/><circle class="bqr7m3b"/><path class="pcs9ejbz"/><path class="ftphkib"/><path class="wzqendi"/><circle class="j3pun7b"/><circle class="il13cfy"/>`;

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

export default Component;
