I'm attempting to do the same thing, and the link icon is not changing. What am I doing wrong? This is the code I used
.sqs-svg-icon--wrapper[href*="tiktok"] svg {
display: none;
}
.sqs-svg-icon--wrapper[href*="tiktok"] {
background-image: url(https://static1.squarespace.com/static/5a08c31a64b05f2730b4121b/t/5f0a2ca5e08c710baddbc6a1/1594502309912/tiktok+white.png);
background-size: cover;
background-repeat: no-repeat;
}
And this is my website: https://www.ignitedinkwriting.com/
My social media links are in the footer.