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
 
Delete
fi-rr-delete
 
Delete
fi-sc-delete
 
Delete
fi-sr-delete
 
Delete
fi-tc-delete
 
Delete
fi-tr-delete
 
Delete Document
fi-br-delete-document
 
Delete Document
fi-rr-delete-document
 
Delete Document
fi-sr-delete-document
 
Delete Document
fi-tr-delete-document
 
Delete Right
fi-br-delete-right
 
Delete Right
fi-rc-delete-right
 
Delete Right
fi-rr-delete-right
 
Delete Right
fi-sc-delete-right
 
Delete Right
fi-sr-delete-right
 
Delete Right
fi-tc-delete-right
 
Delete Right
fi-tr-delete-right
 
Delete User
fi-br-delete-user
 
Delete User
fi-rc-delete-user
 
Delete User
fi-rr-delete-user
 
Delete User
fi-sc-delete-user
 
Delete User
fi-sr-delete-user
 
Delete User
fi-tc-delete-user
 
Delete User
fi-tr-delete-user
 
Delivery Man
fi-br-delivery-man
 
Delivery Man
fi-rr-delivery-man
 
Delivery Man
fi-sr-delivery-man
 
Delivery Man
fi-tr-delivery-man
 
Delphi
fi-brands-delphi
 
Democrat
fi-br-democrat
 
Democrat
fi-rr-democrat
 
Democrat
fi-sr-democrat
 
Democrat
fi-tr-democrat
 
Demographic
fi-br-demographic
 
Demographic
fi-rr-demographic
 
Demographic
fi-sr-demographic
 
Demographic
fi-tr-demographic
 
Department
fi-br-department
 
Department
fi-rc-department
 
Department
fi-rr-department
 
Department
fi-sc-department
 
Department
fi-sr-department
 
Department
fi-tc-department
 
Department
fi-tr-department
 
Department Structure
fi-br-department-structure
 
Department Structure
fi-rc-department-structure
 
Department Structure
fi-rr-department-structure
 
Department Structure
fi-sc-department-structure
 
Department Structure
fi-sr-department-structure
 
Department Structure
fi-tc-department-structure
 
Department Structure
fi-tr-department-structure
 
Deposit
fi-br-deposit
 
Deposit
fi-rc-deposit
 
Deposit
fi-rr-deposit
 
Deposit
fi-sc-deposit
 
Deposit
fi-sr-deposit
 
Deposit
fi-tc-deposit
 
Deposit
fi-tr-deposit
 
Deposit Alt
fi-br-deposit-alt
 
Deposit Alt
fi-rc-deposit-alt
 
Deposit Alt
fi-rr-deposit-alt
 
Deposit Alt
fi-sc-deposit-alt
 
Deposit Alt
fi-sr-deposit-alt
 
Deposit Alt
fi-tc-deposit-alt
 
Deposit Alt
fi-tr-deposit-alt
 
Description
fi-br-description
 
Description
fi-rc-description
 
Description
fi-rr-description
 
Description
fi-sc-description
 
Description
fi-sr-description
 
Description
fi-tc-description
 
Description
fi-tr-description
 
Description Alt
fi-br-description-alt
 
Description Alt
fi-rc-description-alt
 
Description Alt
fi-rr-description-alt
 
Description Alt
fi-sc-description-alt
 
Description Alt
fi-sr-description-alt
 
Description Alt
fi-tc-description-alt
 
Description Alt
fi-tr-description-alt
 
Desk
fi-br-desk
 
Desk
fi-rr-desk
 
Desk
fi-sr-desk
 
Desk
fi-tr-desk
 
Desktop Arrow Down
fi-br-desktop-arrow-down
 
Desktop Arrow Down
fi-rc-desktop-arrow-down
 
Desktop Arrow Down
fi-rr-desktop-arrow-down
 
Desktop Arrow Down
fi-sc-desktop-arrow-down
 
Desktop Arrow Down
fi-sr-desktop-arrow-down
 
Desktop Arrow Down
fi-tc-desktop-arrow-down
 
Desktop Arrow Down
fi-tr-desktop-arrow-down
 
Desktop Wallpaper
fi-br-desktop-wallpaper
 
Desktop Wallpaper
fi-rr-desktop-wallpaper
 
Desktop Wallpaper
fi-sr-desktop-wallpaper
 
Desktop Wallpaper
fi-tr-desktop-wallpaper
 
