<template>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <path d="M350.54 148.68l-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 00-32 32v192a32 32 0 0032 32h352a32 32 0 0032-32V192a32 32 0 00-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" :stroke-width="strokeWidth"/>
        <circle cx="256" cy="272" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" :stroke-width="strokeWidth"/>
        <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" :stroke-width="strokeWidth" d="M124 158v-22h-24v22"/>
    </svg>
</template>

<script>
export default {
    name: 'CameraIcon',
    props: {
        strokeWidth: {
            type: Number,
            default: 32
        }
    }
}
</script>