Home

<p>
    <meta charset="utf-8">
    <title>Floating Messenger Button</title>

</p>
<style>
    .floating-messenger {
        position: fixed;
        bottom: 20px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 9999;
    }
</style>




<div class="floating-messenger" onclick="window.open('https://m.me/301937026818451', '_blank')">
    <svg width="60px" height="60px" viewBox="0 0 60 60">
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g>
                <circle fill="#ff7e29" cx="30" cy="30" r="30"></circle>
                <svg x="10" y="10">
                    <g transform="translate(0, -10)" fill="#FFFFFF">
                        <g id="logo" transform="translate(0, 10)">
                            <path d="M20,0 C31.2666,0 40,8.2528 40,19.4 C40,30.5472 31.2666,38.8 20,38.8 
                C17.9763,38.8 16.0348,38.5327 14.2106,38.0311 
                C13.856,37.9335 13.4789,37.9612 13.1424,38.1098 
                L9.1727,39.8621 C8.1343,40.3205 6.9621,39.5819 6.9273,38.4474 
                L6.8184,34.8894 C6.805,34.4513 6.6078,34.0414 6.2811,33.7492 
                C2.3896,30.2691 0,25.2307 0,19.4 
                C0,8.2528 8.7334,0 20,0 Z 
                M7.99,25.07 C7.43,25.97 8.53,26.98 9.37,26.34 
                L15.68,21.55 C16.11,21.22 16.70,21.22 17.12,21.54 
                L21.80,25.05 C23.20,26.10 25.20,25.73 26.13,24.25 
                L32.01,14.93 C32.57,14.03 31.47,13.02 30.63,13.66 
                L24.32,18.45 C23.89,18.78 23.30,18.78 22.87,18.46 
                L18.20,14.95 C16.80,13.90 14.80,14.27 13.87,15.75 
                L7.99,25.07 Z"></path>
                        </g>
                    </g>
                </svg>
            </g>
        </g>
    </svg>
</div>

Floating message

Name