Detergent
fi-br-detergent
 
Detergent
fi-rr-detergent
 
Detergent
fi-sr-detergent
 
Detergent
fi-tr-detergent
 
Dev
fi-brands-dev
 
Devianart
fi-brands-devianart
 
Devices
fi-br-devices
 
Devices
fi-rr-devices
 
Devices
fi-sr-devices
 
Devices
fi-tr-devices
 
Dewpoint
fi-br-dewpoint
 
Dewpoint
fi-rc-dewpoint
 
Dewpoint
fi-rr-dewpoint
 
Dewpoint
fi-sc-dewpoint
 
Dewpoint
fi-sr-dewpoint
 
Dewpoint
fi-tc-dewpoint
 
Dewpoint
fi-tr-dewpoint
 
Dharmachakra
fi-br-dharmachakra
 
Dharmachakra
fi-rc-dharmachakra
 
Dharmachakra
fi-rr-dharmachakra
 
Dharmachakra
fi-sc-dharmachakra
 
Dharmachakra
fi-sr-dharmachakra
 
Dharmachakra
fi-tc-dharmachakra
 
Dharmachakra
fi-tr-dharmachakra
 
Diagram Cells
fi-br-diagram-cells
 
Diagram Cells
fi-rc-diagram-cells
 
Diagram Cells
fi-rr-diagram-cells
 
Diagram Cells
fi-sc-diagram-cells
 
Diagram Cells
fi-sr-diagram-cells
 
Diagram Cells
fi-tc-diagram-cells
 
Diagram Cells
fi-tr-diagram-cells
 
Diagram Lean Canvas
fi-br-diagram-lean-canvas
 
Diagram Lean Canvas
fi-rc-diagram-lean-canvas
 
Diagram Lean Canvas
fi-rr-diagram-lean-canvas
 
Diagram Lean Canvas
fi-sc-diagram-lean-canvas
 
Diagram Lean Canvas
fi-sr-diagram-lean-canvas
 
Diagram Lean Canvas
fi-tc-diagram-lean-canvas
 
Diagram Lean Canvas
fi-tr-diagram-lean-canvas
 
Diagram Nested
fi-br-diagram-nested
 
Diagram Nested
fi-rc-diagram-nested
 
Diagram Nested
fi-rr-diagram-nested
 
Diagram Nested
fi-sc-diagram-nested
 
Diagram Nested
fi-sr-diagram-nested
 
Diagram Nested
fi-tc-diagram-nested
 
Diagram Nested
fi-tr-diagram-nested
 
Diagram Next
fi-br-diagram-next
 
Diagram Next
fi-rc-diagram-next
 
Diagram Next
fi-rr-diagram-next
 
Diagram Next
fi-sc-diagram-next
 
Diagram Next
fi-sr-diagram-next
 
Diagram Next
fi-tc-diagram-next
 
Diagram Next
fi-tr-diagram-next
 
Diagram Predecessor
fi-br-diagram-predecessor
 
Diagram Predecessor
fi-rc-diagram-predecessor
 
Diagram Predecessor
fi-rr-diagram-predecessor
 
Diagram Predecessor
fi-sc-diagram-predecessor
 
Diagram Predecessor
fi-sr-diagram-predecessor
 
Diagram Predecessor
fi-tc-diagram-predecessor
 
Diagram Predecessor
fi-tr-diagram-predecessor
 
Diagram Previous
fi-br-diagram-previous
 
Diagram Previous
fi-rc-diagram-previous
 
Diagram Previous
fi-rr-diagram-previous
 
Diagram Previous
fi-sc-diagram-previous
 
Diagram Previous
fi-sr-diagram-previous
 
Diagram Previous
fi-tc-diagram-previous
 
Diagram Previous
fi-tr-diagram-previous
 
Diagram Project
fi-br-diagram-project
 
Diagram Project
fi-rc-diagram-project
 
Diagram Project
fi-rr-diagram-project
 
Diagram Project
fi-sc-diagram-project
 
Diagram Project
fi-sr-diagram-project
 
Diagram Project
fi-tc-diagram-project
 
Diagram Project
fi-tr-diagram-project
 
Diagram Sankey
fi-br-diagram-sankey
 
Diagram Sankey
fi-rc-diagram-sankey
 
Diagram Sankey
fi-rr-diagram-sankey
 
Diagram Sankey
fi-sc-diagram-sankey
 
