JSFiddle - React, Tailwind, and code Playground

HTML

<hr class="speechbubble" />

CSS

.speechbubble {
    position: relative;
    border: 0;
    height: 128px;
    background-image: url(https://cdn0.iconfinder.com/data/icons/gloomy-office/512/679600-Messages-32.png);    
    background-repeat: no-repeat;
    background-position: center center;
}

.speechbubble:after,
.speechbubble:before {
    overflow: auto;
    margin: auto;
    position: absolute;
    width: 45%;
    height: 0px;    
    top: 0; 
    left: 0; 
    bottom: 0; 
    content: "";
    border-top: 1px solid #ccc;
}

.speechbubble:before {
    right: 0;
    left: auto;
}