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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="hzpqnlm"/><path class="heuj-zba"/><rect transform="matrix(-1 0 0 -1 51.457 58.74)" class="d0ojfbb"/><circle class="d_9f2f"/><path class="owfe1ccn"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:eu-login-mobile" {...props}></Icon>
<style>
:global .hzpqnlm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.5 5.5h29a4 4 0 0 1 4 4v29a4 4 0 0 1-4 4h-29a4 4 0 0 1-4-4v-29a4 4 0 0 1 4-4");
}

:global .heuj-zba {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.53 12.89v5.74a2.843 2.843 0 1 0 5.687 0v-5.74m-12.434 4.292h2.798m1.494 4.292h-4.292V12.89h4.292M11.5 23.629v8.584h4.292m12.083-5.687v6.438a2.146 2.146 0 0 1-2.146 2.146h0a2.14 2.14 0 0 1-1.518-.628");
}

:global .d0ojfbb {
  width: 4.292px;
  height: 5.687px;
  x: 23.583px;
  y: 26.526px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2.146px;
  ry: 2.146px;
}

:global .d_9f2f {
  cx: 30.073px;
  cy: 23.897px;
  r: .75px;
  fill: currentColor;
}

:global .owfe1ccn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.073 26.526v5.687m6.427 0v-3.54c0-1.186-.96-2.147-2.146-2.147h0a2.146 2.146 0 0 0-2.146 2.146m0 3.541v-5.687m-14.995 2.146a2.146 2.146 0 0 1 4.292 0v1.395a2.146 2.146 0 0 1-4.292 0z");
}

</style>
