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

const viewBox = {"width":48,"height":48};
const content = `<style>.lubme8u8y {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.95 16.332c2.077-2.076 3.948-2.943 6.732-2.943s9.128.98 8.245 11.085c-.883 10.104-7.138 9.777-8.245 9.777c-4.115 0-7.385-1.667-7.385-5.853c0-5.752 6.638-6.05 8.861-6.05c5.428 0 14.42 1.652 14.42 10.726c0 11.053-12.98 12.426-16.349 12.426c-8.11 0-18.639-4.12-18.639-22.203S19.184 2.5 24.682 2.5s13.264.801 17.728 12.818");
}
</style><path class="lubme8u8y"/>`;

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

export default Component;
