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

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<circle class="x3feybboc"/><circle class="nx3yvjb-i"/><path class="uiv1wqbtf"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:ukg-pro" {...props}></Icon>
<style>
:global(.nx3yvjb-i) {
  cx: 36.85px;
  cy: 9.42px;
  r: 3.92px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global(.uiv1wqbtf) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 42.5c-9.25 0-16.77-7.52-16.77-16.77v-4.02c0-2.14 1.74-3.88 3.88-3.88s3.88 1.74 3.88 3.88v4.02c0 4.96 4.04 9 9 9s9-4.04 9-9v-4.02c0-2.14 1.74-3.88 3.88-3.88s3.88 1.74 3.88 3.88v4.02c0 9.24-7.52 16.77-16.77 16.77z");
}

:global(.x3feybboc) {
  cx: 11.15px;
  cy: 9.42px;
  r: 3.92px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
