<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M13.14 3.569a1.934 1.934 0 0 1 3.152 2.206L14.5 8.999h4.026a2 2 0 0 1 1.955 2.42l-.981 4.58c-.5 1.987-.5 3.5-2.5 4h-6l-2.052-.684A1 1 0 0 1 8 20H4.5a1 1 0 0 1-.99-.851l-1.5-10A1 1 0 0 1 3 8h5c.37 0 .692.201.865.5l4.274-4.931ZM5.36 18H7v-8H4.16l1.201 8Z"/></svg></template>
<script setup lang="ts">
/**
 * ThumbUpFilled24 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>
