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

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

const viewBox = {"width":48,"height":48};
const content = `<rect class="thc950b"/><rect class="mzox3mz"/><path class="pmi48fj"/><circle class="c0ooazh"/><circle class="u3m4nqx"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:cineaste" {...props}></Icon>
<style>
:global .thc950b {
  width: 39px;
  height: 26px;
  x: 4.5px;
  y: 13.014px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2px;
}

:global .mzox3mz {
  width: 25.527px;
  height: 17.701px;
  x: 8.286px;
  y: 17.164px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 1px;
}

:global .pmi48fj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m24.258 13.014l3.05-4.028m-4.788 1.093l1.738 2.935m1.555 13l-9.527-5.5v11zm10.804-8.85h4.374m-4.374 3.35h4.374");
}

:global .c0ooazh {
  cx: 38.804px;
  cy: 26.248px;
  r: 2.187px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .u3m4nqx {
  cx: 38.804px;
  cy: 32.678px;
  r: 2.187px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
