Dealogic Styleguide

Dealogic Icon Pack

Dealogic UI Toolkit provides a full library of icons, suited for our UI design & curated for the Dealogic Brand. To use one of these icons, please use the <dl-icon></dl-icon> component and set the name attribute to one of the following values.

Example

Code

<dl-icon name="action-check-circle-filled"></dl-icon>

Action icons

• action-check-circle-filled

• action-check-square-empty

• action-check-square-filled

• action-check-square-intermediate

• action-check

• action-close-x-stroke

• action-close-x

• action-filter

• action-format-copy

• action-format-paste

• action-help

• action-info-filled

• action-info-stroke

• action-keyboard

• action-plus-filled

• action-plus-list-item

• action-plus-new

• action-plus-square

• action-plus-stroke

• action-plus

• action-radio-empty

• action-radio-filled

• action-reallocate

• action-warning-tri

Arrow icons

• arrow-arrow-down

• arrow-arrow-left

• arrow-arrow-right

• arrow-arrow-trend-down

• arrow-arrow-trend-up

• arrow-arrow-up

• arrow-chevron-down

• arrow-chevron-left

• arrow-chevron-right

• arrow-chevron-up

• arrow-close-fullscreen

• arrow-expand

• arrow-fullscreen

• arrow-merge

• arrow-point-closed

• arrow-point-open

• arrow-pop-out

• arrow-presentation

• arrow-refresh

• arrow-sort

• arrow-sync-disabled

• arrow-sync-error

• arrow-sync

• arrow-trend-stutter-down

• arrow-trend-stutter-up

Chart icons

• chart-bar

• chart-bubble

• chart-equalizer

• chart-line

• chart-multi-line

• chart-pie-outline

• chart-pie

• chart-plot-line

• chart-plot

• chart-section

Document icons

• doc-excel

• doc-generic

• doc-pdf

• doc-ppt

• doc-word

• doc-zip

Events icons

• events-bag

• events-bank

• events-bus

• events-cal

• events-car

• events-city

• events-clock

• events-directions

• events-flight

• events-food

• events-home

• events-hotel

• events-institution

• events-location

• events-map

• events-seat

• events-ticket

• events-train

Format icons

• format-bold

• format-bullist

• format-center

• format-decimals

• format-edit

• format-function

• format-italic

• format-justify

• format-left

• format-numlist

• format-para-left

• format-para-right

• format-quote

• format-right

• format-select-all

• format-transform

• format-underline

• format-wrap

Function icons

• func-attachement

• func-cal-available

• func-cal-busy

• func-cal-notes

• func-cloud-complete

• func-cloud-download

• func-cloud-off

• func-cloud-upload

• func-cloud

• func-flag

• func-flight-left

• func-flight-right

• func-link

• func-nfc

• func-print

• func-rate-circle

• func-rate-empty

• func-rate-full

• func-save

• func-secure

• func-send

• func-share

• func-target

• func-timer

• func-trash

• func-upload

• func-watch

Media icons

• media-bluetooth-audio

• media-bluetooth-connected

• media-bluetooth-disconnected

• media-bluetooth-settings

• media-bluetooth

• media-call

• media-dial

• media-ffwd

• media-img

• media-mail

• media-mic

• media-mute

• media-pause

• media-play

• media-rewind

• media-video-off

• media-video

• media-volume-low

• media-volume-off

• media-volume

• media-wifi

Message icons

• message-bubble

• message-comments

• message-group

• message-progress

• message-urgent

Security icons

• security-blocked

• security-key

• security-locked

• security-not-encrypted

• security-shield

• security-unlocked

State icons

• state-am

• state-econoday

• state-euro

• state-filed

• state-pm

• state-priced

• state-spotlight

• state-withdrawn

User icons

• user-account

• user-add-group

• user-add-ind

• user-admin

• user-contacts

• user-finger-print

• user-group-conference

• user-id-card

• user-id-stroke

• user-id-tag

• user-pair

View Controller Icons

• vc-activity

• vc-app-pivot

• vc-carousel

• vc-dashboard

• vc-grid

• vc-hamburger

• vc-history

• vc-log-out

• vc-more-options

• vc-more-vert

• vc-search

• vc-settings