<template>
  <div :class="['jc-icons', `jcicon-${name}`]" ref="iconspan">
    <span class="path1"></span>
    <span class="path2"></span>
    <span class="path3"></span>
    <span class="path4"></span>
    <span class="path5"></span>
    <span class="path6"></span>
    <span class="path7"></span>
    <span class="path8"></span>
    <span class="path9"></span>
    <span class="path10"></span>
    <span class="path11"></span>
    <span class="path12"></span>
    <span class="path12"></span>
    <span class="path14"></span>
    <span class="path15"></span>
    <span class="path16"></span>
    <span class="path17"></span>
    <span class="path18"></span>
    <span class="path19"></span>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({name:'jc-icon'})
</script>

<script setup lang="ts">
const props = defineProps<{
  name: string,
}>()
</script>

<style lang="scss" scoped>
@import "./jcicons-v1.9/style.css";


.jc-icons {
  margin: 0;
  padding: 0;
}

</style>