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

const viewBox = {"width":36,"height":36};
const content = `<style>.gi2fpvb {
  cx: 13.586px;
  cy: 13.669px;
  r: 13.5px;
  fill: #8899a6;
}

.m79a75b {
  cx: 13.586px;
  cy: 13.669px;
  r: 9.5px;
  fill: #bbddf5;
}

.nogx-vk {
  fill: #9aaab4;
  d: path("M27.388 24.642L24.56 27.47l-4.95-4.95l2.828-2.828z");
}

.vrzj1xbg {
  fill: #66757f;
  d: path("m34.683 29.11l-5.879-5.879a2 2 0 0 0-2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l5.879 5.879a4 4 0 1 0 5.656-5.656");
}
</style><path class="nogx-vk"/><path class="vrzj1xbg"/><circle class="gi2fpvb"/><circle class="m79a75b"/>`;

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

export default Component;
