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"/>

<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"/>