<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="M12.384 2.914a2.935 2.935 0 0 1 4.782 3.346L16.2 8h2.327a3 3 0 0 1 2.932 3.628l-.981 4.581-.008.035c-.118.467-.222.916-.333 1.282-.114.376-.261.762-.51 1.111-.534.75-1.348 1.073-2.385 1.332a1 1 0 0 1-.242.03h-6a1 1 0 0 1-.316-.051l-1.753-.585A1 1 0 0 1 8 20H4.5a1 1 0 0 1-.99-.852l-1.5-10A1 1 0 0 1 3.001 8h4.976zM5.362 17.999H7v-8H4.161l1.2 8Zm9.9-13.824a.935.935 0 0 0-1.366.05L9 9.872v7.406l2.164.72h5.704c.868-.226 1.043-.4 1.13-.522.064-.09.136-.236.225-.53.092-.305.175-.666.308-1.192l.973-4.546a1 1 0 0 0-.977-1.21H14.5a1 1 0 0 1-.874-1.485l1.791-3.225a.934.934 0 0 0-.155-1.114Z"/></svg></template>
<script setup lang="ts">
/**
 * ThumbUp24 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>
