Icon Set

Responsee uses Simple Line Icons set and MFG Labs Icons set. Sets contains all the most frequently used icons. Application of the sets is very intuitive and sets may be combinated:

Simple Line Icons

Drop the markup <i class="icon-name"></i> anywhere
<i class="icon-sli-magnifier"></i>
<!--Example of icon application in searching.--> 
<input style="font-family:sli;" id="search" type="submit" value="" /> 
<!--for specific icon is value &#x + CSS code (in this case is CSS value e090)-->

Result of foregoing example:

You can also use selector :before or :after

someclass:before  {
  content:"\e090";
  font-family: "sli";
}

icon-sli-user
icon-sli-people
icon-sli-user-female
icon-sli-user-follow
icon-sli-user-following
icon-sli-user-unfollow
icon-sli-login
icon-sli-logout
icon-sli-emotsmile
icon-sli-phone
icon-sli-call-end
icon-sli-call-in
icon-sli-call-out
icon-sli-map
icon-sli-location-pin
icon-sli-direction
icon-sli-directions
icon-sli-compass
icon-sli-layers
icon-sli-menu
icon-sli-list
icon-sli-options-vertical
icon-sli-options
icon-sli-arrow-down
icon-sli-arrow-left
icon-sli-arrow-right
icon-sli-arrow-up
icon-sli-arrow-up-circle
icon-sli-arrow-left-circle
icon-sli-arrow-right-circle
icon-sli-arrow-down-circle
icon-sli-check
icon-sli-clock
icon-sli-plus
icon-sli-minus
icon-sli-close
icon-sli-organization
icon-sli-trophy
icon-sli-screen-smartphone
icon-sli-screen-desktop
icon-sli-plane
icon-sli-notebook
icon-sli-mustache
icon-sli-mouse
icon-sli-magnet
icon-sli-energy
icon-sli-disc
icon-sli-cursor
icon-sli-cursor-move
icon-sli-crop
icon-sli-chemistry
icon-sli-speedometer
icon-sli-shield
icon-sli-screen-tablet
icon-sli-magic-wand
icon-sli-hourglass
icon-sli-graduation
icon-sli-ghost
icon-sli-game-controller
icon-sli-fire
icon-sli-eyeglass
icon-sli-envelope-open
icon-sli-envelope-letter
icon-sli-bell
icon-sli-badge
icon-sli-anchor
icon-sli-wallet
icon-sli-vector
icon-sli-speech
icon-sli-puzzle
icon-sli-printer
icon-sli-present
icon-sli-playlist
icon-sli-pin
icon-sli-picture
icon-sli-handbag
icon-sli-globe-alt
icon-sli-globe
icon-sli-folder-alt
icon-sli-folder
icon-sli-film
icon-sli-feed
icon-sli-drop
icon-sli-drawer
icon-sli-docs
icon-sli-doc
icon-sli-diamond
icon-sli-cup
icon-sli-calculator
icon-sli-bubbles
icon-sli-briefcase
icon-sli-book-open
icon-sli-basket-loaded
icon-sli-basket
icon-sli-bag
icon-sli-action-undo
icon-sli-action-redo
icon-sli-wrench
icon-sli-umbrella
icon-sli-trash
icon-sli-tag
icon-sli-support
icon-sli-frame
icon-sli-size-fullscreen
icon-sli-size-actual
icon-sli-shuffle
icon-sli-share-alt
icon-sli-share
icon-sli-rocket
icon-sli-question
icon-sli-pie-chart
icon-sli-pencil
icon-sli-note
icon-sli-loop
icon-sli-home
icon-sli-grid
icon-sli-graph
icon-sli-microphone
icon-sli-music-tone-alt
icon-sli-music-tone
icon-sli-earphones-alt
icon-sli-earphones
icon-sli-equalizer
icon-sli-like
icon-sli-dislike
icon-sli-control-start
icon-sli-control-rewind
icon-sli-control-play
icon-sli-control-pause
icon-sli-control-forward
icon-sli-control-end
icon-sli-volume-1
icon-sli-volume-2
icon-sli-volume-off
icon-sli-calendar
icon-sli-bulb
icon-sli-chart
icon-sli-ban
icon-sli-bubble
icon-sli-camrecorder
icon-sli-camera
icon-sli-cloud-download
icon-sli-cloud-upload
icon-sli-envelope
icon-sli-eye
icon-sli-flag
icon-sli-heart
icon-sli-info
icon-sli-key
icon-sli-link
icon-sli-lock
icon-sli-lock-open
icon-sli-magnifier
icon-sli-magnifier-add
icon-sli-magnifier-remove
icon-sli-paper-clip
icon-sli-paper-plane
icon-sli-power
icon-sli-refresh
icon-sli-reload
icon-sli-settings
icon-sli-star
icon-sli-symbol-female
icon-sli-symbol-male
icon-sli-target
icon-sli-credit-card
icon-sli-paypal
icon-sli-social-tumblr
icon-sli-social-twitter
icon-sli-social-facebook
icon-sli-social-instagram
icon-sli-social-linkedin
icon-sli-social-pinterest
icon-sli-social-github
icon-sli-social-google
icon-sli-social-reddit
icon-sli-social-skype
icon-sli-social-dribbble
icon-sli-social-behance
icon-sli-social-foursqare
icon-sli-social-soundcloud
icon-sli-social-spotify
icon-sli-social-stumbleupon
icon-sli-social-youtube
icon-sli-social-dropbox

