<template>
<svg aria-hidden="true" v-on="$listeners" style="vertical-align:text-bottom;display:inline-block;" xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 24 24" :fill="color"><path d="M5 4a3 3 0 00-3 3v.756c0 .848.591 1.564 1.175 2.178A2.99 2.99 0 014 12c0 .8-.314 1.528-.825 2.066C2.591 14.68 2 15.396 2 16.244V17a3 3 0 003 3h14a3 3 0 003-3v-.756c0-.848-.591-1.563-1.175-2.178A2.99 2.99 0 0120 12c0-.8.314-1.528.825-2.066C21.409 9.32 22 8.604 22 7.756V7a3 3 0 00-3-3H5zm5 7h4a1 1 0 110 2h-4a1 1 0 110-2z"></path></svg>
</template>
<script>
  export default {
    name: 'Icon-Read-Bond',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      
    },
    
  }
</script>
