<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="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-3.704 4.936A7 7 0 0012 13a7 7 0 00-6.296 3.936A7.986 7.986 0 0012 20a7.986 7.986 0 006.296-3.064zm1.147-1.997a8 8 0 10-14.886 0 9 9 0 016.037-3.83l.99-1.485a.5.5 0 01.832 0l.99 1.485a9 9 0 016.037 3.83z"></path><path fill-rule="evenodd" d="M14 7a2 2 0 11-4 0 2 2 0 014 0zm-4.25 8a.75.75 0 00-.75.75v1.5a.75.75 0 001.5 0v-1.5a.75.75 0 00-.75-.75zm3.75.75a.75.75 0 011.5 0v1.5a.75.75 0 01-1.5 0v-1.5z" clip-rule="evenodd" opacity=".3"></path></svg>
</template>
<script>
  export default {
    name: 'Icon-Bo-Dong-Outline-Multicolor',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      
    },
    
  }
</script>
