<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="M33.905 8.537a6.658 6.658 0 0 1 10.85 7.591l-3.54 6.372h8.187c4.35 0 7.593 4.01 6.682 8.264L53.467 42.98l-.013.052c-.322 1.28-.588 2.427-.873 3.367-.29.955-.638 1.844-1.192 2.624-1.166 1.638-2.972 2.418-5.693 3.098q-.178.044-.363.044h-16c-.161 0-.322-.026-.475-.077l-6.025-2.008v.587a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.483-1.278l-4-26.667A1.5 1.5 0 0 1 8 22.5h13.333q.218.002.418.06zm-20.613 40.63h6.541V25.498H9.743l3.549 23.668Zm28.23-38.857a3.657 3.657 0 0 0-5.35.191L22.834 25.893v21.024l6.743 2.248h15.566c2.477-.634 3.313-1.194 3.802-1.881.279-.391.514-.922.766-1.754.256-.845.488-1.853.83-3.212l2.61-12.182a3.833 3.833 0 0 0-3.748-4.636H38.666a1.5 1.5 0 0 1-1.31-2.231l4.777-8.597a3.66 3.66 0 0 0-.612-4.362Z"/></svg></template>
<script setup lang="ts">
/**
 * ThumbUp64 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>
