<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="M4.25 2.5A.75.75 0 0 1 5 1.75h10a.75.75 0 0 1 .75.75V3h1.333q.03 0 .062.002a.75.75 0 0 1 .783.54c.21.728.322 1.497.322 2.291 0 2.32-.958 4.417-2.5 5.916V17.5a.75.75 0 0 1-.75.75H5a.75.75 0 0 1-.75-.75v-5.75a8.23 8.23 0 0 1-2.5-5.917c0-.794.112-1.563.323-2.29a.75.75 0 0 1 .783-.54L2.916 3H4.25zm-1 3.333q0-.686.132-1.333h.868v4.87a6.7 6.7 0 0 1-1-3.537m2.5 5.245V5.917h.833v2a1.333 1.333 0 0 0 2.667 0v-2h5v5.16A6.72 6.72 0 0 1 10 12.584c-1.61 0-3.09-.564-4.25-1.505m8.5-6.161V3.25h-8.5v1.667h1.333a.5.5 0 0 1 .5.5v2.5a.333.333 0 0 0 .667 0v-2.5a.5.5 0 0 1 .5-.5zm2.369-.417h-.869v4.87c.634-1.028 1-2.24 1-3.537q-.001-.686-.131-1.333M5.75 16.75v-3.844A8.2 8.2 0 0 0 10 14.083a8.2 8.2 0 0 0 4.25-1.177v3.844z"/></svg></template>
<script setup lang="ts">
/**
 * PaintCan20 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>
