[Figma]: add brand logos to Third party logo library

[laurenmrice]

Add branded logos to Third party logo library

• These logos are currently in the Gatsby theme Figma library but we also want to make them available in the Third party logo library which is currently in progress.

---

To do

• [ ] Include logos in both color and disabled.
• [ ] Restrict the size to 32px if possible and add written guidance to use them at 32px.
• [ ] Publish updates.

[sethibm]

@laurenmrice Thanks for creating this! I see the Gatsby theme has the app icons available now and tested it today with my Figma component. It's possible to swap instances no problem and works well, looks good.

So I think as soon as the same app icons are published in the IBM Design Language Icon library, we can update component to reference those icons and swap in and out from there. Looking forward to it...

[sethibm]

@laurenmrice One note on restriction to 32px for this implementation in library. I think for my use case, related to guidance with text + icons together, 32px only will require me to make text too large.

For Figma component where I will use these app icons, it currently has icon reduced to 20px size to work with 16pt text. If the library only provides 32px version, I would only be able to use 24pt Plex with the 32px icon, per guidance, and that would be too large for this text link, which is best at 16pt.

For placement in library, is it possible to allow for 20px and 32px with icon sizes, or do you have suggestions?

Fyi, this is for an internal Figma template component that will not be public facing, rather just for IBM.com web page design + production.

Here is a quick view of the component in raw form, then populated version. And one larger screenshot showing it in context.

[laurenmrice]

Hey @sethibm, I spoke with Andreea Vintila who created the Gatsby theme library, we do use these branded logos as 32px in resource cards, and as 20px in mini resource cards, so those two sizes are fine. We will add some written guidance around this in Figma around sizing.

[sethibm]

Thanks @laurenmrice, good to hear and looking forward...

[stale[bot]]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[sethibm]

@laurenmrice I wonder if this change was made to the IBM Design Language Icon library yet? We beta launched the Figma library for annotating IBM.com pages but the component still uses Gatsby Library icons. I'd like to switch it to the more commonly enabled library if these icons are available. I just checked and don't see it in my version of that Figma library.

[stale[bot]]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[laurenmrice]

After some discussion we are going to add these to a Third party logo library which is already in progress in Figma. There are multiple libraries currently being created to house different types of icons based on their usage. For example: App icons will have its own library, UI icons has its own library, and Third party icons will have its own library.

[mjabbink]

@laurenmrice The Adobe icon should be updated. For Adobe Fonts, it’s in the below Figma file. https://www.figma.com/design/A8Aqo87GXAFPJ7gbIvJYkL/%5BIDL%5D-Typeface-%26-What's-new?node-id=910-4234&t=qhzJCDuZWJxCZISf-0

For the Adobe logo icon itself is here: https://www.adobe.com/legal/permissions/icons-web-logos.html

Adobe Fonts

Adobe and Acrobat