import { Icon } from '@iconify/css-react';
import { createElement } from 'react';

const viewBox = {"width":24,"height":24};

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.e722_zk3j {
  fill: var(--svg-color, currentColor);
  d: path("M6 12h4v2H6zm0-6h7v2H6z");
}

.of426vb5z {
  fill: var(--svg-color, currentColor);
  d: path("M15 11.97V16H6l-2 2V4h11v2.03c.52-.69 1.2-1.25 2-1.6V4c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h9c1.1 0 2-.9 2-2v-2.42a5.16 5.16 0 0 1-2-1.61");
}

.p_zut_lbl {
  fill: var(--svg-color, currentColor);
  d: path("M6 9h7v2H6zm14-2.82c-.31-.11-.65-.18-1-.18c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3V3h2V1h-4z");
}

.tgeq38bgd {
  fill: var(--svg-color, currentColor);
  d: path("M4 4v14l2-2h9v-4.03c-.62-.83-1-1.85-1-2.97s.38-2.14 1-2.97V4zm6 10H6v-2h4zm3-3H6V9h7zm0-3H6V6h7z");
  opacity: var(--svg-opacity--.3, .3);
}
</style><path class="tgeq38bgd"/><path class="e722_zk3j"/><path class="of426vb5z"/><path class="p_zut_lbl"/>`,
		"fallback": "ic:twotone-lyrics",
	});
}

export default Component;
