JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/Dogfalo/materialize/master/dist/js/materialize.js"></script>
<div class="without-svg waves-effect">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" xml:space="preserve">
        <path fill="black" d="M4.9,0l21.2,21.2l-4.9,4.9L0,4.9L4.9,0z"/>
        <path fill="black" d="M21.2,0.6L0.1,20.7L5,25.6L26.1,5.5L21.2,0.6z"/>
    </svg>
    
</div>
<div class="with-svg">
    
</div>

CSS

.without-svg, .with-svg{
    width: 30px;
    height: 30px;
}