dr_icons

DataRails icons from figma. DataRails font + svg files.

Install

npm i @datarailsshared/dr_icons

Usage

Import type

import { DrIcon } from '@datarailsshared/dr_icons';

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.209:

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-ai-technology-spark | dr-icon-coins | 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 | dr-icon-navbar-data-flow-line | dr-icon-navbar-data-flow-fill | dr-icon-comare-arrow | dr-icon-navbar-agents-line | dr-icon-navbar-agents-fill | dr-icon-navbar-app-store-fill | dr-icon-navbar-app-store | dr-icon-navbar-contracts-fill | dr-icon-navbar-contracts | dr-icon-navbar-spend-control-line | dr-icon-navbar-spend-control-fill | dr-icon-receive-dollars | dr-icon-guided-flow | dr-icon-unlike-fill | dr-icon-gift-cello | dr-icon-drilldown |