MFG Labs Icons

Drop the markup <i class="icon-name"></i> anywhere
<i class="icon-paperplane"></i>
<!--Example of icon application in searching.--> 
<input style="font-family:mfg;" id="search" type="submit" value="" /> 
<!--for specific icon is value &#x + CSS code (in this case is CSS value f50d)-->

Result of foregoing example:

You can also use selector :before or :after

someclass:before  {
  content:"\f50d";
  font-family: "mfg";
}

icon-cloud
icon-at
icon-plus
icon-minus
icon-arrow_up
icon-arrow_down
icon-arrow_right
icon-arrow_left
icon-chevron_down
icon-chevron_up
icon-chevron_right
icon-chevron_left
icon-reorder
icon-list
icon-reorder_square
icon-reorder_square_line
icon-coverflow
icon-coverflow_line
icon-pause
icon-stop
icon-play
icon-step_forward
icon-step_backward
icon-cloud_upload
icon-cloud_download
icon-data_science
icon-data_science_black
icon-globe
icon-globe_black
icon-math_ico
icon-math
icon-math_black
icon-paperplane_ico
icon-paperplane
icon-paperplane_black
icon-star
icon-star_half
icon-star_empty
icon-star_half_empty
icon-reload
icon-heart
icon-heart_broken
icon-hashtag
icon-reply
icon-retweet
icon-signin
icon-signout
icon-download
icon-upload
icon-placepin
icon-display_screen
icon-tablet
icon-smartphone
icon-connected_object
icon-lock
icon-unlock
icon-camera
icon-isight
icon-video_camera
icon-random
icon-message
icon-discussion
icon-calendar
icon-ringbell
icon-movie
icon-mail
icon-pen
icon-settings
icon-measure
icon-vector
icon-vector_pen
icon-mute_on
icon-mute_off
icon-home
icon-sheet
icon-arrow_big_right
icon-arrow_big_left
icon-arrow_big_down
icon-arrow_big_up
icon-dribbble_circle
icon-dribbble
icon-facebook
icon-facebook_circle
icon-git_circle_alt
icon-git_circle
icon-git
icon-octopus
icon-twitter_circle
icon-twitter
icon-google_plus_circle
icon-google_plus
icon-linked_in_circle
icon-linked_in
icon-instagram
icon-instagram_circle
icon-xing
icon-xing_circle
icon-mfg_icon
icon-mfg_icon_circle
icon-user
icon-user_male
icon-user_female
icon-users
icon-file_open
icon-file_close
icon-file_alt
icon-file_close_alt
icon-attachment
icon-check
icon-check_circle
icon-cross_mark
icon-cancel_circle
icon-magnifying
icon-inbox
icon-clock
icon-stopwatch
icon-hourglass
icon-trophy
icon-unlock_alt
icon-lock_alt
icon-arrow_doubled_right
icon-arrow_doubled_left
icon-arrow_doubled_down
icon-arrow_doubled_up
icon-link
icon-warning
icon-warning_alt
icon-magnifying_plus
icon-magnifying_minus
icon-white_question
icon-black_question
icon-share
icon-eye
icon-trash_can
icon-hard_drive
icon-information_black
icon-information_white
icon-printer
icon-letter
icon-soundcloud
icon-soundcloud_circle
icon-anchor
icon-female_sign
icon-male_sign
icon-joystick
icon-high_voltage
icon-fire
icon-newspaper
icon-chart
icon-chart_alt
icon-spread
icon-spinner_1
icon-spinner_2
icon-label
icon-brush
icon-refresh
icon-node
icon-node_2
icon-node_3
icon-link_2_nodes
icon-link_3_nodes
icon-link_loop_nodes
icon-node_size
icon-node_color
icon-layout_directed
icon-layout_hierarchical
icon-layout_radial
icon-node_link_direction
icon-node_link_short_path
icon-node_cluster
icon-display_graph
icon-node_link_weight
icon-more_node_links
icon-node_shape
icon-node_icon
icon-node_text
icon-node_link_text
icon-node_link_color
icon-node_link_shape
icon-credit_card
icon-disconnect
icon-graph
icon-new_user