<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="M28.834 55.47a6.658 6.658 0 0 1-10.85-7.592l3.54-6.371h-8.188c-4.35 0-7.593-4.012-6.682-8.265l2.618-12.217.012-.05c.322-1.282.589-2.428.873-3.368.29-.955.639-1.844 1.194-2.624 1.165-1.638 2.97-2.418 5.69-3.098q.18-.044.364-.045h16c.161 0 .322.027.475.078l6.026 2.008v-.588a1.5 1.5 0 0 1 1.5-1.5h9.333a1.5 1.5 0 0 1 1.484 1.278l4 26.667a1.5 1.5 0 0 1-1.484 1.722H41.406q-.219 0-.419-.06zm20.613-40.631h-6.54v23.666h10.09l-3.55-23.667Zm-28.23 38.857a3.657 3.657 0 0 0 5.35-.191l13.34-15.393V17.088l-6.744-2.248H17.597c-2.477.635-3.312 1.194-3.802 1.882-.278.391-.514.921-.766 1.754-.254.838-.486 1.835-.823 3.178L9.588 33.87a3.834 3.834 0 0 0 3.748 4.637h10.736a1.5 1.5 0 0 1 1.31 2.229l-4.776 8.598a3.66 3.66 0 0 0 .612 4.362Z"/></svg></template>
<script setup lang="ts">
/**
 * ThumbDown64 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>
