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

const viewBox = {"width":48,"height":48};
const content = `<style>.hfy1cnbsn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.52 39.761a2.332 2.332 0 1 1 4.663 0V43.5m2.77-7.81v6.669a1.05 1.05 0 0 0 1.112 1.111h.333m-2.556-5.891h2.334M20.84 25.493a21.63 21.63 0 0 0 9.213-6a21.63 21.63 0 0 0-9.212-6h0a20.5 20.5 0 0 0 0 12");
}

.hl8nx83ia {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.45 18.913a14.455 14.455 0 1 1-.002-.116M34.145 37.31l-2.357 6.123l-2.356-6.123m-15.576 2.451a2.332 2.332 0 1 1 4.663 0V43.5m-4.664-6.076V43.5");
}
</style><path class="hl8nx83ia"/><path class="hfy1cnbsn"/>`;

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

export default Component;
