<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M4.239 9.166a1.5 1.5 0 0 0-1.217 1.738l4.862 27.575a1.5 1.5 0 0 0 1.738 1.216l1.823-.321-.107 1.222a1.5 1.5 0 0 0 1.363 1.625l27.894 2.44a1.5 1.5 0 0 0 1.625-1.363l2.44-27.893a1.5 1.5 0 0 0-1.363-1.625l-8.42-.737-1.326-7.522a1.5 1.5 0 0 0-1.738-1.217zm31.178 6.936 2.996 16.994a1.5 1.5 0 0 1-1.216 1.737l-22.694 4.002-.046.528 24.905 2.18 2.179-24.906zM10.578 36.48l-4.34-24.62 24.62-4.341 4.34 24.62zm4.95-22.108a1.5 1.5 0 0 0-1.997 1.668l2.43 13.787a1.5 1.5 0 0 0 2.447.885l10.603-8.978a1.5 1.5 0 0 0-.45-2.552z"/></svg></template>
<script setup lang="ts">
/**
 * VideoAlt48 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>
