Cómo cambiar el color de los iconos svg sin tener que subir una imagen distinta

En el caso de nuestras plantillas las imágenes svg están incrustadas como imagen de fondo y la única manera de alterar su color es aplicando filtros,

por ejemplo:


a[title="movil"],
a[title="telefono"] {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(100%) contrast(200%);}

tienes la herramienta para calcular los filtros en
https://codepen.io/sosuke/pen/Pjoqqp

en link de arriba lo he obtenido desde
https://css-tricks.com/change-color-of-svg-on-hover/

esta técnica la puedes aplicar a cualquier icono svg que esté como imagen de fondo incluida la cesta.

Detalles del articulo

ID de artículo:
150
valoración :