<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="M25.146 6.156a5.368 5.368 0 0 1 8.748 6.122L31.55 16.5h5.502c3.501 0 6.111 3.228 5.378 6.652l-1.963 9.162-.012.052c-.239.95-.443 1.826-.66 2.542-.222.731-.498 1.444-.948 2.077-.958 1.345-2.43 1.956-4.484 2.47q-.178.044-.363.044H22a1.5 1.5 0 0 1-.475-.077l-4.03-1.343A1.497 1.497 0 0 1 16 39.499H9a1.5 1.5 0 0 1-1.483-1.277l-3-20A1.5 1.5 0 0 1 6 16.5h10q.087.001.172.011l8.974-10.354ZM10.292 36.499H14.5v-17H7.742zM30.877 7.998a2.37 2.37 0 0 0-3.464.123L17.5 19.559v15.358l4.743 1.581h11.562c1.807-.466 2.314-.854 2.598-1.253.174-.245.336-.597.52-1.206.189-.622.359-1.36.617-2.387l1.956-9.13a2.5 2.5 0 0 0-2.444-3.022H29a1.5 1.5 0 0 1-1.31-2.231l3.582-6.447a2.37 2.37 0 0 0-.395-2.824"/></svg></template>
<script setup lang="ts">
/**
 * ThumbUp48 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>
