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

const viewBox = {"width":48,"height":48};
const content = `<style>.ifcifxblg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.5 20.5h-5v-5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v5h-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1");
}

.ktmvnvfmg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.835 2.606c-10.078.985-18.229 9.135-19.227 19.211c-.442 4.47.492 8.688 2.422 12.296c.636 1.189.816 2.568.433 3.86l-.91 3.069c-.437 1.472.933 2.842 2.405 2.405l3.068-.91c1.293-.383 2.672-.203 3.861.433c3.608 1.93 7.826 2.864 12.295 2.422c10.077-.998 18.227-9.15 19.212-19.227C46.72 12.59 35.41 1.279 21.835 2.606");
}
</style><path class="ktmvnvfmg"/><path class="ifcifxblg"/>`;

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

export default Component;
