<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="M1.75 2.5a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75zm1.5.75v2.667h13.5V3.25zm0 13.5V7.417h13.5v9.333zm1.667-6.333a.5.5 0 0 1 .5-.5h9.166a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H5.417a.5.5 0 0 1-.5-.5zm1 .5v4h8.166v-4zM8.75 4.083a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 0-1zM5.417 8.25a.5.5 0 1 0 0 1h9.166a.5.5 0 1 0 0-1zM15 4.583a.417.417 0 1 1-.833 0 .417.417 0 0 1 .833 0M12.917 5a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833M7.5 4.583a.417.417 0 1 1-.833 0 .417.417 0 0 1 .833 0M5.417 5a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833"/></svg></template>
<script setup lang="ts">
/**
 * Kitchen20 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>
