<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="M11.143 21.088a2.935 2.935 0 0 1-4.782-3.346l.966-1.74H5a3 3 0 0 1-2.934-3.628l.981-4.581.008-.035c.118-.467.223-.917.333-1.283.114-.376.262-.761.51-1.11.534-.75 1.349-1.073 2.385-1.332q.119-.03.242-.03h6c.107 0 .215.017.316.051l1.754.584a1 1 0 0 1 .931-.635h3.5a1 1 0 0 1 .99.851l1.5 10a1 1 0 0 1-.99 1.149H15.55zm7.023-15.085h-1.639v8h2.839zm-9.9 13.824a.935.935 0 0 0 1.365-.049l4.896-5.648V6.723l-2.161-.72h-5.71c-.864.226-1.04.398-1.127.521-.064.09-.136.237-.226.531-.09.298-.172.649-.3 1.156h.002l-.982 4.582a1 1 0 0 0 .978 1.21h4.025a1 1 0 0 1 .875 1.485L8.11 18.714a.934.934 0 0 0 .155 1.113Z"/></svg></template>
<script setup lang="ts">
/**
 * ThumbDown24 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>
