
<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"><ellipse class="cls-1" cx="9.14" cy="4.36" rx="7.64" ry="2.86"/><path class="cls-1" d="M1.5,9.14c0,1,1.36,1.87,3.41,2.38A17.84,17.84,0,0,0,9.14,12a17,17,0,0,0,1.91-.1"/><path class="cls-1" d="M1.5,13.91c0,1.58,3.42,2.86,7.64,2.86.66,0,1.31,0,1.92-.09"/><polyline class="cls-1" points="1.5 4.36 1.5 9.14 1.5 18.68"/><line class="cls-1" x1="16.77" y1="9.14" x2="16.77" y2="4.36"/><path class="cls-1" d="M1.5,18.68c0,1.59,3.42,2.87,7.64,2.87a17.71,17.71,0,0,0,3.56-.34"/><path class="cls-1" d="M17.74,22.48l-.06,0h0A6.58,6.58,0,0,1,13,16.2V12.42l4.73-1.37,4.82,1.37v3.75A6.56,6.56,0,0,1,17.74,22.48Z"/></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>