Cómo cambiar el color de un ícono al pasar el cursor

[richardx]

Buenas, que tal compañeros. Cómo puedo hacer para cambiar el color a un ícono al pasar el cursor? De que manera tendría que crear el ícono? Como en la foto.

 

[Cicklow]

Google Search

 

[richardx]

Google Search

Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

 

[Cicklow]

Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

a un png, solo podras cambiarle el color si cambia el icono por uno de otro color. o como mucho el brillo...tiene que ser svg o usa la fuente awesome

 

[richardx]

a un png, solo podras cambiarle el color si cambia el icono por uno de otro color. o como mucho el brillo...tiene que ser svg o usa la fuente awesome

Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

 

[Cicklow]

Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

no se no los uso... todo esta en prueba y error.

 

[Ander.pe]

Buenas, que tal compañeros. Cómo puedo hacer para cambiar el color a un ícono al pasar el cursor? De que manera tendría que crear el ícono? Como en la foto.

(Id class):hover {
Color: *;
}

 

[sailedg]

Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

Algunos los convierten pero dañan el icono... si lo necesitas svg puedes crearlo en AdobeXD me parece facil crearlo alli, y si lo usaras como imagen solo cambias la imagen por otra al hacer el hover.

 

[CANIBAL]

Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

FontAwesome*

 

[Kevin Ramos]

Puedes crear tus iconos en Adobe illustrator y los exportas como svg, te dará el código.