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

const viewBox = {"width":48,"height":48};
const content = `<style>.dt5t2ebor {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m29.404 24.253l-9.093-5.25v10.5z");
}

.pyiz6911d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m28.784 5.335l-16.282 8.657c-3.283 1.745-4.938 5.703-3.512 9.136a7.12 7.12 0 0 0 6.723 4.41c.43-.009.58.56.2.762l-3.11 1.653C9.521 31.7 7.866 35.658 9.292 39.09a7.12 7.12 0 0 0 9.924 3.575l16.283-8.657c3.282-1.745 4.937-5.703 3.511-9.136a7.12 7.12 0 0 0-6.722-4.41c-.431.009-.58-.56-.2-.762l3.11-1.654c3.281-1.745 4.936-5.703 3.51-9.136a7.12 7.12 0 0 0-9.923-3.575");
}
</style><path class="pyiz6911d"/><path class="dt5t2ebor"/>`;

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

export default Component;
