
<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"><rect class="cls-1" x="5.16" y="1.25" width="13.68" height="21.5" rx="1.95" transform="translate(24 0) rotate(90)"/><path class="cls-1" d="M21.77,14v-3.9a1,1,0,0,1,1-1h0v5.86h0A1,1,0,0,1,21.77,14Z"/><path class="cls-1" d="M21.37,5.25c1.2-1.91,1.68-3.3,1.18-3.8C21.8.69,19,2.17,15.47,5l-.21.17C14.23,6,13.12,7,12,8c-.67.63-1.35,1.28-2,2a69,69,0,0,0-5,5.5,35.36,35.36,0,0,0-2.36,3.28c-1.2,1.91-1.68,3.3-1.18,3.8C2.2,23.31,5,21.83,8.53,19"/><path class="cls-1" d="M2.63,5.25C1.43,3.34,1,2,1.45,1.45,2.2.69,5,2.17,8.53,5l.21.17C9.77,6,10.88,7,12,8c.67.63,1.35,1.28,2,2s1.34,1.36,2,2c1.11,1.2,2.13,2.37,3,3.47a35.36,35.36,0,0,1,2.36,3.28c1.2,1.91,1.68,3.3,1.18,3.8-.75.76-3.55-.72-7.08-3.54"/></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>