<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M30 8.5a1.5 1.5 0 0 1 1.2.6l2.551 3.4H42a1.5 1.5 0 0 1 1.5 1.5v24a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 38V14A1.5 1.5 0 0 1 6 12.5h8.249l2.55-3.4.114-.134A1.5 1.5 0 0 1 18 8.5zm-13.8 6.4a1.5 1.5 0 0 1-1.2.6H7.5v21h33v-21H33a1.5 1.5 0 0 1-1.2-.6l-2.551-3.4H18.751l-2.55 3.4Zm7.8 1.6a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17m0 3a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M12 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/></svg></template>
<script setup lang="ts">
/**
 * Camera48 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
