Is there any table or list to help reuse SharePoints Sprite images? I'd like to reuse e.g. icons from /_layouts/15/images/spcommon.png?rev=23

enter image description here

Edit after Tiago's answer

Thanks for the anwser to use a Sprite generator. However, I was more thinking of a way to reuse existing CSS. For example if I "re-use" the following HTML snippet:

<a id="idHomePageNewItem" class="ms-heroCommandLink">
  <span class="ms-list-addnew-imgSpan20">
  <img id="idHomePageNewItem-img" src="/sites/jriemer/_catalogs/theme/Themed/386EAB37/spcommon-B35BB0A9.themedpng?ctag=2" class="ms-list-addnew-img20">
  </span><span>Add New Event</span></a>

I get the "plus sign in circle" along with the hover effect.

I was hoping to get some info how to do this for the rest of the CSS sprites such as the arrow in circle (and doing this w/o the need to spot its usage somewhere in a page).

In any case, if there is no anwser in that respect I will accept Tiago's since its then the best solution

  • Have you found a solution?
    – Dave
    Sep 2 '20 at 8:17
  • No, I clip the sprite with my own CSS. Sep 2 '20 at 12:50

you can use sprite cow to generate your css


Eric Overfield has a nice post on this


I'll link a few additional resources:



Eric's post (from wayback machine) - seems the live one is broken

  • It appears that page no longer has the content you were referring to. Dec 4 '19 at 15:33
  • 1
    I've added a few more references plus a link to a working version of Eric's post. Hope that helps. Dec 4 '19 at 16:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.