Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How To Use Confluence UI Icons


In order to help people getting to know Confluence, it is helpful to show what icons they need to click to do something. I’m referring to these icons:

Screen Shot 2021-03-24 at 12.15.54.png

I found that there is an npm atlaskit package, and also a doc website:

But I’m unable to extract the font, or to use the actual icons on my page.


Is this possible at all? I would like to avoid making small screenshot of the icons...


Thanks for any help


1 answer

1 accepted

2 votes
Answer accepted

Hi Steven,

I don't think there's any direct or easy way to do it. If you're interested in all icons, you can find the SVG files here by the way:

What you could maybe do is take a screenshot (or use the SVGs) to create custom emojis and then you could re-use those without having to find / copy / paste the same images all the time.


Thanks for pointing to the repo! However, It would be great if Atlassian would include this within their emoji menu; e.g., `:confluence_watch:`

Suggest an answer

Log in or Sign up to answer
Site Admin
Community showcase
Published in Confluence

Confluence Mythbusters: Does Atlassian even use Confluence?

Hi, Confluence collaborators! As part of #Confluence-Collaboratory month, we’ve created a very special Mythsbusters segment, where we're dive into an interesting myth and uncover the truth behind i...

1,436 views 7 29
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you