How To Vertically Align Text Next to Image

<style>
.symbols-faq {
    position: static;
    top: 4px;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0px 1px 0px 5px;
    padding-bottom: 0px;
    background-image: url(https://assets.website-files.com/5b716c0…/5cd2a9b…_click-icon.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
</style>


<div style="-webkit-box-align: center; align-items: center; display: flex;">
<div class="symbols-faq"> </div>
<div> What should i wear? </div> 
</div>

Live Example : https://www.skinesteemaesthetix.co.uk/faqs