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

const viewBox = {"width":48,"height":48};
const content = `<style>.m-qlnkbov {
  fill: currentColor;
  d: path("M33.152 16.86a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-5.236 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0");
}

.xo_2lmbyr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.859 34.71L25.105 42l-15.055-.123V28.52h4.847c.332-6.047.959-12.078 5.798-17.14c3.738-4.196 7.79-5.025 11.627-5.38l1.214 4.152l10.471 8.572l-6.088 4.323L37.765 42m-5.853-9.424v9.423M14.845 28.641v13.23m-4.885-.007c-3.323-.062-5.983-3.047-5.967-6.697s2.704-6.605 6.027-6.631");
}
</style><path class="m-qlnkbov"/><path class="xo_2lmbyr"/>`;

/** @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:raccoon-monochrome"} {...others} />);
}

export default Component;
