(Squarespace) How to add Patreon icon to social links

To add Patreon icon to Header Social, Social Links Block, you can do these

#1. First, edit Header Social or Social Links > Enter Patreon URL.

It will show as generic link icon.

#2. Use this code to Code Injection > Header (or add it via Code Block in Site Footer, if your plan doesn’t support Injection)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">

#3. Use this code to Custom CSS box
If code doesn’t work, you can comment below, message or email me.

a[href*="patreon.com"].sqs-svg-icon--wrapper, a[href*="patreon.com"].header-icon {
    svg {
    display: none;
}
&::before {
    content: "\f3d9"; 
    font-family: "Font Awesome 6 Brands"; 
    color: #f0793f; 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}}

#4. Result

1 Like