JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon-buttonimage">
    <input name="my_image[]" id="my_file" size="27" type="file" class="inputImage" title="Upload images" multiple="multiple"/>
</div>

CSS

.icon-buttonimage {
    position:relative;
    width: 38px;
    height: 40px;
    overflow: hidden;
    float: left;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    cursor: pointer;
    background:#cccccc;
    margin-right: 5px;
    margin-left: 3px;
}
.inputImage::before {
    content:'\e800';
    display:block;
    position:absolute;
    top:0;
    font-size: 20px;
    margin-top: 16px;
    margin-left: 9px !important;
}
.inputImage {
    width: 0px;
    height: 0px;
    cursor: pointer;
    outline:none;
}