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-link
.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;
}