<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="gh30uvbmf"/><ellipse class="ndmkxs7aw"/><path class="tywlh8w1o"/><path class="bi1ik6bxa"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:pano-scrobble" {...props}></Icon>
<style>
:global(.bi1ik6bxa) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.223 20.697c-1.283-.39-1.639.27-2.219.902c1.25 1.803.578 3.532-1.233 3.984c-.344 4.21 1.21 7.556 3.552 7.046m5.261-16.767c-4.594 2.41-6.238-.287-8.624-1.7");
}

:global(.gh30uvbmf) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M23.627 7.524C13.446 7.856 7.304 13.104 4.5 22.417m0 4.042s3.185 1.586 4.38-.45C20.983 5.37 25.563 19.762 30.05 11.854");
}

:global(.ndmkxs7aw) {
  cx: 21.96px;
  cy: 26.622px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 3.838px;
  ry: 12.46px;
}

:global(.tywlh8w1o) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M43.5 20.444c-3.892-8.965-18.23 2.702-5.51 7.579c16.594 6.362-15.659 23.718-28.947 1.43c-1.595-2.677-3.169-1.152-4.543-1.502");
}

</style>
