nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Atlassian icons as emoji?

Hi all, I've been experimenting with emoji within our Confluence documentation. I've also discovered the option to upload a custom emoji, which is very helpful.

Now I've been wondering if there is a way to include Atlassian-specific icons into the emoji set. I am thinking of icons like these:

These would be helpful to use within the documentation, which covers Atlassian products. Any ideas on how to add these quickly and not one by one?

Best, Cora

Accepted answers

Svenja Lorenzen

I think Atlassian is using some Icons from CSS.gg.

Here's for example the "eye-icon": https://css.gg/app?s=eye (filled and outline).

However, I only know the way to download each file and upload it as an emoji.

Best,

Svenja

All comments

Svenja Lorenzen

I think Atlassian is using some Icons from CSS.gg.

Here's for example the "eye-icon": https://css.gg/app?s=eye (filled and outline).

However, I only know the way to download each file and upload it as an emoji.

Best,

Svenja

@Svenja Lorenzen Thank you so much for this link!

I was hoping for complete UI elements like the dots for "more actions", but I will add those myself.

Best, Cora

Andrew Dildy_luge1q

The icons are part of atlaskit: documentation.

You can access the raw svgs here: Bitbucket repo.

Hi Andrew, thanks for this. I'll give it a try!

Best, Cora

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud