<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 4.167a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 .75.75v1.75h1.75a.75.75 0 0 1 .75.75v9.166a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75V6.667a.75.75 0 0 1 .75-.75h1.75zm-1 3.837v7.08h11.584L9.61 11.89l-5-3.056zm13.5 6.492-5.312-3.246 3.953-2.416 1.359-.83zM11.834 9.25 10 10.371l-1.834-1.12zm1.129-.69a.5.5 0 0 0-.463-.31h-5a.5.5 0 0 0-.463.31L5.75 7.775V4.917h8.5v2.857zM7 6.668a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/></svg></template>
<script setup lang="ts">
/**
 * Mail20 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>
