Copyleft Games

Webchat SVG emoticons

The webchat at currently uses 16 PNG files for emoticons plus 1 PNG icon for the emoticon menu.

Replace these with simple SVG icons provided inline via CSS to replace loading 17 different PNGs with a slightly larger CSS file. You have artistic freedom in the design of the emoticons, but keep the byte size low through simplicity.

When you're done, upload a new .css file containing these emoticons.

Task tags

  • svg
  • design
  • css

Students who completed this task

Carmen Popa, Darryl Yeo

Task type

  • web Design
  • assessment Outreach / Research