sofatutor Playground

Icons

Little icons are usually done in flat colors, without shadows or gradients. Over white, normally icons are #CCCCCC default, and #999999 on hover.Over dark, normally icons are #999999 default, and #CCCCCC on hover. Depending on the context, some of those icons can also be displayed in #FFFFFF. The size of the icons can be changed proportionally. The sizes 16x16px, 24x24px and 32x32px are used for this. In some cases, the icons can also be displayed proportionally larger.

color:

normal: #CCCCCC

hover: #999999

size:

Icon available sizes

ACTION ICONS

  • admin

  • arrow-circle

  • arrow-simple

  • arrow-solid

  • arrow-thin

  • backButton

  • basic-exercise

  • bookmarks-add

  • bookmarks-check

  • books

  • chart

  • chat

  • checkmark

  • circle-checkmark-green

  • circle-checkmark

  • circle-close-red

  • circle-close

  • circle-empty-borderless

  • circle-empty

  • circle-menu

  • circle-plus

  • circle-warning-yellow

  • close

  • cogs

  • document

  • download

  • drag

  • edit

  • exercise

  • eye-closed

  • eye

  • feedback

  • feedbackButton

  • fullscreen

  • hd

  • heart-in-bubble

  • heart

  • info

  • learning-text

  • lightbulb

  • list

  • lock-locked

  • lock-open

  • mail

  • menu

  • minus

  • notification

  • padlock-close

  • padlock-open

  • pause

  • phone

  • plane

  • play-solid

  • plus

  • pommes-info

  • pommes-with-binoculars

  • print

  • questionMark

  • replay

  • search

  • share

  • sofa

  • sorting

  • star-half

  • star-label

  • star

  • stop-sign

  • teacher

  • thumbsup

  • trash

  • trophy

  • video-and-learning-text

  • video-duration-orange

  • video-duration

  • video-help

  • video

  • worksheet-solid

  • worksheet