<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M57.556 19.163a6.68 6.68 0 0 0-4.716-4.715C48.678 13.333 32 13.333 32 13.333s-16.68 0-20.837 1.115a6.68 6.68 0 0 0-4.715 4.715c-1.115 4.158-1.115 12.838-1.115 12.838s0 8.68 1.115 12.837a6.68 6.68 0 0 0 4.715 4.715C15.321 50.668 32 50.668 32 50.668s16.678 0 20.836-1.115a6.68 6.68 0 0 0 4.715-4.715C58.666 40.68 58.666 32 58.666 32s0-8.68-1.115-12.838zM26.666 40V24l13.855 8z"/></svg></template>
<script setup lang="ts">
/**
 * SocialYoutube64 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>
