Incluyendo iconos en los enlaces

code

Código CSS para iconos

a {
    background: url('icono.svg') no-repeat right;
    background-size: 2rem;
    padding-right: 2.5rem;
}

✨ Icono de flecha saliendo de un cuadro

image

background

Establece la imagen de fondo y su posición a la derecha del texto

filter_1

no-repeat

Inserta solo una copia del icono, evitando repeticiones

aspect_ratio

background-size

Especifica el tamaño del icono (útil para diseño web adaptativo)

space_bar

padding-right

Crea espacio a la derecha para que el icono no se superponga con el texto