/numberFire-IconFont

All icons for numberfire.com's redesign. Refer to Demo

Primary LanguageCSS

numberFire-IconFont-007

7/28/2017 - All icons for numberfire.com's redesign.

Refer to demo.

Usage

HTML

<span class="nf-icon icon-*"></span>

Basic Styling

.nf-icon {
  font-family: 'numberfire-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #454545;
  line-height: 1;
  top: 2px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Icons

Brand

.icon-numberfire-nf,
.icon-fd

Sports

.icon-nfl,
.icon-nba,
.icon-mlb,
.icon-nhl,
.icon-soccer,
.icon-golf,
.icon-ncaaf,
.icon-ncaab

UI Elements

.icon-search,
.icon-add,
.icon-arrow-big-down,
.icon-arrow-big-left,
.icon-arrow-big-right,
.icon-arrow-big-up,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-caret-down,
.icon-caret-left,
.icon-caret-right,
.icon-caret-up,
.icon-checkmark-c-o,
.icon-checkmark-c,
.icon-checkmark,
.icon-close,
.icon-external-link,
.icon-share,
.icon-create,
.icon-edit,
.icon-gear,
.icon-gears,
.icon-help,
.icon-minus,
.icon-low,
.icon-high,
.icon-more,
.icon-user,
.icon-user-o:,
.icon-swap,
.icon-single-view,
.icon-feed-view,
.icon-search,
.icon-freeform,
.icon-notification,
.icon-player-news,
.icon-player-news-new,
.icon-premium-o,
.icon-premium,
.icon-projections,
.icon-reply,
.icon-star-full,
.icon-star-half,
.icon-star-o,
.icon-todays-numbers,
.icon-error,
.icon-stadium

DFS

.icon-dfs-settings,
.icon-dome,
.icon-locked,
.icon-exclude,
.icon-mlb-field,
.icon-wind,
.icon-lineup

Scoreboard

.icon-possession

nF Live

.icon-madness

Social

.icon-facebook,
.icon-google,
.icon-yahoo,
.icon-twitter,
.icon-instagram

Trophies

.icon-trophy-dfs,
.icon-trophy-nba,
.icon-trophy-nfl,
.icon-trophy-nhl

Payment

.icon-cc-american,
.icon-cc-master,
.icon-cc-visa