<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="kw49zdt"/><path class="n3wydx"/><path class="mfznnb"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:rakuten-pay" {...props}></Icon>
<style>
:global .y9tr6z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .kw49zdt {
  d: path("M12.31 30.552V4h8.873c5.119 0 9.214 3.983 9.214 8.961s-4.095 8.961-9.214 8.961H12.31m9.206-.007l8.54 8.305m-.141 7.69L9.45 41l-5.272-4.687h25.716");
}

:global .n3wydx {
  d: path("M43.823 37.001a6.999 6.999 0 1 1-13.997 0a6.999 6.999 0 0 1 13.997 0");
}

:global .mfznnb {
  d: path("M34.81 41v-7.998h2.6c1.5 0 2.699 1.2 2.699 2.7s-1.2 2.699-2.7 2.699h-2.6");
}

</style>
