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

const viewBox = {"width":48,"height":48};
const content = `<style>.sfis84bvz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.18 28a15.46 15.46 0 0 0 15.46 15.5");
}

.vq-m2ybwo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M26.6 4.51a.8.8 0 0 1 .32 0c.5.16 11.13 10.09 10.89 10.18c-.05 0-1.91-.69-4.13-1.58s-4.49-1.79-5-2l-1-.35v10.39c0 10.31 0 10.4-.35 11a4.53 4.53 0 0 1-3.86 2.38a5.4 5.4 0 0 1-1.56-.15a4.35 4.35 0 0 1-3-2.84c-.88-3 2.41-5.81 5.68-4.77a11 11 0 0 0 1.06.31c.06 0 .13-5 .15-11.13V4.82l.4-.2a1.7 1.7 0 0 1 .38-.11ZM14.09 28a11.55 11.55 0 0 0 11.55 11.59");
}
</style><path class="vq-m2ybwo"/><path class="sfis84bvz"/>`;

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

export default Component;
