<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 = `<path class="v0nyh2b_w"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:camera-front-sharp" {...props}></Icon>
<style>
:global(.v0nyh2b_w) {
  fill: currentColor;
  d: path("m9.85 22.5l-1.4-1.4l1.1-1.1H5v-2h4.55l-1.1-1.1l1.4-1.4l3.5 3.5zM14 20v-2h5v2zm-4.125-9.875Q9 9.25 9 8t.875-2.125T12 5t2.125.875T15 8t-.875 2.125T12 11t-2.125-.875M5 17V2h14v5.1h1v4.8h-1V17h-6.225L9.85 14.075L6.925 17zm2-3.85q1.2-.575 2.463-.862T12 12t2.538.288T17 13.15V4H7z");
}

</style>
