Twenty Twenty-One custom social icon in plugin

Hi there,

Using the “Twenty Twenty-One” theme, I would like to set up the Discord SVG icon, in a custom plugin.

SVG: https://discord.com/branding

I’m trying with this code:

function Custom_twenty_twenty_one_social_icons_map( $icons ) {
    $icons['discord'] = array(
        'discord.com',
    );     
    return $icons;
}

add_filter( 'twenty_twenty_one_social_icons_map', 'Custom_twenty_twenty_one_social_icons_map' );

function Custom_twenty_twenty_one_svg_icons_social( $icons ) {

    $icons['discord'] = '<svg>  ...  </svg>';

    return $icons;
}

add_filter( 'twenty_twenty_one_svg_icons_social', 'Custom_twenty_twenty_one_svg_icons_social' );

It works in the footer, but it doesn’t work with the Gutenberg “social icon” block in the content.

Is there any way to replace the standard icon with the Discord icon inside the content?

Issue also posted here, will mark as solved both threads. Many thanks.

https://wordpress.org/support/topic/discord-icon-on-social-icons-block/

• This topic was modified 2 months, 3 weeks ago by ArtGoddess.