<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="M35.55 12.018A9.59 9.59 0 0 1 31.21 4h-6.848l-.012 27.56c-.115 3.087-2.644 5.564-5.745 5.564a5.7 5.7 0 0 1-2.67-.664 5.79 5.79 0 0 1-3.087-5.117c0-3.188 2.583-5.781 5.757-5.781.592 0 1.16.098 1.698.267v-7.02a12.5 12.5 0 0 0-1.698-.124C11.655 18.685 6 24.363 6 31.342c0 4.283 2.13 8.072 5.381 10.364A12.5 12.5 0 0 0 18.605 44c6.95 0 12.605-5.678 12.605-12.658V17.367a16.24 16.24 0 0 0 9.527 3.077v-6.877a9.44 9.44 0 0 1-5.188-1.55"/></svg></template>
<script setup lang="ts">
/**
 * SocialTiktok48 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>
