<template>
<div class="HeaderIcon" :style="[HeaderIcon]">
  <div class="HeaderIcon-container">
    <nuxt-link to="/" >
      <div class="HeaderIcon-box">
        <img class="pc_top_logo" id="top_logo" src="/img/icon/logo.png" alt="">
      </div>
    </nuxt-link>
  </div>
</div>

</template>

<script>
export default {
  name: "HeaderIcon",
  props:{
    HeaderIcon:Object
  },
  setup(prop){
    return {
      ...prop
    }
  }
}
</script>

<style scoped src="~/assets/css/Header/icon.scss" lang="scss"></style>
<style scoped src="~/assets/css/Header/media.scss" lang="scss"></style>