<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10.351 1.837a.75.75 0 0 0-.686-.008l-7.5 3.75A.75.75 0 0 0 2.5 7h7v2.917H4.964C4.304 9.51 3.488 9.25 2.5 9.25a.75.75 0 0 0-.75.75v4.167c0 .414.336.75.75.75h.155l-.643 2.891a.5.5 0 1 0 .976.217l.691-3.108h.976l.69 3.108a.5.5 0 1 0 .977-.217l-.643-2.891h.988a.75.75 0 0 0 .746-.825 6.2 6.2 0 0 0-.362-1.509h1.2v1.167a.5.5 0 0 0 .5.5h.747c-.007.863-.048 1.613-.275 2.179-.126.317-.303.55-.55.71-.25.162-.617.278-1.173.278a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1c-.625 0-1.032-.055-1.34-.41-.312-.361-.604-1.123-.653-2.757h.743a.5.5 0 0 0 .5-.5v-1.167h1.2a6.2 6.2 0 0 0-.363 1.509.75.75 0 0 0 .746.825h.988l-.642 2.891a.5.5 0 1 0 .976.217l.69-3.108h.976l.691 3.108a.5.5 0 1 0 .976-.217l-.642-2.891h.154a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75c-.988 0-1.803.26-2.464.668L15 9.917h-4.5V7h6.583a.75.75 0 0 0 .351-1.413zm-.35 11.413h.75v-.667h-1.5v.667zm-1.25-1.667H6.57a5.5 5.5 0 0 0-.469-.666h7.796a5 5 0 0 0-.47.666zM14.063 5.5H5.677L9.99 3.343zM3.25 10.826v2.59h2.5a4.6 4.6 0 0 0-.694-1.404c-.414-.553-.99-1.011-1.806-1.186m13.5 2.59v-2.59c-.816.175-1.392.633-1.806 1.186a4.6 4.6 0 0 0-.694 1.405zm-6.937 4q.12-.162.213-.341.09.185.193.342z"/></svg></template>
<script setup lang="ts">
/**
 * Terrace20 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>
