<template>
  <view
    :class="'uni-icon-' + type"
    :style="{ color: color, 'font-size': size + 'px' }"
    class="uni-icon"
    @click="_onClick"
  />
</template>

<script>
export default {
  name: 'UniIcon',
  props: {
    type: {
      type: String,
      default: ''
    },
    color: {
      type: String,
      default: '#333333'
    },
    size: {
      type: [Number, String],
      default: 16
    }
  },
  methods: {
    _onClick () {
      this.$emit('click')
    }
  }
}
</script>

<style>
@font-face {
	font-family: uniicons;
	font-weight: normal;
	font-style: normal;
	src: url(data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 17216 characters])
		format('truetype');
}

.uni-icon-wrapper {
	line-height: 1;
}

.uni-icon {
	font-family: uniicons;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.uni-icon.uni-active {
	color: #007aff;
}

.uni-icon-qq:before {
  content: "\e601";
}

.uni-icon-weibo:before {
  content: "\e67a";
}

.uni-icon-loop:before {
  content: "\ec31";
}

.uni-icon-paperclip:before {
  content: "\e618";
}

.uni-icon-bluetoothaudio:before {
  content: "\e61e";
}

.uni-icon-bluetoothconnected:before {
  content: "\e61f";
}

.uni-icon-bluetoothdisabled:before {
  content: "\e620";
}

.uni-icon-bluetoothsearching:before {
  content: "\e621";
}

.uni-icon-bluetooth:before {
  content: "\e622";
}

.uni-icon-bookmarkoutline:before {
  content: "\e624";
}

.uni-icon-bookmark:before {
  content: "\e625";
}

.uni-icon-checkboxout-filled:before {
  content: "\e63a";
}

.uni-icon-checkboxout:before {
  content: "\e63b";
}

.uni-icon-checkbox-filled:before {
  content: "\e63e";
}

.uni-icon-circle:before {
  content: "\e63f";
}

.uni-icon-checkcircle:before {
  content: "\e641";
}

.uni-icon-checkmarkempty:before {
  content: "\e642";
}

.uni-icon-closeempty:before {
  content: "\e64a";
}

.uni-icon-download:before {
  content: "\e64e";
}

.uni-icon-upload:before {
  content: "\e651";
}

.uni-icon-directionsbike:before {
  content: "\e663";
}

.uni-icon-directionsbus:before {
  content: "\e664";
}

.uni-icon-directionscar:before {
  content: "\e665";
}

.uni-icon-directionssubway:before {
  content: "\e666";
}

.uni-icon-directionstrain:before {
  content: "\e667";
}

.uni-icon-directionstransit:before {
  content: "\e668";
}

.uni-icon-directionswalk:before {
  content: "\e66a";
}

.uni-icon-driveeta:before {
  content: "\e674";
}

.uni-icon-fastforward:before {
  content: "\e68d";
}

.uni-icon-fastrewind:before {
  content: "\e68e";
}

.uni-icon-filedownload:before {
  content: "\e690";
}

.uni-icon-fileupload:before {
  content: "\e691";
}

.uni-icon-filter:before {
  content: "\e692";
}

.uni-icon-flights:before {
  content: "\e697";
}

.uni-icon-capslock:before {
  content: "\e6d9";
}

.uni-icon-menu:before {
  content: "\e6f6";
}

.uni-icon-micnone:before {
  content: "\e6fc";
}

.uni-icon-micoff:before {
  content: "\e6fd";
}

.uni-icon-mics-filled:before {
  content: "\e6fe";
}

.uni-icon-notificationsnone:before {
  content: "\e70f";
}

.uni-icon-notificationsoff:before {
  content: "\e71f";
}

.uni-icon-notificationson:before {
  content: "\e721";
}

.uni-icon-notifications:before {
  content: "\e723";
}

.uni-icon-pausecirclefill:before {
  content: "\e711";
}

.uni-icon-pausecircleoutline:before {
  content: "\e717";
}

.uni-icon-pause:before {
  content: "\e718";
}

.uni-icon-playarrow:before {
  content: "\e724";
}

.uni-icon-playcirclefill:before {
  content: "\e725";
}

.uni-icon-playcircleoutline:before {
  content: "\e726";
}

.uni-icon-circle-filled:before {
  content: "\e73f";
}

.uni-icon-traffic:before {
  content: "\e792";
}

.uni-icon-visibilityoff:before {
  content: "\e7ab";
}

.uni-icon-visibility:before {
  content: "\e7ac";
}

.uni-icon-volumedown:before {
  content: "\e7af";
}

.uni-icon-volumemute:before {
  content: "\e7b0";
}

.uni-icon-volumeoff:before {
  content: "\e7b1";
}

.uni-icon-volumeup:before {
  content: "\e7b2";
}

.uni-icon-arrowthinleft:before {
  content: "\e62d";
}

.uni-icon-weixin:before {
  content: "\e62e";
}

.uni-icon-pengyouquan:before {
  content: "\e68c";
}

.uni-icon-new:before {
  content: "\e673";
}

.uni-icon-spinner:before {
  content: "\e600";
}

.uni-icon-diamond:before {
  content: "\e608";
}

.uni-icon-undo:before {
  content: "\e907";
}

.uni-icon-redo:before {
  content: "\e771";
}

.uni-icon-spinner-cycle:before {
  content: "\e71d";
}

.uni-icon-settings:before {
  content: "\e676";
}

.uni-icon-bars:before {
  content: "\ef34";
}

.uni-icon-paperplane:before {
  content: "\e652";
}

.uni-icon-plus-filled:before {
  content: "\e6e0";
}

.uni-icon-plus:before {
  content: "\e6e1";
}

.uni-icon-personadd-filled:before {
  content: "\e6e2";
}

.uni-icon-personadd:before {
  content: "\e6e3";
}

.uni-icon-contact-filled:before {
  content: "\e6e4";
}

.uni-icon-contact:before {
  content: "\e6e5";
}

.uni-icon-eye-filled:before {
  content: "\e6e6";
}

.uni-icon-eye:before {
  content: "\e6e7";
}

.uni-icon-camera-filled:before {
  content: "\e6e8";
}

.uni-icon-camera:before {
  content: "\e6e9";
}

.uni-icon-star-filled:before {
  content: "\e6ea";
}

.uni-icon-star:before {
  content: "\e6eb";
}

.uni-icon-location-filled:before {
  content: "\e6ec";
}

.uni-icon-location:before {
  content: "\e6ed";
}

.uni-icon-customerservice-filled:before {
  content: "\e6f0";
}

.uni-icon-customerservice:before {
  content: "\e6f1";
}

.uni-icon-clear-filled:before {
  content: "\e6f2";
}

.uni-icon-clear:before {
  content: "\e6f3";
}

.uni-icon-compose:before {
  content: "\e6f5";
}

.uni-icon-empty:before {
  content: "\e6f7";
}

.uni-icon-empty-filled:before {
  content: "\e6f8";
}

.uni-icon-arrowright:before {
  content: "\e6f9";
}

.uni-icon-help-filled:before {
  content: "\e6fa";
}

.uni-icon-help:before {
  content: "\e6fb";
}

.uni-icon-group:before {
  content: "\e6ff";
}

.uni-icon-group-filled:before {
  content: "\e700";
}

.uni-icon-home-filled:before {
  content: "\e702";
}

.uni-icon-home:before {
  content: "\e703";
}

.uni-icon-chatboxes-filled:before {
  content: "\e704";
}

.uni-icon-chatboxes:before {
  content: "\e705";
}

.uni-icon-like-filled:before {
  content: "\e707";
}

.uni-icon-like:before {
  content: "\e708";
}

.uni-icon-lock-filled:before {
  content: "\e709";
}

.uni-icon-lock:before {
  content: "\e70a";
}

.uni-icon-email:before {
  content: "\e70b";
}

.uni-icon-email-filled:before {
  content: "\e70c";
}

.uni-icon-chat:before {
  content: "\e70d";
}

.uni-icon-chat-filled:before {
  content: "\e70e";
}

.uni-icon-mobile-filled:before {
  content: "\e72b";
}

.uni-icon-mobile:before {
  content: "\e72c";
}

.uni-icon-more:before {
  content: "\e710";
}

.uni-icon-minus-filled:before {
  content: "\e712";
}

.uni-icon-minus:before {
  content: "\e713";
}

.uni-icon-list:before {
  content: "\e714";
}

.uni-icon-person-filled:before {
  content: "\e715";
}

.uni-icon-person:before {
  content: "\e716";
}

.uni-icon-image-filled:before {
  content: "\e719";
}

.uni-icon-image:before {
  content: "\e71a";
}

.uni-icon-praise-filled:before {
  content: "\e727";
}

.uni-icon-praise:before {
  content: "\e72a";
}

.uni-icon-info-filled:before {
  content: "\e71b";
}

.uni-icon-info:before {
  content: "\e71c";
}

.uni-icon-reload:before {
  content: "\e71e";
}

.uni-icon-arrowleft:before {
  content: "\e720";
}

.uni-icon-scan:before {
  content: "\e722";
}

.uni-icon-gear-filled:before {
  content: "\e728";
}

.uni-icon-gear:before {
  content: "\e729";
}

.uni-icon-switch:before {
  content: "\e72e";
}

.uni-icon-sound-filled:before {
  content: "\e72f";
}

.uni-icon-sound:before {
  content: "\e730";
}

.uni-icon-mic-filled:before {
  content: "\e737";
}

.uni-icon-mic:before {
  content: "\e738";
}

.uni-icon-trash:before {
  content: "\e739";
}

.uni-icon-trash-filled:before {
  content: "\e73a";
}

.uni-icon-unlock-filled:before {
  content: "\e73b";
}

.uni-icon-unlock:before {
  content: "\e73c";
}

.uni-icon-videocam:before {
  content: "\e73d";
}

.uni-icon-videocam-filled:before {
  content: "\e73e";
}

.uni-icon-search:before {
  content: "\e741";
}

.uni-icon-search-filled:before {
  content: "\e742";
}

.uni-icon-publishgoods-filled:before {
  content: "\e746";
}

.uni-icon-arrowup:before {
  content: "\e749";
}

.uni-icon-commodity:before {
  content: "\e764";
}

.uni-icon-map:before {
  content: "\e643";
}

.uni-icon-certificate-filled:before {
  content: "\eb92";
}

.uni-icon-arrowdown:before {
  content: "\e74b";
}

.uni-icon-arrowthindown:before {
  content: "\e74c";
}

.uni-icon-arrowthinup:before {
  content: "\e74d";
}

.uni-icon-arrowthinright:before {
  content: "\e74e";
}

</style>
