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

const viewBox = {"width":36,"height":36};
const content = `<style>.bcm6gfb {
  fill: #9aaab4;
  d: path("m13.503 19.693l2.828 2.828l-4.95 4.95l-2.828-2.829z");
}

.l0-m30br {
  fill: #66757f;
  d: path("m1.257 29.11l5.88-5.879a2 2 0 0 1 2.828 0l2.828 2.828a2 2 0 0 1 0 2.828l-5.879 5.879a4 4 0 1 1-5.657-5.656");
}

.neujz1b {
  cx: 22.355px;
  cy: 13.669px;
  r: 13.5px;
  fill: #8899a6;
}

.q-3es2b {
  cx: 22.355px;
  cy: 13.669px;
  r: 9.5px;
  fill: #bbddf5;
}
</style><path class="bcm6gfb"/><path class="l0-m30br"/><circle class="neujz1b"/><circle class="q-3es2b"/>`;

/** @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:right-pointing-magnifying-glass"} {...others} />);
}

export default Component;
