<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="M12 4c-.069 0-.138 0-.207.003a8 8 0 108.196 7.577 1 1 0 111.998-.103 10.179 10.179 0 01.006.91c-.2 5.255-4.456 9.472-9.727 9.61a10.22 10.22 0 01-.524 0C6.35 21.86 2.019 17.456 2 12.035v-.067c.017-5.418 4.343-9.822 9.73-9.964a10.198 10.198 0 01.793.01 1 1 0 11-.103 1.997A8.148 8.148 0 0012 4z"></path><path d="M15.196 3.525a1 1 0 011.345-.436c.313.159.615.334.907.524a1 1 0 11-1.091 1.676 7.983 7.983 0 00-.725-.42 1 1 0 01-.436-1.344zM19.003 6.26a1 1 0 011.384.292c.19.292.365.595.524.906a1 1 0 11-1.78.91 7.977 7.977 0 00-.42-.725 1 1 0 01.293-1.383zM13 7a1 1 0 10-2 0v5a1 1 0 001 1h3a1 1 0 100-2h-2V7z"></path></svg>
</template>
<script>
  export default {
    name: 'Icon-Histroy',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      
    },
    
  }
</script>
