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

const viewBox = {"width":48,"height":48};
const content = `<style>.cl9df2bkj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.348 34.35a4.11 4.11 0 0 1-3.583-4.469a3.8 3.8 0 0 1 .75-2.3");
}

.ii3jbdv4g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.702 43.5c-2.624 0-11.475-4.586-12.6-13.452");
}

.oa58nd4vh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M34.366 39.572a22 22 0 0 0 1.436-7.934c0-8.084-5.296-11.199-10.724-13.12c-5.593-1.979-11.322-2.711-11.322-7.728c0-4.633 4.113-6.29 8.986-6.29c5.152 0 18.212 3.654 18.212 18.751a23.75 23.75 0 0 1-6.588 16.32");
}

.sxc0hqlea {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.253 14.405c0 3.934-5.132 7.888-5.132 11.362a11.8 11.8 0 0 0 1.877 6.15s-4.952-3.394-4.952-11.022S11.38 9.625 14.145 8.55m8.557 34.95c2.804 0 12.718-5.236 12.718-15.336");
}
</style><path class="oa58nd4vh"/><path class="sxc0hqlea"/><path class="ii3jbdv4g"/><path class="cl9df2bkj"/>`;

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

export default Component;
