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

const viewBox = {"width":24,"height":24};
const content = `<style>.xrkso07_q {
  fill: currentColor;
  d: path("M7 19V6.039q0-.441.299-.74T8.039 5h7.103q.404 0 .762.187q.358.186.575.51l1.644 2.384q.293.429.293.919t-.293.92l-1.644 2.384q-.217.323-.575.51q-.358.186-.762.186H8v6q0 .214-.143.357T7.5 19.5t-.357-.143T7 19m1-7h7.173q.154 0 .279-.067t.221-.202l1.596-2.385q.097-.154.097-.346t-.097-.346l-1.596-2.385q-.096-.134-.221-.202T15.173 6H8zm0 0V6z");
}
</style><path class="xrkso07_q"/>`;

/** @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={"material-symbols-light:personal-places-outline-rounded"} {...others} />);
}

export default Component;
