JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  <span class="vamfix">
    <span>+7</span>
  </span>
  <span class="vamfix">
    <img src="https://cdn4.iconfinder.com/data/icons/simply-8-bits-4/96/eye_in_sky.png">
  </span>
  <span class="vamfix">
    <span>XYZ</span>
  </span>
</p>

CSS

span.vamfix {
  border: 1px solid;
  display: inline-block;
  min-height: 40px;
}
span.vamfix > span {
  font-size: 30px;
}
img {border: 1px solid; height: 10px;}
body * {vertical-align:middle}

.vamfix {/*Класс для центрирования по вертикали*/
  font-size: 0 !important; 
}
.vamfix > * { 
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;  
}
.vamfix:before {
  content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;
}