<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="rye8lt8iq"/><circle class="g39nspbbk"/><circle class="kqg5dtbzy"/><circle class="ws-eu2b3l"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:outline-more" {...props}></Icon>
<style>
:global(.g39nspbbk) {
  cx: 9px;
  cy: 12px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

:global(.kqg5dtbzy) {
  cx: 14px;
  cy: 12px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

:global(.rye8lt8iq) {
  fill: var(--svg-color, currentColor);
  d: path("M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.97.89 1.66.89H22c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H7.07L2.4 12l4.66-7H22z");
}

:global(.ws-eu2b3l) {
  cx: 19px;
  cy: 12px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

</style>
