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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="ftbz_7b"/><path class="xlv3khb"/><circle class="i40_lpf"/><path class="jrwtptm"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:secur" {...props}></Icon>
<style>
:global .ftbz_7b {
  cx: 24px;
  cy: 30.026px;
  r: 13.474px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .xlv3khb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.893 15.607a11.107 11.107 0 0 1 22.214 0m0 0v6.683m-22.214-6.683v6.595");
}

:global .i40_lpf {
  cx: 24px;
  cy: 28.51px;
  r: 3.546px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .jrwtptm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 35.524v-3.36");
}

</style>
