Icons

This section covers icons and associated classes for use.

Icon sizes

Four size for icons

Extra small icon 40px
<i class="icon-xs"/>
Small icon 60px
<i class="icon-sm"/>
Medium icon 80px
<i class="icon-md"/>
Large icon 100px
<i class="icon-lg"/>

Icons

Actions

Clear icon
<i class="clear-icon"/>
Clear icon - Reversed
<i class="clear-rev-icon"/>
Done icon
<i class="done-icon"/>
Done icon - Reversed
<i class="done-rev-icon"/>
Edit icon
<i class="edit-icon"/>
Edit icon - Reversed
<i class="edit-rev-icon"/>
Search icon
<i class="search-icon"/>
Search icon - Reversed
<i class="search-rev-icon"/>
Filter icon
<i class="filter-icon"/>
Filter icon - Reversed
<i class="filter-rev-icon"/>
Open outside platform
<i class="open-new-icon"/>
Open outside platform - Reversed
<i class="open-new-rev-icon"/>
Delete
<i class="delete-icon"/>
Delete - Reversed
<i class="delete-rev-icon"/>
Complete Tick
<i class="complete-tick-icon"/>
Complete Tick - Reversed
<i class="complete-tick-rev-icon"/>
In Progress
<i class="in-progress-icon"/>
Complete Tick Circle
<i class="complete-tick-icon-circle"/>
Status Submitted
<i class="submitted-icon"></i>
Status Submitted - Reversed
<i class="submitted-rev-icon"/>
Hourglass Loader
<i class="hourglass-loader-icon"/>
Hourglass Loader - Reversed
<i class="hourglass-loader-rev-icon"/>
Pin
<i class="pin-icon"/>
Pin active
<i class="pin-icon-active"/>

Investor Types

Individual
<i class="individual-icon"/>
Individual - Reversed
<i class="individual-rev-icon"
Joint Investor
<i class="joint-icon"/>
Joint Investor - Reversed
<i class="joint-rev-icon"
Trust
<i class="trust-icon"/>
Trust - Reversed
<i class="trust-rev-icon"
Corporate Investor
<i class="corporate-investor-icon"/>
Corporate Investor - Reversed
<i class="corporate-investor-rev-icon"

Wrapper Types

GIA
<i class="gia-icon"/>
GIA - Reversed
<i class="gia-rev-icon"/>
JISA
<i class="jisa-icon"/>
JISA - Reversed
<i class="jisa-rev-icon"/>
ISA
<i class="isa-icon"/>
ISA - Reversed
<i class="isa-rev-icon"/>
Offshore bond
<i class="offshore-bond-icon"/>
Offshore bond - Reversed
<i class="offshore-bond-rev-icon"/>
SIPP
<i class="sipp-icon"/>
SIPP - Reversed
<i class="sipp-rev-icon"/>

Tools

Model Portfolio Manager
<i class="mpm-icon"/>
MPM - Reversed
<i class=""mpm-rev-icon"/>
Report Zone
<i class="report-icon"/>
Report Zone - Reversed
<i class=""report-rev-icon"/>
Research Tools
<i class="research-icon"/>
Research Tools - Reversed
<i class=""research-rev-icon"/>
Risk Profiler
<i class="risk-profiler-icon"/>
Risk Profiler - Reversed
<i class="risk-profiler-rev-icon"/>
P Scan
<i class="p-scan-icon"/>
P Scan - Reversed
<i class="p-scan-rev-icon"/>
Portfolio Performance
<i class="portfolio-icon"/>
PP - Reversed
<i class="portfolio-rev-iconn"/>
Model Portfolio Evaluator
<i class="mpe-icon"/>
MP Evaluator - Reversed
<i class="mpe-rev-icon"/>
CGT
<i class="cgt-icon"/>
CGT - Reversed
<i class="cgt-rev-icon"/>
Fund charting
<i class="fund-charting-icon"/>
Fund charting - Reversed
<i class="fund-charting-rev-icon"/>
Illustrations
<i class="illustrations-icon"/>
Illustrations - Reversed
<i class="illustrations-rev-icon"/>

Site

Business Dashboard
<i class="widget-icon"/>
BD - Reversed
<i class="widget-rev-icon"/>
Add Client
<i class="add-client-icon"/>
Add Client - Reversed
<i class="add-client-rev-icon"/>
Go to Client
<i class="goto-client-icon"/>
Go to Client - Reversed
<i class="goto-client-rev-icon"/>
Pending Clients
<i class="pending-icon"/>
Pending Clients - Reversed
<i class="pending-rev-icon"/>
Add wrappers
<i class="add-circle-icon"/>
Add wrappers - Reversed
<i class="add-circle-rev-icon"/>
Logout
<i class="logout-icon"/>
Logout - Reversed
<i class="logout-rev-icon"/>
Home
<i class="home-icon"/>
Home - Reversed
<i class="home-rev-icon"/>
Money In Money Out
<i class="money-in-out-icon"/>
MIMO - Reversed
<i class="money-in-out-rev-icon"/>
Transaction
<i class="transaction-icon"/>
Transaction - Reversed
<i class="transaction-rev-icon"/>
Declaration
<i class="declaration-icon"/>
Declaration - Reversed
<i class="declaration-rev-icon"/>
Document
<i class="document-icon"/>
Document - Reversed
<i class="document-rev-icon"/>
Documents
<i class="documents-icon"/>
Documents - Reversed
<i class="documents-rev-icon"/>
AUM
<i class="business-icon"/>
AUM - Reversed
<i class="business-rev-icon"/>
Flag
<i class="flag-icon"/>
Flag - Reversed
<i class="flag-rev-icon"/>
Sell
<i class="sell-icon"/>
Sell - Reversed
<i class="sell-rev-icon"/>
Buy
<i class="buy-icon"/>
Buy - Reversed
<i class="buy-rev-icon"/>
Top up
<i class="top-up-icon"/>
Top up - Reversed
<i class="top-up-rev-icon"/>
Ad hoc
<i class="ad-hoc-icon"/>
Ad hoc - Reversed
<i class="ad-hoc-rev-icon"/>
Status Updates
<i class="notifications-icon"/>
Status Updates - Reversed
<i class="notifications-rev-icon"/>
Client maintenance
<i class="client-maintenance-icon"/>
Client maintenance - Reversed
<i class="client-maintenance-rev-icon"/>
Generic SLI Quote
<i class="sli-generic-icon"/>
Generic SLI Quote - Reversed
<i class="sli-generic-rev-icon"/>
Investor SLI Quote
<i class="sli-investor-icon"/>
Investor SLI Quote - Reversed
<i class="sli-investor-rev-icon"/>