<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 = `<path class="r7lo22bqf"/><path class="wfroks7_p"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:mactivepro" {...props}></Icon>
<style>
:global(.r7lo22bqf) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m24 11.746l-1.195-1.195c-3.959-3.959-10.377-3.959-14.336 0s-3.959 10.377 0 14.336L24 40.418l8.662-8.661l-3.584-3.584L24 33.25L12.053 21.303a5.069 5.069 0 0 1 7.168-7.168l15.531 15.53l4.779-4.778c3.959-3.959 3.959-10.377 0-14.336s-10.377-3.959-14.336 0z");
}

:global(.wfroks7_p) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m34.752 22.498l-7.168-7.168l1.194-1.195a5.069 5.069 0 0 1 7.169 7.168z");
}

</style>
