<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="M20.834 4.828A5.647 5.647 0 0016.634 3a5.283 5.283 0 00-3.3 1.139A6.75 6.75 0 0012 5.532a6.747 6.747 0 00-1.334-1.393A5.282 5.282 0 007.366 3c-1.621 0-3.113.65-4.2 1.828C2.092 5.994 1.5 7.586 1.5 9.311c0 1.776.662 3.402 2.083 5.117 1.271 1.533 3.098 3.09 5.214 4.893.722.616 1.54 1.314 2.391 2.057a1.231 1.231 0 001.623 0c.85-.743 1.67-1.441 2.393-2.057 2.115-1.803 3.942-3.36 5.213-4.894 1.421-1.714 2.083-3.34 2.083-5.116 0-1.725-.592-3.317-1.666-4.483z"></path></svg>
</template>
<script>
  export default {
    name: 'Icon-Heart',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      
    },
    
  }
</script>
