<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="tr29ph0vh"/><path class="i-ka-u2kr"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:twotone-mouse" {...props}></Icon>
<style>
:global(.i-ka-u2kr) {
  fill: var(--svg-color, currentColor);
  d: path("M20 9c-.04-4.39-3.6-7.93-8-7.93S4.04 4.61 4 9v6c0 4.42 3.58 8 8 8s8-3.58 8-8zm-7-5.84c2.81.47 4.96 2.9 5 5.84h-5zm-2 0V9H6a6.005 6.005 0 0 1 5-5.84M18 15c0 3.31-2.69 6-6 6s-6-2.69-6-6v-4h12z");
}

:global(.tr29ph0vh) {
  fill: var(--svg-color, currentColor);
  d: path("M13 3.16V9h5a6.005 6.005 0 0 0-5-5.84m-2 0C8.19 3.63 6.04 6.06 6 9h5zM11 11H6v4c0 3.31 2.69 6 6 6s6-2.69 6-6v-4z");
  opacity: var(--svg-opacity--.3, .3);
}

</style>
