Getting Started

The icons in this pack are pre-loaded onto the site and can be called in HTML by one of the following 2 methods:

 <i class="fi fi-sr-camera">
<span class="fi fi-sr-camera">

The icons are called by adding the class fi (name of the icon packs) and then the specific icon code. 

Below is a brief breakdown of the class formatting for each icon pack. The Brand Name, Pack Style, and Icon Name are joined by dashes after the initial brand name:

Pack Name & FormatBrand NamePack StyleIcon Name
Solid / Roundedfisricon-name
Thin / Roundedfitricon-name
Regular / Roundedfirricon-name
Bold / Roundedfibricon-name
Brandsfibrandicon-name
Solid / Chubbyfiscicon-name
Thin / Chubbyfitcicon-name
Regular / Chubbyfircicon-name
 
Cross
fi-rr-cross
 
Cross
fi-sr-cross
 
Cross Circle
fi-rr-cross-circle
 
Cross Circle
fi-sr-cross-circle
 
Cross Religion
fi-rr-cross-religion
 
Cross Religion
fi-sr-cross-religion
 
Cross Small
fi-rr-cross-small
 
Cross Small
fi-sr-cross-small
 
Crossed Hands Reject
fi-rr-crossed-hands-reject
 
Crossed Hands Reject
fi-sr-crossed-hands-reject
 
Crow
fi-rr-crow
 
Crow
fi-sr-crow
 
Crown
fi-rr-crown
 
Crown
fi-sr-crown
 
Crutch
fi-rr-crutch
 
Crutch
fi-sr-crutch
 
Crutches
fi-rr-crutches
 
Crutches
fi-sr-crutches
 
Cruzeiro Sign
fi-rr-cruzeiro-sign
 
Cruzeiro Sign
fi-sr-cruzeiro-sign
 
Crypto Calendar
fi-rr-crypto-calendar
 
Crypto Calendar
fi-sr-crypto-calendar
 
Cryptocurrency
fi-rr-cryptocurrency
 
Cryptocurrency
fi-sr-cryptocurrency
 
Crystal Ball
fi-rr-crystal-ball
 
Crystal Ball
fi-sr-crystal-ball
 
Css3
fi-brands-css3
 
Css3 Alt
fi-brands-css3-alt
 
Cube
fi-rr-cube
 
Cube
fi-sr-cube
 
Cubes
fi-rr-cubes
 
Cubes
fi-sr-cubes
 
Cubes Stacked
fi-rr-cubes-stacked
 
Cubes Stacked
fi-sr-cubes-stacked
 
Cucumber
fi-rr-cucumber
 
Cucumber
fi-sr-cucumber
 
Cumin
fi-rr-cumin
 
Cumin
fi-sr-cumin
 
Cup Straw
fi-rr-cup-straw
 
Cup Straw
fi-sr-cup-straw
 
Cup Straw Swoosh
fi-rr-cup-straw-swoosh
 
Cup Straw Swoosh
fi-sr-cup-straw-swoosh
 
Cup Togo
fi-rr-cup-togo
 
Cup Togo
fi-sr-cup-togo
 
Cupcake
fi-rr-cupcake
 
Cupcake
fi-sr-cupcake
 
Cupcake Alt
fi-rr-cupcake-alt
 
Cupcake Alt
fi-sr-cupcake-alt
 
Curling
fi-rr-curling
 
Curling
fi-sr-curling
 
Curling Iron
fi-rr-curling-iron
 
Curling Iron
fi-sr-curling-iron
 
Currency
fi-rr-currency
 
Currency
fi-sr-currency
 
Cursor
fi-rr-cursor
 
Cursor
fi-sr-cursor
 
Cursor Finger
fi-rr-cursor-finger
 
Cursor Finger
fi-sr-cursor-finger
 
Cursor Finger Click
fi-rr-cursor-finger-click
 
Cursor Finger Click
fi-sr-cursor-finger-click
 
Cursor Plus
fi-rr-cursor-plus
 
Cursor Plus
fi-sr-cursor-plus
 
Cursor Text
fi-rr-cursor-text
 
Cursor Text
fi-sr-cursor-text
 
Cursor Text Alt
fi-rr-cursor-text-alt
 
Cursor Text Alt
fi-sr-cursor-text-alt
 
Curve
fi-rr-curve
 
Curve
fi-sr-curve
 
Curve Alt
fi-rr-curve-alt
 
Curve Alt
fi-sr-curve-alt
 
Curve Arrow
fi-rr-curve-arrow
 
