
<template>
    <svg :width="size" :height="size" :stroke-width="weight"  id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="cls-1" d="M6.08,16.62A33.25,33.25,0,0,1,12,16.14a33.14,33.14,0,0,1,5.86.48"/><line class="cls-1" x1="22.69" y1="19.07" x2="22.69" y2="4.41"/><path class="cls-1" d="M1.2,4.41V19.07c0,1,1.94,1.93,4.88,2.46V6.87C3.14,6.35,1.2,5.45,1.2,4.41,1.2,2.79,6,1.48,12,1.48S22.69,2.79,22.69,4.41c0,1-1.94,1.94-4.88,2.46V21.53c2.94-.53,4.88-1.43,4.88-2.46"/><path class="cls-1" d="M1.2,4.41C1.2,2.79,6,1.48,12,1.48S22.69,2.79,22.69,4.41"/><path class="cls-1" d="M6.08,11.73A34.23,34.23,0,0,1,12,11.25a34.11,34.11,0,0,1,5.86.48"/><path class="cls-1" d="M6,6.85a35,35,0,0,1,6-.48,35.08,35.08,0,0,1,6,.48"/></svg>
</template>
<script>
    export default {
        props: {
            size: {
                type: Number,
                default: 24,
                required: false,
            },
            weight: {
                type: Number,
                default: 2,
                required: false,
            },
        }
    }
</script>
<style scoped>
    .cls-1{fill:none;stroke:currentColor;stroke-miterlimit:10;}
</style>