Png mit hover effekt?

[thementholist]

Hallo nochmals!

Ist es möglich eine png datei die bei mir als button fungiert: <div class="item"> <a href="#"> <img src="fahrzeugfolierungsicon.png" width="auto" height="50" mit einem hover effekt auszustatten.

Ich habe einige buttons die beim drübergehen größer und gelb werden. Diese bestehen aus material-icons.

<div class="menu" id="menu">
        <div class="item">
             <a href="menu2.html">
                <i class="material-icons">home</i>
                </a>
             </div>
    
    <div class="item">
             <a href="#">
        <i class="material-icons">directions_car</i>
        </a>
             </div>

Css zum hover den ich meine:

a>.material-icons:hover{
    color:#EC582A;
    transform: scale(1.3);

So und das selbe würde ich eben gerne auch bei meinem png icon machen. Warscheinlich wird es nicht möglich sein das es gelb wird da es keine font oder svg datei ist(ist das richtig?) Aber dennoch hätte ich gerne wenn es möglich wäre das mein icon auch größer wird. So sieht es ziemlich fad und unlebendig aus.

Vielen Dank schonmal