Iconografía

Usamos iconos de https://icomoon.io solo agrega la clase del icono por ejemplo icon-search al elemento que lo necesite y listo.

.icon-bell

.icon-cloud_A

.icon-cloud

.icon-cog

.icon-user_B

.icon-search

.icon-pin

.icon-platzi

.icon-eye

.icon-at

.icon-expand

.icon-retract

.icon-arrow-down_A

.icon-arrow-up-right_A

.icon-github

.icon-star

.icon-close

.icon-close_A

.icon-exit

.icon-check

.icon-fcbk

.icon-twt

.icon-discussions

.icon-files

.icon-notebook

.icon-snowflake

.icon-gift_A

.icon-heart

.icon-users

.icon-crown_A

.icon-tree

.icon-user

.icon-check_A

.icon-poster

.icon-workshop

.icon-reply

.icon-smile

.icon-goole-plus_A

.icon-lnkdn

.icon-skype_A

.icon-fcbk-square

.icon-email

.icon-plus

.icon-micro

.icon-alert

.icon-card

.icon-chart

.icon-bill

.icon-calendar

.icon-money

.icon-lock

.icon-cart

.icon-twt_A

.icon-skype

.icon-gift

.icon-fcbk_A

.icon-phone_A

.icon-phone

.icon-googleplus

.icon-ytb

.icon-enie

.icon-arrow_bottom

.icon-brain

.icon-video

.icon-crown

.icon-diploma

.icon-line_chat

.icon-clock_A

.icon-gear

.icon-pencil

.icon-play_A

.icon-mooon

.icon-mic

.icon-sun

.icon-clock

.icon-arrow-right

.icon-marker

.icon-play

.icon-minus_A

.icon-plus_A

.icon-cross

.icon-warning

.icon-arrow-down

.icon-arrow-up

.icon-house

.icon-arrow-left_A

.icon-arrow-right_A

.icon-menu

.icon-user_A

