CSS Sprite Showcase

Summary:

Companies: 23 icons
Projects: 12 icons
Courses: 9 icons
Total: 44 icons

Companies (Full Sprite)

Individual Icons

0: accenture

1: aena-long

2: aena

3: clicplan-short

4: clicplan

5: drolosoft

6: drosoloft-plain

7: ebantic

8: emailing-network

9: everis

10: gigya

11: indra

12: insa

13: livgolf

14: megabanner

15: olympic-broadcasting

16: pentamsi-long

17: pentamsi

18: sap

19: twentic

20: uex

21: webratio

22: webratioa

Projects (Full Sprite)

Individual Icons

0: HERRUMBRE_NEGATIVO VER 2@4x

1: deliverybikes

2: herrumbre-vivo

3: jorpack

4: laporra-doc

5: laporra

6: lidering

7: ola-logo-squared-blue

8: sap

9: somosunaola#

10: somosunaola

11: twentic

Courses (Full Sprite)

Individual Icons

0: camaracomercio

1: codecademy

2: forem

3: linkedin-blue

4: linkedin

5: servoy-logo

6: servoy

7: udemy

8: uex

Zoom Test

100%:

200%:

300%:

Retina Test

On retina displays, the @2x sprite should load automatically for crisp rendering.

Should be crisp on retina

Project icon

Course icon

Network Verification

Open DevTools (Network tab, filter by Images) to verify:

Only 3 sprite images should load (not 44+ individual images)
On retina displays, @2x versions should load