Changing icons in the NODEBB forum

josef

Hi
I want to change the icons in my forum.
For example, the icon that indicates that the post was edited:

Change to another mark for example to the mark marked here https://fontawesome.com in the following code: 1f58c

What is the appropriate universal CSS code that only needs to be renamed (in my case: .edit-icon or .fa-pencil-square)

Yehonatan Albert

This post is deleted!

josef

@yehonatan-albert
Thank you!
In this example it did work
But when I tried to add a second code
Let there be another icon
Of a sign that this post is locked:

And I added the following code snippet:

$(window).on('action:ajaxify.end', () => {
    var ei = $('[component="topic/locked"]');
    ei.removeClass('fa fa-lock fas');
    // Your icon
    ei.addClass('fa-expeditedssl');
});

It did not work and shows me an empty square:

Where's my mistake?

Purpose: Such a lock icon:

https://fontawesome.com/v5.15/icons/expeditedssl?style=brands

Yehonatan Albert

This post is deleted!

josef

@yehonatan-albert
Why when I put such a code:

function changeLockIcon() {
    const lockIcon = $('[component="topic/locked"]');
    lockIcon.removeClass('fa-lock');
    lockIcon.addClass('fa-guitar');
}
$(window).on('action:ajaxify.end', changeLockIcon);
$(window).on('action:topics.loaded', changeLockIcon);

Do not see any icon at all?

Yehonatan Albert

This post is deleted!

josef

@yehonatan-albert
I do not find any suitable symbol there.
Is there another place from which symbols can be selected and will they be supported?