“Office 2010 Add-In: Icons Gallery” - How to extract icons from backstage tab (docx)

Question

I downloaded \"Office 2010 Add-In: Icons Gallery\" that is docx file with two backstage tabs that hold icons.

How can I extract the icons or use them in my application?<

Answer 1

Go to tab "File" On the left panel you'll see list of backstage tabs

Answer 2

I suppose the first answer meant to say, that the icons are only meant to be used within Office; that is with Office add-ins and such.

They can be referred with Office Fluent UI definition XML for example. So the distribution form serves as visible "Ahh I want that icon in my add-in" reaction and then choosing the specified ID to use in "imageMso" attribute.

Like this (see proper full XML in Office Fluent UI customization)

<button id="Button1" imageMso="HappyFace" size="" label="Large Button Face" onAction="HandleOnAction" />

Answer 3

This is an old question, but I miss an "how to use" not "how to view" answer.

In Visual Studio 2015 you can just assign the name (or ID - shown in the docx File right below the pictures) to the "OfficeImageId" Property. This Property is for example available in Microsoft.Office.Tools.Ribbon.RibbonEditBox or .RibbonButton.

Answer 4

From this post, there are 2 download links for all ImageMso of Office 2010/2013. There is also source code so that we can extract Icons ourselves with different size.

Answer 5

I use ImageMso quite frequently in my Excel development. Having stumbled on another post, I took it a step further and put a package together to visually search, extract and save icons from Microsoft Excel as a file or copy and paste (with alpha channel transparency) to another application. I also compiled a list of 8,899 distinct ImageMso names from the various sources. I hope others can find this useful.

Microsoft Office Icons (ImageMSO) Gallery & Extraction

Answer 6

This article contains code that worked for me. They even linked the outputted icon sets in transparent PNGs in the article too, so that you don't need to run the code. I've copied the transparent PNG's links from the article below.

Images 1

Images 2

Note:

Although the icons had a transparent background only the image within the icon was transparent, I had to go into Photoshop and remove the white background manually at the top and bottom. Here's an example: