@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.193:

Icon name	SVG
dr-icon-add-dashboard
dr-icon-add-file
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-ai-chat
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-blackboud
dr-icon-bold
dr-icon-breackdown-analysis
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-empty
dr-icon-comment-full
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-description
dr-icon-devices
dr-icon-docx
dr-icon-download-file
dr-icon-download
dr-icon-drag
dr-icon-drillby
dr-icon-drillbylist
dr-icon-duedate
dr-icon-duplicate
dr-icon-dynamics_logo
dr-icon-dynamics_logo_color
dr-icon-edit-range
dr-icon-edit
dr-icon-editcelltable
dr-icon-editor
dr-icon-eloqua_logo
dr-icon-eloqua_logo_color
dr-icon-email
dr-icon-emoji-smiley
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-feature-flag-group
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-generate
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-knowledge-base
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-mri_software
dr-icon-navbar-admin
dr-icon-navbar-analysis-cnfg-fill
dr-icon-navbar-analysis-cnfg-line
dr-icon-navbar-budget-fill
dr-icon-navbar-budget-line
dr-icon-navbar-cfo-space-fill
dr-icon-navbar-cfo-space-line
dr-icon-navbar-company-fill
dr-icon-navbar-company-line
dr-icon-navbar-dashboards-fill
dr-icon-navbar-dashboards-line
dr-icon-navbar-database-fill
dr-icon-navbar-database-line
dr-icon-navbar-devices-fill
dr-icon-navbar-devices-line
dr-icon-navbar-excel-fill
dr-icon-navbar-excel-line
dr-icon-navbar-fav-folder-fill
dr-icon-navbar-fav-folder-line
dr-icon-navbar-feature-flag-group-fill
dr-icon-navbar-feature-flag-group-line
dr-icon-navbar-file-fill
dr-icon-navbar-file-line
dr-icon-navbar-flag-fill
dr-icon-navbar-flag-line
dr-icon-navbar-folder-fill
dr-icon-navbar-folder-line
dr-icon-navbar-forecast-fill
dr-icon-navbar-forecast-line
dr-icon-navbar-functions
dr-icon-navbar-genius
dr-icon-navbar-home-fill
dr-icon-navbar-home-line
dr-icon-navbar-input-management-line
dr-icon-navbar-insights-fill
dr-icon-navbar-insights-line
dr-icon-navbar-integrations-fill
dr-icon-navbar-integrations-line
dr-icon-navbar-knowledge-base
dr-icon-navbar-kpi-fill
dr-icon-navbar-kpi-line
dr-icon-navbar-librarymanagement-fill
dr-icon-navbar-librarymanagement-line
dr-icon-navbar-location-fill
dr-icon-navbar-location-line
dr-icon-navbar-lookup-fill
dr-icon-navbar-lookup-line
dr-icon-navbar-my-reports-fill
dr-icon-navbar-my-reports-line
dr-icon-navbar-myworkflow-fill
dr-icon-navbar-myworkflow-line
dr-icon-navbar-notification-settings-fill
dr-icon-navbar-notification-settings-line
dr-icon-navbar-org-chart-fill
dr-icon-navbar-org-chart-line
dr-icon-navbar-output-pkg-fill
dr-icon-navbar-output-pkg-line
dr-icon-navbar-planning-fill
dr-icon-navbar-planning-line
dr-icon-navbar-report-builder-fill
dr-icon-navbar-report-builder-line
dr-icon-navbar-save-fill
dr-icon-navbar-save-line
dr-icon-navbar-settings-fill
dr-icon-navbar-settings-line
dr-icon-navbar-storyboard-fill
dr-icon-navbar-storyboard-line
dr-icon-navbar-table-fill
dr-icon-navbar-table-line
dr-icon-navbar-tasks-fill
dr-icon-navbar-tasks-line
dr-icon-navbar-templates-fill
dr-icon-navbar-templates-library-fill
dr-icon-navbar-templates-library-line
dr-icon-navbar-templates-line
dr-icon-navbar-user-permission-fill
dr-icon-navbar-user-permission-line
dr-icon-navbar-workflow-fill
dr-icon-navbar-workflow-line
dr-icon-navbar-workspace-fill
dr-icon-navbar-workspace-line
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-orientation-file
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-prediction-analysys
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-range-for-dashboard
dr-icon-rearrange
dr-icon-recuring
dr-icon-redo-storyboard
dr-icon-reference-field
dr-icon-refresh
dr-icon-region
dr-icon-rename
dr-icon-reorder
dr-icon-replace-widget
dr-icon-reply
dr-icon-report-builder
dr-icon-report
dr-icon-reports-by-genius
dr-icon-reports-library
dr-icon-reports-spaces
dr-icon-reset-view
dr-icon-resolved
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-scenario-analysis
dr-icon-schedule
dr-icon-search
dr-icon-send-arrow-up
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-arrow
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-direction-ltr
dr-icon-text-direction-rtl
dr-icon-text
dr-icon-theme-settings
dr-icon-time-period-analysis
dr-icon-track-changes
dr-icon-trash
dr-icon-trend-analysis
dr-icon-trigger
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-update
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
dr-icon-ai-chat-gradient
dr-icon-colors-palette
dr-icon-add-widget2
dr-icon-roll-forward
dr-icon-due-date
dr-icon-edit-cell-table
dr-icon-drill-by
dr-icon-drill-by-list
dr-icon-resolved-off
dr-icon-resolved-on
dr-icon-stop
dr-icon-pause
dr-icon-custom-rules
dr-icon-new-chat
dr-icon-expend
dr-icon-collapse
dr-icon-genius-logo
dr-icon-mma
dr-icon-merchant
dr-icon-time-deposit
dr-icon-current
dr-icon-wallet
dr-icon-navbar-ai-apps-fill
dr-icon-navbar-ai-apps-line
dr-icon-navbar-library-management-line
dr-icon-navbar-library-management-fill
dr-icon-navbar-input-management-fill
dr-icon-navbar-usage-reports
dr-icon-navbar-balance-line
dr-icon-navbar-balance-fill
dr-icon-navbar-cash-line
dr-icon-navbar-cash-fill
dr-icon-navbar-transactions-line
dr-icon-navbar-transactions-fill
dr-icon-navbar-setup-line
dr-icon-navbar-setup-fill
dr-icon-talic
dr-icon-type377
dr-icon-safe
dr-icon-crown
dr-icon-navbar-summary-line
dr-icon-navbar-summary-fill
dr-icon-navbar-analysis-line
dr-icon-navbar-analysis-fill
dr-icon-navbar-reconciliation-line
dr-icon-navbar-reconciliation-fill
dr-icon-right-pane-monitor
dr-icon-right-pane-analysis
dr-icon-righ-pane-management
dr-icon-right-pane-export
dr-icon-right-pane-templates
dr-icon-right-pane-filters
dr-icon-right-pane-refernce-date
dr-icon-right-pane-integration
dr-icon-right-pane-lookups
dr-icon-right-pane-get-data
dr-icon-right-pane-drill-down
dr-icon-right-pane-manege-filters
dr-icon-right-pane-refresh
dr-icon-right-pane-sync
dr-icon-right-pane-user
dr-icon-right-pane-help
dr-icon-target
dr-icon-navbar-reporting-line
dr-icon-navbar-reporting-fill
dr-icon-navbar-month-end-close-line
dr-icon-navbar-month-end-close-fill
dr-icon-navbar-excel-table-line
dr-icon-navbar-excel-table-fill
dr-icon-cfo-variance-prediction
dr-icon-cfo-trend-analysis
dr-icon-cfo-variance-analysis
dr-icon-cfo-price-volume-mix
dr-icon-navbar-company-profile-line
dr-icon-navbar-company-profile-fill
dr-icon-send-arrow-down
dr-icon-filter-list
dr-icon-filter-list-filled
dr-icon-library
dr-icon-navbar-headcount-fill
dr-icon-navbar-headcount-line
dr-icon-navbar-compensation-items-fill
dr-icon-navbar-compensation-items-line
dr-icon-navbar-employees-fill
dr-icon-navbar-employees-line