一定要用 flex 吗?
<view class="wrapper">
<!-- <image class="icon" src='../../images/ic.png'></image> -->
<view class="text">text</view>
</view>
.wrapper {
display: block;
background: #ff0;
width: 100%;
justify-content: center;
}

.text {
margin: 0 auto;
display: block;
width: 50px;
height: 50px;
border:1px solid black;
position:relative;
}

.text:before {
background: #fff url(../../images/ic.png);
content: "";
display: block;
width: 50px;
height: 50px;
border: 1px solid black;
position: absolute;
left: -100px;
}