Diagram Sankey
fi-sr-diagram-sankey
 
Diagram Sankey
fi-tc-diagram-sankey
 
Diagram Sankey
fi-tr-diagram-sankey
 
Diagram Subtask
fi-br-diagram-subtask
 
Diagram Subtask
fi-rc-diagram-subtask
 
Diagram Subtask
fi-rr-diagram-subtask
 
Diagram Subtask
fi-sc-diagram-subtask
 
Diagram Subtask
fi-sr-diagram-subtask
 
Diagram Subtask
fi-tc-diagram-subtask
 
Diagram Subtask
fi-tr-diagram-subtask
 
Diagram Successor
fi-br-diagram-successor
 
Diagram Successor
fi-rc-diagram-successor
 
Diagram Successor
fi-rr-diagram-successor
 
Diagram Successor
fi-sc-diagram-successor
 
Diagram Successor
fi-sr-diagram-successor
 
Diagram Successor
fi-tc-diagram-successor
 
Diagram Successor
fi-tr-diagram-successor
 
Diagram Venn
fi-br-diagram-venn
 
Diagram Venn
fi-rc-diagram-venn
 
Diagram Venn
fi-rr-diagram-venn
 
Diagram Venn
fi-sc-diagram-venn
 
Diagram Venn
fi-sr-diagram-venn
 
Diagram Venn
fi-tc-diagram-venn
 
Diagram Venn
fi-tr-diagram-venn
 
Dial
fi-br-dial
 
Dial
fi-rr-dial
 
Dial
fi-sr-dial
 
Dial
fi-tr-dial
 
Dial High
fi-br-dial-high
 
Dial High
fi-rr-dial-high
 
Dial High
fi-sr-dial-high
 
Dial High
fi-tr-dial-high
 
Dial Low
fi-br-dial-low
 
Dial Low
fi-rr-dial-low
 
Dial Low
fi-sr-dial-low
 
Dial Low
fi-tr-dial-low
 
Dial Max
fi-br-dial-max
 
Dial Max
fi-rr-dial-max
 
Dial Max
fi-sr-dial-max
 
Dial Max
fi-tr-dial-max
 
Dial Med
fi-br-dial-med
 
Dial Med
fi-rr-dial-med
 
Dial Med
fi-sr-dial-med
 
Dial Med
fi-tr-dial-med
 
Dial Med Low
fi-br-dial-med-low
 
Dial Med Low
fi-rr-dial-med-low
 
Dial Med Low
fi-sr-dial-med-low
 
Dial Med Low
fi-tr-dial-med-low
 
Dial Min
fi-br-dial-min
 
Dial Min
fi-rr-dial-min
 
Dial Min
fi-sr-dial-min
 
Dial Min
fi-tr-dial-min
 
Dial Off
fi-br-dial-off
 
Dial Off
fi-rr-dial-off
 
Dial Off
fi-sr-dial-off
 
Dial Off
fi-tr-dial-off
 
Dialogue Exchange
fi-br-dialogue-exchange
 
Dialogue Exchange
fi-rr-dialogue-exchange
 
Dialogue Exchange
fi-sr-dialogue-exchange
 
Dialogue Exchange
fi-tr-dialogue-exchange
 
Diamond
fi-br-diamond
 
Diamond
fi-rc-diamond
 
Diamond
fi-rr-diamond
 
Diamond
fi-sc-diamond
 
Diamond
fi-sr-diamond
 
Diamond
fi-tc-diamond
 
Diamond
fi-tr-diamond
 
Diamond Exclamation
fi-br-diamond-exclamation
 
Diamond Exclamation
fi-rc-diamond-exclamation
 
Diamond Exclamation
fi-rr-diamond-exclamation
 
Diamond Exclamation
fi-sc-diamond-exclamation
 
Diamond Exclamation
fi-sr-diamond-exclamation
 
Diamond Exclamation
fi-tc-diamond-exclamation
 
Diamond Exclamation
fi-tr-diamond-exclamation
 
Diamond Turn Right
fi-br-diamond-turn-right
 
Diamond Turn Right
fi-rc-diamond-turn-right
 
Diamond Turn Right
fi-rr-diamond-turn-right
 
Diamond Turn Right
fi-sc-diamond-turn-right
 
Diamond Turn Right
fi-sr-diamond-turn-right
 
Diamond Turn Right
fi-tc-diamond-turn-right