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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="k3xizub"/><path class="r8gbbnb"/><circle class="uwz0hsv"/><circle class="wac730b"/><ellipse transform="rotate(-4.031 19.387 25.672)" class="v3g3wbb"/><path class="zh7i2sbc"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:mobile-suica" {...props}></Icon>
<style>
:global .k3xizub {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M37.547 32.772v-6.46h-5.035v8.147h3.535");
}

:global .r8gbbnb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.995 32.313a14.77 14.77 0 0 1-18.714 4.019a14.77 14.77 0 0 1-6.973-17.826a14.773 14.773 0 0 1 28.74 4.95");
}

:global .uwz0hsv {
  cx: 10.678px;
  cy: 23.552px;
  r: 2.319px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .wac730b {
  cx: 27.461px;
  cy: 21.856px;
  r: 2.319px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .v3g3wbb {
  cx: 19.387px;
  cy: 25.671px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4.426px;
  ry: 3.091px;
}

:global .zh7i2sbc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.743 25.882c1.068.792 4.956.31 5.5-.399m8.803-2.002h8.002v9.469c-2.486-.625-3.53.533-2.89 1.702c.512.933 1.475 1.01 2.796 2.652h-7.908zm8.002 9.469c2.254.608 3.91 2.288 4.35 3.882c.525 1.906-1.112 2.707-1.823 2.616c-1.918-.245-1.795-1.167-2.62-2.144m-1.408-8.083l-5.035 2.54");
}

</style>
