Icons on the "compose" pane toolbar

Support

AI-generated summary

The discussion revolves around icons on the “compose” pane toolbar. Biscuit is modifying the icons and asks for a list of built-in available icons. awesomerobot responds that they use Font Awesome, pointing to the cheatsheet. However, Biscuit encounters issues using Font Awesome icon names, which work only when using certain names like “book”.

Biscuit clarifies they are looking for a list of supported icons and wonders if there are specific Unicode icons or a special way to list Font Awesome icon names. cpradio explains that the “book” icon works because it is internally changed to “fa-book”, and suggests using “paw” instead of “fa-paw”. Biscuit confirms that “paw” works and thanks the community for their help, resolving the issue.

1

I’m modifying the icons on the compose pane toolbar. The default icons are shown below: -

45%20PM
45%20PM635×150 12.2 KB

I’m displaying an extra book icon as I guessed the name of the icon. Is there a list of the built-in available icons?

2

Yes, we use font awesome. All of these icons should be available: Font Awesome Cheatsheet

3

Thanks Kris.

That’s what I thought at first, but when I specify a FA icon name from that page it doesn’t display eg: “fa-paw” appears as a blank space, as did the other FA icon names I tried. Whereas if I choose “book” it works.

This is the context of it’s usage, in case that helps:

  api.onToolbarCreate(toolbar => {
  toolbar.addButton({
    id: "id_goes_here",
    group: "extras",
    icon: "book",
    title: "Title_Name",
    perform: e => e.addText("Test to add to compose textbox.")        
  }); 
});
4

What font awesome version are you expecting?

5

I’m not specifically after Font Awesome. I’m just wanting a list of supported icons so I can choose suitable ones.

“Book” works - and I presume this isn’t font awesome, so presumably there’s some specific unicode icons supported? Or, perhaps there’s a special way to list the FA icon name in my code above that I’m not doing.

6

No, ‘book’ works because behind the scenes it is being changed to ‘fa-book’, for ‘paw’ to work, you would have to use ‘paw’.

7

Perfect @cpradio, “Paw” worked correctly.

So now I can reference the FA icon list that Kris provided above.

Thanks all. I’m sorted.