Usando transform scale

[ilu7ionHD]

Hola, tengo 3 iconos en mi footer, los cuales están en formato SVG.

La idea es que al pasar el mouse por arriba la parte dibuja adentro se ponga blanca.

Código CSS:

.icono img
{
    margin-top: 10px;
    background-color: red;
    width:32px;
    height:32px;
    transition: transform .1s ease; /* Aplicamos transición de 0.1 segundos al transform, con la aniamción "ease" */
 
}
 
.icono img:hover
{
    background-color: #fff;
    transform: scale(1.1,1.1);
}
 

Por defecto se crea un borde que no puedo quitar de ninguna forma, ni con border: none lo unico que lo afecto fue el "border-radius" pero directamente no quiero que aparezca

[ExpectedMoss0]

No he comprendido exactamente que es lo que quieres hacer.
Podrias ser mas claro?

Saludos

[ilu7ionHD]

Disculpa, tengo 3 iconos en el footer, quiero que al pasar el mouse por arriba se agranden y se pongan de color blanco!. Pero se crea un borde que no me gusta. Desearía quitarlo.

Saludos