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

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

const viewBox = {"width":24,"height":24};
const content = `<circle class="jqk1_2b6r"/><path class="cn8z1hc1x"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:sharp-compass-calibration" {...props}></Icon>
<style>
:global(.cn8z1hc1x) {
  fill: var(--svg-color, currentColor);
  d: path("M12 3C8.1 3 4.56 4.59 2 7.15l5 5a7.06 7.06 0 0 1 10-.01l5-5C19.44 4.59 15.9 3 12 3");
}

:global(.jqk1_2b6r) {
  cx: 12px;
  cy: 17px;
  r: 4px;
  fill: var(--svg-color, currentColor);
}

</style>
