<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="M8.604 20.338a1 1 0 011.412-.088c.53.468 1.222.75 1.984.75.761 0 1.454-.282 1.984-.75a1 1 0 111.323 1.5A4.985 4.985 0 0112 23a4.985 4.985 0 01-3.308-1.25 1 1 0 01-.088-1.412z" opacity=".4"></path><path d="M13.46 3.152A7.002 7.002 0 0119 10v4.343a3 3 0 00.879 2.122l.828.828A1 1 0 0120 19H4a1 1 0 01-.707-1.707l.828-.828A3 3 0 005 14.343V10a7.003 7.003 0 015.54-6.848 1.5 1.5 0 012.92 0zM7 10v4.343A5 5 0 016.236 17h11.528A5 5 0 0117 14.343V10a5 5 0 00-10 0z"></path></svg>
</template>
<script>
  export default {
    name: 'Icon-Bell-Outline-Multicolor',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      
    },
    
  }
</script>
