How to change instagram icon?

[Emiway1]

i wanna change this instagram icon from footer 

i had uploaded a image of new icon in files Its URL: https://cdn.shopify.com/s/files/1/0566/2031/8792/files/Instagram_icon_f1baa094-7ac6-414e-844c-54c5ba...

Shop URL: https://redpandaoutdoor.in/

[Dan-From-Ryviu · Accepted solution]

Hi @Emiway1 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

.footer__aside-top .social-media a:has(.icon-instagram) {
    background-image: url(https://cdn.shopify.com/s/files/1/0566/2031/8792/files/Instagram_icon_f1baa094-7ac6-414e-844c-54c5bad9f8df.png?v=1734001170);
    background-size: cover;
    background-position: center;
    display: block;
}
.footer__aside-top .social-media a:has(.icon-instagram) svg {
    opacity: 0;
}

[steve_michael2]

Hi @Emiway1 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.footer__aside-top .social-media a:has(.icon-instagram) {
    background-image: url(https://cdn.shopify.com/s/files/1/0566/2031/8792/files/Instagram_icon_f1baa094-7ac6-414e-844c-54c5bad9f8df.png?v=1734001170);
    background-size: cover;
    background-position: center;
    display: block;
}
.footer__aside-top .social-media a:has(.icon-instagram) svg {
    opacity: 0;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!