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

const viewBox = {"width":48,"height":48};
const content = `<style>.os6z__bxu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.77 6.86c.934 1.734 15.966 14 13.006 25.032c-8.702-.135-18.15-1.982-25.457-7.047c1.242-6.429 11.8-16.7 12.45-17.984M11.085 31.95c6.462 3.99 14.038 5.155 21.891 5.615c-2.65 2.481-7.799 4.6-12.772 3.041s-7.79-4.692-9.119-8.655Z");
}

.vb4rk7blp {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.992 20.694c-15.197.526-4.658 9.274 8.456 12.721c12.506 3.287 30.107 2.727 15.576-6.376");
}
</style><path class="vb4rk7blp"/><path class="os6z__bxu"/>`;

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

export default Component;
