JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexcontainer">
    <div class="column">
        <img src="https://cdn4.iconfinder.com/data/icons/flat-icon-set/2133/flat_icons-graficheria.it-13.png"/>
    </div>
</div>

CSS

.flexcontainer { display: flex; width: 100px; height: 50px; border: 3px solid black }
.column { flex: 1; height: 100%; }
img { height: 100%; width: auto; display: block; margin: auto }