<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M28.778 9.582a3.34 3.34 0 0 0-2.357-2.357C24.34 6.667 16 6.667 16 6.667s-8.34 0-10.419.558a3.34 3.34 0 0 0-2.357 2.357c-.558 2.079-.558 6.419-.558 6.419s0 4.34.558 6.418a3.34 3.34 0 0 0 2.357 2.358c2.079.558 10.418.558 10.418.558s8.34 0 10.419-.558a3.34 3.34 0 0 0 2.357-2.358c.558-2.078.558-6.418.558-6.418s0-4.34-.558-6.419zM13.333 20v-7.999l6.928 4z"/></svg></template>
<script setup lang="ts">
/**
 * SocialYoutube32 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>
