<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="rkhpzacif"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:chair-counter-sharp" {...props}></Icon>
<style>
:global(.rkhpzacif) {
  fill: currentColor;
  d: path("M7.789 21v-.673q.823-.587 1.768-.889t1.943-.369v-2.78H8.711v-1H11.5V8.673H9.104l-.427-.904H5V6.356q0-1.398.958-2.377T8.288 3h7.443q1.373 0 2.321.989q.948.988.948 2.367v1.413h-3.658l-.426.904H12.5v6.616h2.789v1H12.5v2.78q.998.068 1.953.37t1.778.888V21z");
}

</style>
