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, 2020 at 8:17
  • No, I clip the sprite with my own CSS. Sep 2, 2020 at 12:50

1 Answer 1


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, 2019 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, 2019 at 16:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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