tutorial_heading.svg

<svg fill="none" viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg">
    <foreignObject width="100%" height="100%">

        <div xmlns="http://www.w3.org/1999/xhtml">
            <style>
                .tutorials {
                color:#F9F9F9; 
                font-size:24px; 
                font-weight:500;
                font-family:"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
                }

                .contain{
                display:flex;
                cursor:pointer;
                padding:5px;
                }
    
                .item{
                border:1px solid #5552FF;
                border-radius:8px;
                padding:20px 10px;
                height:155px;
                width:46%;
                }
    
                .ri{
                 margin-right:5px;
                }
    
                   
                .heading{
                color:#FFF;
                font-size:16px;
                font-family:"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";  
                }


            </style>
            <div class="tutorials">
                Tutorials
            </div>
        </div>
    </foreignObject>
</svg> 

