@datarailsshared/dr_icons NPM

dr_icons

DataRails icons from figma. DataRails font + svg files.

Install

npm i @datarailsshared/dr_icons

Usage

Import font (css file)

# Should be imported only once in root css file, to exclude code duplication.
@import '@datarailsshared/dr_icons/DataRailsFontStyles';

Import font values variables (scss file)

@import '@datarailsshared/dr_icons/DataRailsFontVariables';

Demo

Icons in version 1.0.76:

Icon name	SVG
dr-icon-add-dashboard
dr-icon-add-image
dr-icon-add-members
dr-icon-add-slide
dr-icon-add-text
dr-icon-add-widget
dr-icon-add
dr-icon-admin
dr-icon-aggregation
dr-icon-align-center
dr-icon-align-justify
dr-icon-align-left
dr-icon-align-right
dr-icon-allocations
dr-icon-analytics
dr-icon-apple
dr-icon-approve
dr-icon-archive
dr-icon-arrow-down
dr-icon-arrow-dropdown
dr-icon-arrow-left
dr-icon-arrow-right
dr-icon-arrow-up
dr-icon-attachment
dr-icon-auto-calc
dr-icon-avatar-company
dr-icon-avatar
dr-icon-back-arrow
dr-icon-ban
dr-icon-bars
dr-icon-billing
dr-icon-bold
dr-icon-budget-builder
dr-icon-budget
dr-icon-bulk-selection
dr-icon-bullhorn
dr-icon-bullhorn_color
dr-icon-calculate
dr-icon-calculated-column
dr-icon-cards-view
dr-icon-chart-of-accounts
dr-icon-chevron-down
dr-icon-chevron-left
dr-icon-chevron-right
dr-icon-chevron-up
dr-icon-chorus_logo
dr-icon-circle
dr-icon-clear
dr-icon-cloud
dr-icon-code-fork
dr-icon-collection-process
dr-icon-colorize
dr-icon-colors
dr-icon-colors2
dr-icon-comma
dr-icon-comment
dr-icon-company
dr-icon-compare
dr-icon-compass
dr-icon-configuration
dr-icon-consolidate
dr-icon-copy-to-clipboard
dr-icon-csv
dr-icon-currency
dr-icon-dashboards
dr-icon-data-mapper
dr-icon-database
dr-icon-date
dr-icon-db
dr-icon-devices
dr-icon-docx
dr-icon-download-file
dr-icon-download
dr-icon-drag
dr-icon-duplicate
dr-icon-dynamics_logo
dr-icon-dynamics_logo_color
dr-icon-edit
dr-icon-editor
dr-icon-eloqua_logo
dr-icon-eloqua_logo_color
dr-icon-email
dr-icon-environment-chart
dr-icon-error
dr-icon-excel-stroke
dr-icon-excel
dr-icon-exit
dr-icon-expander-minus
dr-icon-expander-plus
dr-icon-export-excel
dr-icon-export-pdf
dr-icon-export
dr-icon-external-link
dr-icon-eye-closed
dr-icon-facebook
dr-icon-facebook_fill
dr-icon-favorite-off
dr-icon-favorite-on
dr-icon-file
dr-icon-filebox
dr-icon-filter-father
dr-icon-filter-many
dr-icon-filter-old
dr-icon-filter
dr-icon-flag
dr-icon-folder
dr-icon-folders
dr-icon-forecast
dr-icon-format
dr-icon-format_date
dr-icon-fullscreen
dr-icon-function_excel
dr-icon-functions
dr-icon-fx
dr-icon-genius-send
dr-icon-genius-spark-single
dr-icon-genius-sparks
dr-icon-geniuslogo
dr-icon-gif
dr-icon-github
dr-icon-google-plus
dr-icon-google_color
dr-icon-group-users
dr-icon-group
dr-icon-group95285
dr-icon-group97127
dr-icon-help-a
dr-icon-hide-grid
dr-icon-history
dr-icon-homepage
dr-icon-hubspot_logo
dr-icon-hubspot_logo_color
dr-icon-info
dr-icon-input-add
dr-icon-inputs
dr-icon-integrations
dr-icon-italic
dr-icon-jpg
dr-icon-key
dr-icon-launch
dr-icon-license
dr-icon-light
dr-icon-like
dr-icon-link
dr-icon-linkedin
dr-icon-linkedin_fill
dr-icon-list
dr-icon-live-data
dr-icon-load
dr-icon-location
dr-icon-lock-close
dr-icon-lock-open
dr-icon-log-out
dr-icon-logo_excel
dr-icon-lookup
dr-icon-manager2
dr-icon-mapping-error
dr-icon-mapping-stroke
dr-icon-mappings
dr-icon-marker-color
dr-icon-marketo_logo
dr-icon-marketo_logo_color
dr-icon-maximize
dr-icon-mention
dr-icon-microsoft_logo
dr-icon-minimize
dr-icon-minus-circle
dr-icon-minus
dr-icon-missing-data
dr-icon-more
dr-icon-netsuite_logo
dr-icon-news
dr-icon-next-arrow
dr-icon-noaccess
dr-icon-note
dr-icon-notification-settings
dr-icon-notifications
dr-icon-notify
dr-icon-noty-error
dr-icon-noty-notification
dr-icon-noty-progress
dr-icon-noty-question
dr-icon-noty-success
dr-icon-noty-warning
dr-icon-number
dr-icon-number_point
dr-icon-numbered-list
dr-icon-office_color
dr-icon-options
dr-icon-org-chart
dr-icon-output
dr-icon-outreach_logo
dr-icon-outreach_logo_color
dr-icon-pardot
dr-icon-parenthasis-left
dr-icon-parenthasis-right
dr-icon-pdf
dr-icon-permission
dr-icon-photo
dr-icon-pie-chart
dr-icon-pipedrive
dr-icon-plan
dr-icon-play
dr-icon-plus-circle
dr-icon-png
dr-icon-ppt
dr-icon-presentation
dr-icon-preview-stroke
dr-icon-preview
dr-icon-print
dr-icon-process
dr-icon-protected
dr-icon-quickbooks_logo
dr-icon-quit-dashboard
dr-icon-rearrange
dr-icon-redo-storyboard
dr-icon-reference-field
dr-icon-refresh
dr-icon-rename
dr-icon-replace-widget
dr-icon-reply
dr-icon-report-builder
dr-icon-report
dr-icon-reports-library
dr-icon-reset-view
dr-icon-restore
dr-icon-ringlead-black-16px
dr-icon-ringlead-color-16px
dr-icon-ringlead-white-16px
dr-icon-rollforward
dr-icon-rotate
dr-icon-sage
dr-icon-salesloft_logo
dr-icon-salesloft_logo_color
dr-icon-salsforce_color
dr-icon-save-changes
dr-icon-save-view
dr-icon-save
dr-icon-schedule
dr-icon-search
dr-icon-settings
dr-icon-share
dr-icon-sign-in
dr-icon-sign-out
dr-icon-skip-slide
dr-icon-slack
dr-icon-slack_color
dr-icon-slash
dr-icon-slide-settings
dr-icon-snowflake
dr-icon-sort-hover
dr-icon-sort-up
dr-icon-sort
dr-icon-sorted-down
dr-icon-sorted-left
dr-icon-sorted-right
dr-icon-sorted-up
dr-icon-spacing-line
dr-icon-split
dr-icon-star-fill
dr-icon-status-approved
dr-icon-status-error
dr-icon-status-started
dr-icon-status-submitted
dr-icon-storyboard
dr-icon-sugar-crm
dr-icon-sugar-crm_color
dr-icon-sync-auto
dr-icon-sync-cloud
dr-icon-sync
dr-icon-table
dr-icon-task
dr-icon-template
dr-icon-templates
dr-icon-text-box
dr-icon-text-color
dr-icon-text
dr-icon-theme-settings
dr-icon-track-changes
dr-icon-trash
dr-icon-true_faulse
dr-icon-tune
dr-icon-turnoff-notifications
dr-icon-twitter
dr-icon-twitter1
dr-icon-txt
dr-icon-underline
dr-icon-undo-storyboard
dr-icon-undo
dr-icon-unlike
dr-icon-unlink
dr-icon-upload
dr-icon-uploaded-success
dr-icon-user-permission
dr-icon-user
dr-icon-variance
dr-icon-vector
dr-icon-viadeo
dr-icon-view-grid
dr-icon-view-mode
dr-icon-view-saved
dr-icon-view
dr-icon-viewer
dr-icon-visible
dr-icon-warning
dr-icon-word
dr-icon-xero_logo
dr-icon-xls
dr-icon-youtube
dr-icon-zoho_logo
dr-icon-zoho_logo_color
dr-icon-zoom-in
dr-icon-zoom-out
dr-icon-zoominfo