@font-face {
  font-family: icon_font;
  src: url("../../../v2/fonts/icons/icons.eot");
  src: url("../../../v2/fonts/icons/icons.eot?#iefi9dtney") format('embedded-opentype'), url("../../../v2/fonts/icons/icons.woff") format('woff'), url("../../../v2/fonts/icons/icons.ttf") format('truetype'), url("../../../v2/fonts/icons/icons.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}
.fonts,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: icon_font;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}
[class^="icon-"],
[class*=" icon-"] {
  line-height: 100%;
}
.icon-clock_B:before {
  content: "\e666";
}
.icon-creditcard:before {
  content: "\e663";
}
.icon-calendar_B:before {
  content: "\e666";
}
.icon-certificate:before {
  content: "\e668";
}
.icon-dolar:before {
  content: "\e669";
}
.icon-pointer:before {
  content: "\e66a";
}
.icon-pause:before {
  content: "\e664";
}
.icon-arrows:before {
  content: "\e661";
}
.icon-chart_B:before {
  content: "\e662";
}
.icon-cap:before {
  content: "\e65e";
}
.icon-envivo:before {
  content: "\e665";
}
.icon-streaming:before {
  content: "\e667";
}
.icon-check_B:before {
  content: "\e007";
}
.icon-doc_A:before {
  content: "\e653";
}
.icon-notebook_A:before {
  content: "\e65f";
}
.icon-suitecase:before {
  content: "\e659";
}
.icon-doc:before {
  content: "\e660";
}
.icon-bell:before {
  content: "\e655";
}
.icon-cloud_A:before {
  content: "\e657";
}
.icon-cloud:before {
  content: "\e658";
}
.icon-cog:before {
  content: "\e656";
}
.icon-user_B:before {
  content: "\e653";
}
.icon-search:before {
  content: "\e650";
}
.icon-pin:before {
  content: "\e652";
}
.icon-platzi:before {
  content: "\e651";
}
.icon-eye:before {
  content: "\e64f";
}
.icon-at:before {
  content: "\e64e";
}
.icon-expand:before {
  content: "\e64b";
}
.icon-retract:before {
  content: "\e64c";
}
.icon-arrow-down_A:before {
  content: "\e647";
}
.icon-arrow-up-right_A:before {
  content: "\ea3b";
}
.icon-github:before {
  content: "\eab1";
}
.icon-star:before {
  content: "\e62f";
}
.icon-close:before {
  content: "\e624";
}
.icon-close_A:before {
  content: "\e630";
}
.icon-exit:before {
  content: "\e631";
}
.icon-check:before {
  content: "\e62e";
}
.icon-fcbk:before {
  content: "\e600";
}
.icon-twt:before {
  content: "\e601";
}
.icon-discussions:before {
  content: "\e645";
}
.icon-files:before {
  content: "\e646";
}
.icon-notebook:before {
  content: "\e63d";
}
.icon-snowflake:before {
  content: "\e63c";
}
.icon-gift_A:before {
  content: "\e639";
}
.icon-heart:before {
  content: "\e63a";
}
.icon-users:before {
  content: "\e63b";
}
.icon-crown_A:before {
  content: "\e633";
}
.icon-tree:before {
  content: "\e634";
}
.icon-user:before {
  content: "\e635";
}
.icon-check_A:before {
  content: "\e636";
}
.icon-poster:before {
  content: "\e637";
}
.icon-workshop:before {
  content: "\e638";
}
.icon-reply:before {
  content: "\e632";
}
.icon-smile:before {
  content: "\e62d";
}
.icon-google-plus_A:before {
  content: "\e627";
}
.icon-lnkdn:before {
  content: "\e628";
}
.icon-skype_A:before {
  content: "\e629";
}
.icon-fcbk-square:before {
  content: "\e62a";
}
.icon-email:before {
  content: "\e62b";
}
.icon-plus:before {
  content: "\e62c";
}
.icon-micro:before {
  content: "\e626";
}
.icon-alert:before {
  content: "\e625";
}
.icon-card:before {
  content: "\e621";
}
.icon-chart:before {
  content: "\e622";
}
.icon-bill:before {
  content: "\e623";
}
.icon-calendar:before {
  content: "\e620";
}
.icon-money:before {
  content: "\e61d";
}
.icon-lock:before {
  content: "\e61e";
}
.icon-cart:before {
  content: "\e61f";
}
.icon-twt_A:before {
  content: "\e61c";
}
.icon-skype:before {
  content: "\e606";
}
.icon-gift:before {
  content: "\e60f";
}
.icon-fcbk_A:before {
  content: "\e603";
}
.icon-phone_A:before {
  content: "\e604";
}
.icon-phone:before {
  content: "\e605";
}
.icon-googleplus:before {
  content: "\e607";
}
.icon-ytb:before {
  content: "\e608";
}
.icon-enie:before {
  content: "\e609";
}
.icon-arrow_bottom:before {
  content: "\e60a";
}
.icon-brain:before {
  content: "\e60b";
}
.icon-video:before {
  content: "\e60c";
}
.icon-crown:before {
  content: "\e60d";
}
.icon-diploma:before {
  content: "\e60e";
}
.icon-line_chart:before {
  content: "\e610";
}
.icon-clock_A:before {
  content: "\e611";
}
.icon-gear:before {
  content: "\e612";
}
.icon-pencil:before {
  content: "\e613";
}
.icon-play_A:before {
  content: "\e614";
}
.icon-moon:before {
  content: "\e615";
}
.icon-mic:before {
  content: "\e616";
}
.icon-sun:before {
  content: "\e617";
}
.icon-clock:before {
  content: "\e618";
}
.icon-arrow-right:before {
  content: "\e619";
}
.icon-marker:before {
  content: "\e61a";
}
.icon-play:before {
  content: "\e61b";
}
.icon-minus_A:before {
  content: "\e648";
}
.icon-plus_A:before {
  content: "\e649";
}
.icon-cross:before {
  content: "\e64a";
}
.icon-warning:before {
  content: "\e63e";
}
.icon-arrow-down:before {
  content: "\e63f";
}
.icon-arrow-up:before {
  content: "\e640";
}
.icon-house:before {
  content: "\e641";
}
.icon-link:before {
  content: "\e642";
}
.icon-arrow-left_A:before {
  content: "\e643";
}
.icon-arrow-right_A:before {
  content: "\e644";
}
.icon-menu:before {
  content: "\e602";
}
.icon-user_A:before {
  content: "\e64d";
}
body {
  margin: 0;
}