<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="M43.167 14.373a5.01 5.01 0 0 0-3.536-3.537C36.509 10 24 10 24 10s-12.51 0-15.627.836a5.01 5.01 0 0 0-3.537 3.537C4 17.49 4 24 4 24s0 6.51.836 9.628a5.01 5.01 0 0 0 3.537 3.536c3.118.836 15.627.836 15.627.836s12.51 0 15.627-.836a5.01 5.01 0 0 0 3.537-3.536C44 30.51 44 24 44 24s0-6.51-.836-9.628zM19.999 30V18.001l10.392 6z"/></svg></template>
<script setup lang="ts">
/**
 * SocialYoutube48 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>