Curve Arrow
fi-sr-curve-arrow
 
Custard
fi-rr-custard
 
Custard
fi-sr-custard
 
Customer Care
fi-rr-customer-care
 
Customer Care
fi-sr-customer-care
 
Customer Service
fi-rr-customer-service
 
Customer Service
fi-sr-customer-service
 
Customization
fi-rr-customization
 
Customization
fi-sr-customization
 
Customization Cogwheel
fi-rr-customization-cogwheel
 
Customization Cogwheel
fi-sr-customization-cogwheel
 
Customize
fi-rr-customize
 
Customize
fi-sr-customize
 
Customize Computer
fi-rr-customize-computer
 
Customize Computer
fi-sr-customize-computer
 
Customize Edit
fi-rr-customize-edit
 
Customize Edit
fi-sr-customize-edit
 
Cv
fi-rr-CV
 
CV
fi-sr-CV
 
Cvv Card
fi-rr-cvv-card
 
Cvv Card
fi-sr-cvv-card
 
Cyborg
fi-rr-cyborg
 
Cyborg
fi-sr-cyborg
 
Cycling
fi-rr-cycling
 
Cycling
fi-sr-cycling
 
Cystitis
fi-rr-cystitis
 
Cystitis
fi-sr-cystitis
 
D
fi-rr-d
 
D
fi-sr-d
 
Dagger
fi-rr-dagger
 
Dagger
fi-sr-dagger
 
Daily Calendar
fi-rr-daily-calendar
 
Daily Calendar
fi-sr-daily-calendar
 
Dailymotion
fi-brands-dailymotion
 
Daisy
fi-rr-daisy
 
Daisy
fi-sr-daisy
 
Daisy Alt
fi-rr-daisy-alt
 
Daisy Alt
fi-sr-daisy-alt
 
Damage
fi-rr-damage
 
Damage
fi-sr-damage
 
Dark Mode
fi-rr-dark-mode
 
Dark Mode
fi-sr-dark-mode
 
Dark Mode Alt
fi-rr-dark-mode-alt
 
Dark Mode Alt
fi-sr-dark-mode-alt
 
Dart
fi-rr-dart
 
Dart
fi-sr-dart
 
Dashboard
fi-rr-dashboard
 
Dashboard
fi-sr-dashboard
 
Dashboard Monitor
fi-rr-dashboard-monitor
 
Dashboard Monitor
fi-sr-dashboard-monitor
 
Dashboard Panel
fi-rr-dashboard-panel
 
Dashboard Panel
fi-sr-dashboard-panel
 
Data Backup
fi-rr-data-backup
 
Data Backup
fi-sr-data-backup
 
Data Cleaning
fi-rr-data-cleaning
 
Data Cleaning
fi-sr-data-cleaning
 
Data Encryption
fi-rr-data-encryption
 
Data Encryption
fi-sr-data-encryption
 
Data Migration
fi-rr-data-migration
 
Data Migration
fi-sr-data-migration
 
Data Mining
fi-rr-data-mining
 
Data Mining
fi-sr-data-mining
 
Data Model
fi-rr-data-model
 
Data Model
fi-sr-data-model
 
Data Processing
fi-rr-data-processing
 
Data Processing
fi-sr-data-processing
 
Data Transfer
fi-rr-data-transfer
 
Data Transfer
fi-sr-data-transfer
 
Database
fi-rr-database
 
Database
fi-sr-database
 
Database Cleaning
fi-rr-database-cleaning
 
Database Cleaning
fi-sr-database-cleaning
 
Database Management
fi-rr-database-management
 
Database Management
fi-sr-database-management
 
Deadline
fi-rr-deadline
 
Deadline
fi-sr-deadline
 
Deafness
fi-rr-deafness
 
Deafness
fi-sr-deafness
 
Debt
fi-rr-debt
 
December Calendar
fi-rr-december-calendar
 
December Calendar
fi-sr-december-calendar
 
Decision Choice
fi-rr-decision-choice
 
Decision Choice
fi-sr-decision-choice
 
Decision Tree
fi-rr-decision-tree
 
Decision Tree
fi-sr-decision-tree
 
Deep Learning
fi-rr-deep-learning
 
Deep Learning
fi-sr-deep-learning
 
Deer
fi-rr-deer
 
Deer
fi-sr-deer
 
Deer Rudolph
fi-rr-deer-rudolph
 
Deer Rudolph
fi-sr-deer-rudolph
 
