Components

Plugins

Vector Icons

Font Adx icons

Font Adx is scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. A font with icons is added in the project assembly by default.

Important: Please do not use Font Awesome icons when developing on the adx website. In the future they will be removed from the project.

Font update procedure:

Export icons from https://icomoon.io/app.
Update font files in src/fonts/adx directory.
Also update the src/fonts/adx/selection.json file. Using this file, the designer will be able to open a set of fonts and make changes.
Update icons classes from exported file style.css to project file src/scss/_icons-list.scss.
Rebuild the project using the command npm run prod.

.fadx-2-step

.fadx-address-card-o

.fadx-arrow-down

.fadx-arrow-left

.fadx-arrow-right

.fadx-arrow-up

.fadx-bar-chart

.fadx-bars

.fadx-bell

.fadx-binocular

.fadx-bitcoin

.fadx-briefcase

.fadx-calendar

.fadx-camera

.fadx-card-exp

.fadx-card-gift

.fadx-cash-out

.fadx-chat

.fadx-check

.fadx-check-circle

.fadx-check-circle-o

.fadx-chevron-double-left

.fadx-chevron-double-right

.fadx-chevron-down

.fadx-chevron-left

.fadx-chevron-right

.fadx-chevron-up

.fadx-circle

.fadx-circle-o

.fadx-clock-alert

.fadx-close

.fadx-close-circle

.fadx-copy

.fadx-edit

.fadx-emo-happy

.fadx-emo-sad

.fadx-envelope

.fadx-envelope-add

.fadx-ethereum-circle

.fadx-eye

.fadx-eye-slash

.fadx-file

.fadx-file-download

.fadx-fire

.fadx-google

.fadx-gov-id-exp

.fadx-happy-guy

.fadx-hash-sign

.fadx-headset-guy

.fadx-info

.fadx-info-circle

.fadx-info-circle-o

.fadx-ins-for-recurring

.fadx-key

.fadx-key-error

.fadx-key-success

.fadx-laptop-user

.fadx-leg-inf-expired-soon

.fadx-leg-inf-rejected

.fadx-leg-inf-verified

.fadx-litecoin

.fadx-lock

.fadx-lock-double

.fadx-lock-success

.fadx-lock-user

.fadx-map-marker

.fadx-minus

.fadx-mobile

.fadx-money-bag

.fadx-new

.fadx-new-announce

.fadx-new-referal

.fadx-paperclip

.fadx-pass-change

.fadx-phone

.fadx-pie-chart

.fadx-play-circle

.fadx-print

.fadx-rank-down

.fadx-rank-up

.fadx-recurring

.fadx-redo

.fadx-refresh

.fadx-refund

.fadx-sales-kit-exp

.fadx-saving-ring

.fadx-search

.fadx-send

.fadx-series-a

.fadx-series-a-alt

.fadx-series-b

.fadx-series-b-alt

.fadx-shopping-bag-add

.fadx-shopping-cart

.fadx-sign-out

.fadx-sms

.fadx-spinner

.fadx-th-large

.fadx-th-row

.fadx-thumbs-up

.fadx-ticket

.fadx-tie

.fadx-times-circle

.fadx-top-up

.fadx-tournament-reg

.fadx-tournament-start

.fadx-undo

.fadx-upg-to-consultant

.fadx-user

.fadx-warning

.fadx-youchat

Stacked Font Adx icons

To stack multiple icons, use the .fadx-stack class on the parent, the .fadx-stack-1x for the regularly sized icon, and .fadx-stack-2x for the larger icon.

Colored Stacked icons

You can create any colored stacked icons using .fadx-stack-* class.

PSV

Font Adx icons sizing

Add .fadx-lg, .fadx-md or .fadx-stack-sm for additional sizes. The icon can be set to any size using the font-size: property for the .fadx-stack block.