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

const viewBox = {"width":24,"height":24};
const content = `<style>.ye9mbvbav {
  fill: currentColor;
  d: path("M14.685 11.829L12.17 9.315l4.99-5.01q.147-.145.336-.215t.397-.07q.189 0 .381.072q.192.074.352.22l1.067 1.073q.147.16.217.352t.07.394q0 .188-.07.378q-.07.189-.217.335zm5.077 9.348l-7.21-7.185L6.519 20H4v-2.513l6.014-6.033l-7.191-7.215l.714-.714l16.938 16.938zM17.504 7.589L19 6.111L17.889 5l-1.477 1.496z");
}
</style><path class="ye9mbvbav"/>`;

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

export default Component;
