<template>
  <div class='user-icon'>
    <img v-bind:src='icon' />
  </div>
</template>
<style lang='scss' scoped>
.user-icon {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  overflow: hidden;
  display: inline-block;
  margin-right: 4px;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
</style>
<script>
export default {
  props: ['userId', 'icon']
}
</script>
