Refer office icons programatically

Question

In my SharePoint list i have column called DocType which has values Docx,XLsx,PPT,Link

If you choose any of those I wish to display the Office icons accordingly. As I know these icons are located here C:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\IMAGES

I dont see any way how I can Access it through url? One way could be to put all those needed images in my Project inside layouts folder and show from there.

Is there any better way to do it?

Answer 1

The icon URL is:

http://your-sharepoint-url/_layouts/15/images/

For example:

http://your-sharepoint-url/_layouts/15/images/icdocx.png

Answer 2

https://github.com/purtuga/SPImages

has an .ASPX page you drop into a Library which lets you browse all the SharePoint default images

Answer 3

As you're asking about retrieving the icon url programmatically.

In case you use client side programming technique, you can use:

• JavaScript: SP.Web.mapToIcon()(MSDN)
• C#: Web.MapToIcon()(MSDN)

For server side programming you can use the static method SPUtility.MapToIcon()(MSDN).

Example in JavaScript for client side programming:

var ctx = new SP.ClientContext.get_current();
var web = ctx.get_web();

// the following returns sth. like "icdocx.png"
var iconName = web.mapToIcon('path to document', '', SP.Utilities.IconSize.Size16);

// Perform executeQueryAsync on ctx ...

// OnSucceed you can build the URL for the icon like this:
var imgSrc = _spPageContextInfo.siteAbsoluteUrl + "/" + _spPageContextInfo.layoutsUrl + "/images/" + iconName;