Copyleft Games

Webchat roles and occupants SVG icons

The webchat at currently uses 2 PNG files for occupant roles (owner and moderator) plus a PNG icon for "room occupants" in the lower right..

Replace these with simple SVG icons provided inline via CSS to replace loading 3 different PNGs with a slightly larger CSS file. You have artistic freedom in the design of the icons, they're expected to be more complex than emoticons but try to keep the byte size reasonable.

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

Task tags

  • svg
  • design
  • css

Students who completed this task


Task type

  • web Design
  • assessment Outreach / Research