Deezer
fi-brands-deezer
 
Degree Credential
fi-rr-degree-credential
 
Degree Credential
fi-sr-degree-credential
 
Delete
fi-rr-delete
 
Delete
fi-sr-delete
 
Delete Document
fi-rr-delete-document
 
Delete Document
fi-sr-delete-document
 
Delete Right
fi-rr-delete-right
 
Delete Right
fi-sr-delete-right
 
Delete User
fi-rr-delete-user
 
Delete User
fi-sr-delete-user
 
Delivery Man
fi-rr-delivery-man
 
Delivery Man
fi-sr-delivery-man
 
Delphi
fi-brands-delphi
 
Democrat
fi-rr-democrat
 
Democrat
fi-sr-democrat
 
Demographic
fi-rr-demographic
 
Demographic
fi-sr-demographic
 
Department
fi-rr-department
 
Department
fi-sr-department
 
Department Structure
fi-rr-department-structure
 
Department Structure
fi-sr-department-structure
 
Deposit
fi-rr-deposit
 
Deposit
fi-sr-deposit
 
Deposit Alt
fi-rr-deposit-alt
 
Deposit Alt
fi-sr-deposit-alt
 
Description
fi-rr-description
 
Description
fi-sr-description
 
Description Alt
fi-rr-description-alt
 
Description Alt
fi-sr-description-alt
 
Desk
fi-rr-desk
 
Desk
fi-sr-desk
 
Desktop Arrow Down
fi-rr-desktop-arrow-down
 
Desktop Arrow Down
fi-sr-desktop-arrow-down
 
Desktop Wallpaper
fi-rr-desktop-wallpaper
 
Desktop Wallpaper
fi-sr-desktop-wallpaper
 
Detergent
fi-rr-detergent
 
Detergent
fi-sr-detergent
 
Dev
fi-brands-dev
 
Devianart
fi-brands-devianart
 
Devices
fi-rr-devices
 
Devices
fi-sr-devices
 
Dewpoint
fi-rr-dewpoint
 
Dewpoint
fi-sr-dewpoint
 
Dharmachakra
fi-rr-dharmachakra
 
Dharmachakra
fi-sr-dharmachakra
 
Diagram Cells
fi-rr-diagram-cells
 
Diagram Cells
fi-sr-diagram-cells
 
Diagram Lean Canvas
fi-rr-diagram-lean-canvas
 
Diagram Lean Canvas
fi-sr-diagram-lean-canvas
 
Diagram Nested
fi-rr-diagram-nested
 
Diagram Nested
fi-sr-diagram-nested
 
Diagram Next
fi-rr-diagram-next
 
Diagram Next
fi-sr-diagram-next
 
Diagram Predecessor
fi-rr-diagram-predecessor
 
Diagram Predecessor
fi-sr-diagram-predecessor
 
Diagram Previous
fi-rr-diagram-previous
 
Diagram Previous
fi-sr-diagram-previous
 
Diagram Project
fi-rr-diagram-project
 
Diagram Project
fi-sr-diagram-project
 
Diagram Sankey
fi-rr-diagram-sankey
 
Diagram Sankey
fi-sr-diagram-sankey
 
Diagram Subtask
fi-rr-diagram-subtask
 
Diagram Subtask
fi-sr-diagram-subtask
 
Diagram Successor
fi-rr-diagram-successor
 
Diagram Successor
fi-sr-diagram-successor
 
Diagram Venn
fi-rr-diagram-venn
 
Diagram Venn
fi-sr-diagram-venn
 
Dial
fi-rr-dial
 
Dial
fi-sr-dial
 
Dial High
fi-rr-dial-high
 
Dial High
fi-sr-dial-high
 
Dial Low
fi-rr-dial-low
 
Dial Low
fi-sr-dial-low
 
Dial Max
fi-rr-dial-max
 
Dial Max
fi-sr-dial-max
 
Dial Med
fi-rr-dial-med
 
Dial Med
fi-sr-dial-med
 
Dial Med Low
fi-rr-dial-med-low
 
Dial Med Low
fi-sr-dial-med-low
 
Dial Min
fi-rr-dial-min
 
Dial Min
fi-sr-dial-min
 
Dial Off
fi-rr-dial-off
 
Dial Off
fi-sr-dial-off
 
Dialogue Exchange
fi-rr-dialogue-exchange
 
Dialogue Exchange
fi-sr-dialogue-exchange
 
Diamond
fi-rr-diamond
 
Diamond
fi-sr-diamond