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

let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<g class="y9tr6z"><path class="q8jklyb"/><path class="e_7vy_d"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:ves-image-and-photo-compare" {...props}></Icon>
<style>
:global .y9tr6z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .q8jklyb {
  d: path("M27.436 7.303h11.243a1.78 1.78 0 0 1 1.779 1.78v29.356c0 .983-.797 1.79-1.78 1.78H27.407V23.71l9.162 11.005v-23.97h-9.162V7.316m-6.873 16.342l-9.2 11.056h9.2z");
}

:global .e_7vy_d {
  d: path("M20.663 43.5v-3.28H9.322a1.78 1.78 0 0 1-1.78-1.78V9.081c0-.982.797-1.77 1.78-1.78h11.341V4.5l2.818.001v39z");
}

</style>
