<template>
<span aria-hidden="true" v-on="$listeners" style="vertical-align:text-bottom;display:inline-block;" :style="(ext ? `background:center / 100% no-repeat url(${base64});` : `-webkit-mask-image:url(${base64});background-color:${color};-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100%;`) + `width:${size};height:${size};`"></span>
</template>
<script>
  export default {
    name: 'Icon-Qq-Svip-Bit',
    props: {
      size: {
        type: [Number, String],
        default: '24px'
      },
      color: {
        type: String,
        default: 'currentColor'
      },
      ext: {
        type: Boolean,
        default: false
      },
      
    },
    data() {
      return { 
        base64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAO/SURBVHgB7Zq9ctNAEIDXcSZxMinTpaGCZwhNLg9AQSY8AjwAobfdYz8AFT2ZUPAAKA15Bqho6FwytpPBMbeOLnPRSLof7Z58N/5mNAmyYns/9nZPdwKIjNmXnri76n2HQGxBZGxtw8kSIJik6AR1liDwJ0rCbAJmohKEQlCM+vdWF9izKCpB3S70i+duv/b6wEgHIgFrjp49Ortnc7Y4Ws2g26ve0pQB+DpeVyWHm9YEPYpZwqDsdaw3KKbq9dL3YqAVQavuowVeDBCHU4gCbENwQWXBq9atXm9rOJURVFBV8OocZtI6yUGCCbLKDIt6E5oggmwyI+T9lQtB5kGrbsSIPg9Stx97b+YZELANzKw6FKMeaSZTv6McrQGQ/OdHd7NaZNl5EFSQQwa/IObCu/t6PsQs5Zo3sQ8xbvLZNhvRD7FSOnRZm6Sg+39wDUSwC9K7TAjw86haPMIuSHWZUOyczU+BEFZBh4eH/aO3BwMIAGbO/QJI5eTvS48UI+SPx7Z7/HwBlx9mwMXNzy6cj/ZOJ5NJBsSQC5JyUIwonueQhGJG33bg5ldXncqkJNIsIhOUZw0ufImqa6gkoZSxPCrI5DGkyiYSQcUhVYevpJJsMUEy5BoLcpGjc3kxg+MXC+N1KylSjoMYncaSKAR5T/Qxmy5e3ZWKMgwja6SgRjE2+uOqguzDeykKZeUdCQhpVLi9BVHKCYC3JK+JYl53BMSDyL+zM14Z1KTutIlPPXLOILx9gEjx+e5ORn1b+prh1PpdMyja7NFwisE1g6KsPUVcapF1BsVce4q4xGJtMpXsUdhmkVUGpZQ9CtuYbIeYgPQQNhdZpVlqw0thM8yMGZTi8FLYxGYzxASkizBdYEyxVIeXwjTMajPI9w44JkwxmobYCaRPbYxpPrxASO34o6g/uO6srznjsmoTRto6dYPF/CfU1SEWQXWL8Rx4bAk9IbigP5/+QhscvTsAH+oEVdaglCeIRepiZSnS5x9Jt21a/UwWQVgLQkrCz6Io1mWwtXn8wlgTRgS7o1Xge+NncMlB2J9yHedbyLhz+rLQ8n3AjvVDChkzitcJ9hjwSlT+uz43Ms2LVAZSzXlcaeU5aQxUBRsqE3ypq0Fkj9JGQGWslYLyzbUM0ier20g0dbEhpE9tjDYLZgLi326uwrgNbbtoLyA9SVZ79FZ9czqd/pbHcH9/X516BnGSyeMzPkyFMdn8QdNH8NRNnoD1W9zP8gMbjnct5XzSvmwpcwA0DErOXXM8ab9hw4YNGzbEy3+CPXibGsfB8wAAAABJRU5ErkJggg=='
      }
    }
  }
</script>
