<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M6.67 5h6.833c.215.367.497 1.05.497 2s-.282 1.633-.497 2H8.5a1 1 0 0 0-.98.804L6.68 14H4.198l1.487-8.179a1 1 0 0 1 .984-.82M14 3H6.67a3 3 0 0 0-2.952 2.463l-1.487 8.18A2 2 0 0 0 4.199 16H5.5v3c0 .694.358 1.214.848 1.541C6.823 20.858 7.426 21 8 21a.5.5 0 0 0 0-1c-.426 0-.823-.108-1.098-.291-.26-.173-.402-.403-.402-.709v-3h.18a2 2 0 0 0 1.961-1.608l.179-.892H11a.5.5 0 0 0 .5-.5v-2H14a1 1 0 0 0 .704-.29c.375-.371.865-1.14 1.122-2.21H17a.5.5 0 0 0 .121-.015l2-.5a.5.5 0 0 0 .38-.485h1.993a.5.5 0 0 0 0-1H19.5a.5.5 0 0 0-.379-.485l-2-.5a.5.5 0 0 0-.12-.015h-1.175c-.257-1.07-.746-1.839-1.122-2.21A1 1 0 0 0 14 3m1.981 3.5a7 7 0 0 1 0 1h.958l1.561-.39v-.22L16.94 6.5zm-5.48 6H9.02l.3-1.5h1.18zm-1-6a.5.5 0 1 0 0 1h2a.5.5 0 1 0 0-1z"/></svg></template>
<script setup lang="ts">
/**
 * Drill24 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>
