<template lang="pug">
  base-icon(:icon-color="color")
    path(fill-rule="evenodd" clip-rule="evenodd" d="M8.26772 3.75C8.38903 2.90193 9.11838 2.25 10 2.25H14C14.8816 2.25 15.611 2.90193 15.7323 3.75H18C18.9665 3.75 19.75 4.5335 19.75 5.5V20C19.75 20.9665 18.9665 21.75 18 21.75H6C5.0335 21.75 4.25 20.9665 4.25 20V5.5C4.25 4.5335 5.0335 3.75 6 3.75H8.26772ZM8.26772 5.25H6C5.86193 5.25 5.75 5.36193 5.75 5.5V20C5.75 20.1381 5.86193 20.25 6 20.25H18C18.1381 20.25 18.25 20.1381 18.25 20V5.5C18.25 5.36193 18.1381 5.25 18 5.25H15.7323C15.611 6.09807 14.8816 6.75 14 6.75H10C9.11838 6.75 8.38903 6.09807 8.26772 5.25ZM10 3.75C9.86193 3.75 9.75 3.86193 9.75 4V5C9.75 5.13807 9.86193 5.25 10 5.25H14C14.1381 5.25 14.25 5.13807 14.25 5V4C14.25 3.86193 14.1381 3.75 14 3.75H10ZM15 8.25C15.4142 8.25 15.75 8.58579 15.75 9V18C15.75 18.4142 15.4142 18.75 15 18.75C14.5858 18.75 14.25 18.4142 14.25 18V9C14.25 8.58579 14.5858 8.25 15 8.25ZM12 12.25C12.4142 12.25 12.75 12.5858 12.75 13V18C12.75 18.4142 12.4142 18.75 12 18.75C11.5858 18.75 11.25 18.4142 11.25 18V13C11.25 12.5858 11.5858 12.25 12 12.25ZM9 15.25C9.41421 15.25 9.75 15.5858 9.75 16V18C9.75 18.4142 9.41421 18.75 9 18.75C8.58579 18.75 8.25 18.4142 8.25 18V16C8.25 15.5858 8.58579 15.25 9 15.25Z")
</template>

<script>
import BaseIcon from "@/components/base/BaseIcon.vue";

export default {
  name: "UserData",
  components: { BaseIcon },
  props: {
    color: String,
  },
};
</script>
