<template>
  <svg :width="width" :height="height" x="0px" y="0px" viewBox="0 0 32 32">
    <line
      fill="none"
      :stroke="color"
      stroke-width="2"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-miterlimit="10"
      x1="16"
      y1="3"
      x2="16"
      y2="19"
    />
    <polyline
      fill="none"
      :stroke="color"
      stroke-width="2"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-miterlimit="10"
      points="20,15 16,19 12,15 "
    />
    <polyline
      fill="none"
      :stroke="color"
      stroke-width="2"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-miterlimit="10"
      points="9,13 3,16.5 3,21.5 16,29 29,21.5 29,16.5 23,13 "
    />
  </svg>
</template>

<script>
export default {
  name: "DownloadIcon",
  props: {
    width: {
      type: [Number, String],
      default: 16,
    },
    height: {
      type: [Number, String],
      default: 16,
    },
    color: {
      type: String,
      default: "#000000",
    },
  },
};
</script>

<style scoped></style>
