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

const viewBox = {"width":48,"height":48};
const content = `<style>.h6dcc4bjo {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M35.209 19.488c-.561 0-1.102.076-1.626.196c.068-.501.116-1.009.116-1.53c0-6.213-5.038-11.25-11.251-11.25s-11.251 5.037-11.251 11.25c0 .27.021.533.04.797c-3.296.873-5.737 3.847-5.737 7.417a7.7 7.7 0 0 0 7.702 7.702h2.055c.402 2.9-.428 5.162-2.88 5.735c3.657 3.325 9.87-.195 9.528-5.735h13.304a7.291 7.291 0 0 0 0-14.582");
}
</style><path class="h6dcc4bjo"/>`;

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

export default Component;
