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

const viewBox = {"width":24,"height":24};
const content = `<style>.yp38uywst {
  fill: currentColor;
  d: path("M5 21V8.462q0-.672.472-1.144t1.143-.472h7.058q.671 0 1.143.472q.473.472.473 1.143V21l-5.135-2.654zm1-1.602l4.154-2.17l4.135 2.17V8.462q0-.27-.174-.443q-.173-.173-.442-.173H6.615q-.269 0-.442.173T6 8.461zm12-1.956V4.616q0-.27-.173-.443T17.385 4H7.789V3h9.596q.67 0 1.143.472q.472.472.472 1.144v12.826zM6 7.846h8.289z");
}
</style><path class="yp38uywst"/>`;

/** @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={"material-symbols-light:bookmarks-outline"} {...others} />);
}

export default Component;
