@ciq-dev/style-guide/icons/style.css

CSS Utility Library

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.ttf?g1ev86') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sparkles:before {
  content: "\e900";
}
.icon-p-variant:before {
  content: "\e901";
}
.icon-accounts-manager:before {
  content: "\e902";
}
.icon-action_log:before {
  content: "\e903";
}
.icon-add_widgets:before {
  content: "\e904";
}
.icon-add-circle-fill:before {
  content: "\e905";
}
.icon-add-circle-outline:before {
  content: "\e906";
}
.icon-add-column:before {
  content: "\e907";
}
.icon-add-on:before {
  content: "\e908";
}
.icon-add-shopping-cart:before {
  content: "\e909";
  color: #8b8f93;
}
.icon-add-square-outline:before {
  content: "\e90a";
  color: #7800f2;
}
.icon-add-user:before {
  content: "\e90b";
  color: #fff;
}
.icon-add-widget:before {
  content: "\e90c";
}
.icon-admin:before {
  content: "\e90d";
}
.icon-advanced-settings:before {
  content: "\e90e";
}
.icon-agency:before {
  content: "\e90f";
  color: #fff;
}
.icon-alerts:before {
  content: "\e910";
}
.icon-ally:before {
  content: "\e911";
}
.icon-amazon_choice:before {
  content: "\e912";
}
.icon-amazon:before {
  content: "\e913";
}
.icon-ang:before {
  content: "\e914";
}
.icon-angled-arrow-left:before {
  content: "\e915";
}
.icon-angled-arrow-right:before {
  content: "\e916";
}
.icon-archive:before {
  content: "\e917";
}
.icon-arrow_back:before {
  content: "\e918";
}
.icon-arrow-down:before {
  content: "\e919";
}
.icon-arrow-right:before {
  content: "\e91a";
}
.icon-arrow-up:before {
  content: "\e91b";
}
.icon-arrow1-down:before {
  content: "\e91c";
}
.icon-arrow1-up:before {
  content: "\e91d";
}
.icon-article:before {
  content: "\e91e";
  color: #3ea95e;
}
.icon-availability-recommendations:before {
  content: "\e91f";
}
.icon-availability:before {
  content: "\e920";
}
.icon-bag:before {
  content: "\e921";
}
.icon-bar-chart:before {
  content: "\e922";
}
.icon-basic-settings:before {
  content: "\e923";
}
.icon-bell:before {
  content: "\e924";
}
.icon-benchmark:before {
  content: "\e925";
}
.icon-best-seller:before {
  content: "\e926";
}
.icon-bi-view:before {
  content: "\e927";
}
.icon-bookmark-empty:before {
  content: "\e928";
}
.icon-bookmark-fill:before {
  content: "\e929";
}
.icon-boost-sales:before {
  content: "\e92a";
}
.icon-bot:before {
  content: "\e92b";
}
.icon-budget_optimizer:before {
  content: "\e92c";
}
.icon-bug:before {
  content: "\e92d";
}
.icon-business_overview:before {
  content: "\e92e";
}
.icon-cached:before {
  content: "\e92f";
}
.icon-cad:before {
  content: "\e930";
}
.icon-calendar:before {
  content: "\e931";
}
.icon-campaign_management:before {
  content: "\e932";
}
.icon-campaign_optimizer:before {
  content: "\e933";
}
.icon-campaign-new:before {
  content: "\e934";
  color: #007cf6;
}
.icon-campaign:before {
  content: "\e935";
}
.icon-caret-down:before {
  content: "\e936";
}
.icon-caret-left:before {
  content: "\e937";
}
.icon-category_landscape:before {
  content: "\e938";
  color: #fff;
}
.icon-caution:before {
  content: "\e939";
}
.icon-cell-history:before {
  content: "\e93a";
}
.icon-change_in_variants:before {
  content: "\e93b";
}
.icon-change:before {
  content: "\e93c";
}
.icon-chargeback:before {
  content: "\e93d";
}
.icon-chat:before {
  content: "\e93e";
}
.icon-check-fill-circle:before {
  content: "\e93f";
}
.icon-check:before {
  content: "\e940";
}
.icon-checkbox-empty:before {
  content: "\e941";
}
.icon-checkbox-intermediate:before {
  content: "\e942";
}
.icon-checkbox-selected:before {
  content: "\e943";
}
.icon-ciq-ai:before {
  content: "\e944";
}
.icon-ciq-branding:before {
  content: "\e945";
}
.icon-ciq-q-logo:before {
  content: "\e946";
  color: #fefdff;
}
.icon-click:before {
  content: "\e947";
  color: #aaadb1;
}
.icon-clock:before {
  content: "\e948";
}
.icon-clone:before {
  content: "\e949";
}
.icon-cloud-save:before {
  content: "\e94a";
  color: #007cf6;
}
.icon-collapse:before {
  content: "\e94b";
}
.icon-command_center:before {
  content: "\e94c";
  color: #e8eaed;
}
.icon-compare-arrows:before {
  content: "\e94d";
}
.icon-configuration:before {
  content: "\e94e";
  color: #697586;
}
.icon-connector:before {
  content: "\e94f";
  color: #697586;
}
.icon-content_audit:before {
  content: "\e950";
}
.icon-content-change:before {
  content: "\e951";
}
.icon-content-new:before {
  content: "\e952";
  color: #007cf6;
}
.icon-content-recommendations:before {
  content: "\e953";
}
.icon-copy-to-clipboard:before {
  content: "\e954";
}
.icon-cross-fill-circle:before {
  content: "\e955";
}
.icon-cross:before {
  content: "\e956";
}
.icon-custom:before {
  content: "\e957";
}
.icon-dashboard_view:before {
  content: "\e958";
}
.icon-dashboard:before {
  content: "\e959";
}
.icon-data-not-updated:before {
  content: "\e95a";
}
.icon-data-source:before {
  content: "\e95b";
}
.icon-data-unavailable:before {
  content: "\e95c";
}
.icon-date-range:before {
  content: "\e95d";
}
.icon-day-parting:before {
  content: "\e95e";
}
.icon-deactivate-user:before {
  content: "\e95f";
  color: #d7263d;
}
.icon-delete-action:before {
  content: "\e960";
}
.icon-delete-outline:before {
  content: "\e961";
}
.icon-delete:before {
  content: "\e962";
}
.icon-diagnostics:before {
  content: "\e963";
}
.icon-digital_shelf:before {
  content: "\e964";
}
.icon-dimensions:before {
  content: "\e965";
}
.icon-disputable:before {
  content: "\e966";
}
.icon-disputed:before {
  content: "\e967";
}
.icon-document-history:before {
  content: "\e968";
  color: #9aa4b2;
}
.icon-document-search:before {
  content: "\e969";
  color: #697586;
}
.icon-dollar:before {
  content: "\e96a";
}
.icon-dot:before {
  content: "\e96b";
}
.icon-download:before {
  content: "\e96c";
}
.icon-draft:before {
  content: "\e96d";
}
.icon-draggable-reorder:before {
  content: "\e96e";
}
.icon-edit-square:before {
  content: "\e96f";
  color: #aaadb1;
}
.icon-edit:before {
  content: "\e970";
}
.icon-ellipsis:before {
  content: "\e971";
}
.icon-email-new:before {
  content: "\e972";
  color: #007cf6;
}
.icon-email-rounded:before {
  content: "\e973";
}
.icon-email-subscription:before {
  content: "\e974";
}
.icon-email:before {
  content: "\e975";
}
.icon-enlarge:before {
  content: "\e976";
}
.icon-enter:before {
  content: "\e977";
}
.icon-equalizer:before {
  content: "\e978";
  color: #8b8f93;
}
.icon-error-fill:before {
  content: "\e979";
}
.icon-eur:before {
  content: "\e97a";
}
.icon-expand:before {
  content: "\e97b";
}
.icon-export-as-excel:before {
  content: "\e97c";
}
.icon-export-as-image:before {
  content: "\e97d";
}
.icon-export-notes-blank:before {
  content: "\e97e";
}
.icon-export-notes:before {
  content: "\e97f";
}
.icon-export:before {
  content: "\e980";
  color: #7800f2;
}
.icon-external-link:before {
  content: "\e981";
}
.icon-eye:before {
  content: "\e982";
  color: #aaadb1;
}
.icon-feedback:before {
  content: "\e983";
}
.icon-filter:before {
  content: "\e984";
}
.icon-focus-preview-eye:before {
  content: "\e985";
}
.icon-forecast:before {
  content: "\e986";
  color: #bd10e0;
}
.icon-full-screen:before {
  content: "\e987";
}
.icon-gbo-spend:before {
  content: "\e988";
  color: #bd10e0;
}
.icon-gbp:before {
  content: "\e989";
}
.icon-general-settings:before {
  content: "\e98a";
}
.icon-globe-3d .path1:before {
  content: "\e98b";
  color: rgb(217, 217, 217);
}
.icon-globe-3d .path2:before {
  content: "\e98c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-globe:before {
  content: "\e98d";
}
.icon-graph-chart-outline:before {
  content: "\e98e";
  color: #697586;
}
.icon-group:before {
  content: "\e98f";
}
.icon-help-article:before {
  content: "\e990";
}
.icon-help-fill:before {
  content: "\e991";
}
.icon-help-outline:before {
  content: "\e992";
}
.icon-hierarchy-new:before {
  content: "\e993";
  color: #9aa4b2;
}
.icon-hierarchy:before {
  content: "\e994";
}
.icon-highlight:before {
  content: "\e995";
}
.icon-history-new:before {
  content: "\e996";
  color: #697586;
}
.icon-history:before {
  content: "\e997";
}
.icon-hollow-table:before {
  content: "\e998";
}
.icon-home:before {
  content: "\e999";
}
.icon-hourly_bidder:before {
  content: "\e99a";
}
.icon-in-progress-dotted:before {
  content: "\e99b";
}
.icon-in-progress:before {
  content: "\e99c";
}
.icon-info-circle-fill:before {
  content: "\e99d";
}
.icon-info-circle-outline:before {
  content: "\e99e";
}
.icon-inr:before {
  content: "\e99f";
}
.icon-invalid-filter:before {
  content: "\e9a0";
}
.icon-inventory-new:before {
  content: "\e9a1";
  color: #9aa4b2;
}
.icon-inventory:before {
  content: "\e9a2";
}
.icon-last-data-refreshed:before {
  content: "\e9a3";
}
.icon-launch:before {
  content: "\e9a4";
}
.icon-layer:before {
  content: "\e9a5";
}
.icon-legend-box:before {
  content: "\e9a6";
}
.icon-level-indicator:before {
  content: "\e9a7";
}
.icon-light-bulb:before {
  content: "\e9a8";
}
.icon-line-chart:before {
  content: "\e9a9";
}
.icon-line2-chart:before {
  content: "\e9aa";
}
.icon-link:before {
  content: "\e9ab";
}
.icon-listing-health:before {
  content: "\e9ac";
}
.icon-location:before {
  content: "\e9ad";
}
.icon-lock:before {
  content: "\e9ae";
}
.icon-log-out:before {
  content: "\e9af";
}
.icon-logo:before {
  content: "\e9b0";
  color: #007cf6;
}
.icon-lost-buybox:before {
  content: "\e9b1";
}
.icon-low-priority:before {
  content: "\e9b2";
}
.icon-mail:before {
  content: "\e9b3";
}
.icon-manage-coloumns:before {
  content: "\e9b4";
}
.icon-market_insights:before {
  content: "\e9b5";
}
.icon-market_share:before {
  content: "\e9b6";
}
.icon-marketing-retail-media:before {
  content: "\e9b7";
  color: #fff;
}
.icon-media-recommendations:before {
  content: "\e9b8";
}
.icon-menu_close:before {
  content: "\e9b9";
}
.icon-menu_open:before {
  content: "\e9ba";
}
.icon-message:before {
  content: "\e9bb";
}
.icon-metrics-search:before {
  content: "\e9bc";
  color: #9aa4b2;
}
.icon-metrics:before {
  content: "\e9bd";
}
.icon-mid_point_inverted:before {
  content: "\e9be";
}
.icon-midpoint_on_circle:before {
  content: "\e9bf";
}
.icon-minus:before {
  content: "\e9c0";
}
.icon-mixed-chart:before {
  content: "\e9c1";
}
.icon-money:before {
  content: "\e9c2";
}
.icon-more-horizontal:before {
  content: "\e9c3";
}
.icon-more-vertical:before {
  content: "\e9c4";
}
.icon-move-to-bottom:before {
  content: "\e9c5";
}
.icon-move-to-top:before {
  content: "\e9c6";
}
.icon-mts-table-chart:before {
  content: "\e9c7";
}
.icon-mxn:before {
  content: "\e9c8";
}
.icon-nature-aggresive:before {
  content: "\e9c9";
}
.icon-nature-moderate:before {
  content: "\e9ca";
}
.icon-none:before {
  content: "\e9cb";
}
.icon-object-select:before {
  content: "\e9cc";
  color: #697586;
}
.icon-objective:before {
  content: "\e9cd";
  color: #697586;
}
.icon-open-new-window:before {
  content: "\e9ce";
}
.icon-out-of-stock:before {
  content: "\e9cf";
}
.icon-panel-close:before {
  content: "\e9d0";
}
.icon-panel-open:before {
  content: "\e9d1";
}
.icon-pause:before {
  content: "\e9d2";
  color: #aaadb1;
}
.icon-payment-received:before {
  content: "\e9d3";
}
.icon-pencil-edit:before {
  content: "\e9d4";
  color: #8b8f93;
}
.icon-pencil-outline:before {
  content: "\e9d5";
}
.icon-pencil:before {
  content: "\e9d6";
}
.icon-percentage-breakdown:before {
  content: "\e9d7";
}
.icon-person:before {
  content: "\e9d8";
}
.icon-pie-chart-outline:before {
  content: "\e9d9";
  color: #697586;
}
.icon-pie-chart:before {
  content: "\e9da";
}
.icon-pin:before {
  content: "\e9db";
}
.icon-pivot-table-chart:before {
  content: "\e9dc";
}
.icon-plan-gap:before {
  content: "\e9dd";
  color: #007cf6;
}
.icon-play-outline:before {
  content: "\e9de";
  color: #7800f2;
}
.icon-play:before {
  content: "\e9df";
}
.icon-pln:before {
  content: "\e9e0";
}
.icon-plus:before {
  content: "\e9e1";
}
.icon-po_fill_rate:before {
  content: "\e9e2";
}
.icon-power:before {
  content: "\e9e3";
}
.icon-powered_by:before {
  content: "\e9e4";
}
.icon-price_war:before {
  content: "\e9e5";
}
.icon-price-variance:before {
  content: "\e9e6";
}
.icon-prime-exclusive:before {
  content: "\e9e7";
}
.icon-profile .path1:before {
  content: "\e9e8";
  color: rgb(0, 0, 0);
}
.icon-profile .path2:before {
  content: "\e9e9";
  margin-left: -1em;
  color: rgb(43, 51, 59);
}
.icon-promotions:before {
  content: "\e9ea";
}
.icon-radio-empty:before {
  content: "\e9eb";
}
.icon-radio-selected:before {
  content: "\e9ec";
}
.icon-recovered:before {
  content: "\e9ed";
}
.icon-recovery-rate:before {
  content: "\e9ee";
}
.icon-remove-fill:before {
  content: "\e9ef";
}
.icon-remove-outline:before {
  content: "\e9f0";
}
.icon-rename:before {
  content: "\e9f1";
}
.icon-reorder-arrows:before {
  content: "\e9f2";
}
.icon-reorder-widget:before {
  content: "\e9f3";
}
.icon-replay-half-dashed-circle:before {
  content: "\e9f4";
  color: #8b8f93;
}
.icon-report-ppt:before {
  content: "\e9f5";
}
.icon-report-updates:before {
  content: "\e9f6";
  color: #f79009;
}
.icon-reports:before {
  content: "\e9f7";
}
.icon-reset_to_default:before {
  content: "\e9f8";
}
.icon-revert:before {
  content: "\e9f9";
}
.icon-right-arrow:before {
  content: "\e9fa";
}
.icon-rocket:before {
  content: "\e9fb";
}
.icon-rule-based:before {
  content: "\e9fc";
}
.icon-rules-group:before {
  content: "\e9fd";
}
.icon-sales_forecast:before {
  content: "\e9fe";
}
.icon-sales:before {
  content: "\e9ff";
  color: #fff;
}
.icon-save-outline:before {
  content: "\ea00";
}
.icon-save:before {
  content: "\ea01";
}
.icon-saved:before {
  content: "\ea02";
  color: #3ea95e;
}
.icon-search-entry:before {
  content: "\ea03";
}
.icon-search-exit:before {
  content: "\ea04";
}
.icon-search-fill:before {
  content: "\ea05";
}
.icon-search:before {
  content: "\ea06";
}
.icon-segment:before {
  content: "\ea07";
}
.icon-selection_lasso:before {
  content: "\ea08";
}
.icon-Send:before {
  content: "\ea09";
}
.icon-settings:before {
  content: "\ea0a";
}
.icon-share:before {
  content: "\ea0b";
}
.icon-shipment_tracker:before {
  content: "\ea0c";
}
.icon-shortage-invoices:before {
  content: "\ea0d";
}
.icon-show-chart:before {
  content: "\ea0e";
}
.icon-sku-box:before {
  content: "\ea0f";
}
.icon-sku-new:before {
  content: "\ea10";
  color: #007cf6;
}
.icon-skus:before {
  content: "\ea11";
}
.icon-slash:before {
  content: "\ea12";
}
.icon-sort_high_to_low:before {
  content: "\ea13";
}
.icon-sort_inverted:before {
  content: "\ea14";
}
.icon-sort_low_to_high:before {
  content: "\ea15";
}
.icon-sort-asc:before {
  content: "\ea16";
}
.icon-sort-desc:before {
  content: "\ea17";
}
.icon-sort:before {
  content: "\ea18";
}
.icon-spinner:before {
  content: "\ea19";
}
.icon-split:before {
  content: "\ea1a";
}
.icon-spotlight:before {
  content: "\ea1b";
}
.icon-star-empty:before {
  content: "\ea1c";
}
.icon-star-half:before {
  content: "\ea1d";
}
.icon-star:before {
  content: "\ea1e";
}
.icon-subscribe-save:before {
  content: "\ea1f";
}
.icon-suppressed:before {
  content: "\ea20";
}
.icon-swap-axis:before {
  content: "\ea21";
}
.icon-sync:before {
  content: "\ea22";
}
.icon-table-chart:before {
  content: "\ea23";
}
.icon-table-outline:before {
  content: "\ea24";
  color: #e8eaed;
}
.icon-table:before {
  content: "\ea25";
  color: #3ea95e;
}
.icon-takeaways:before {
  content: "\ea26";
}
.icon-targets:before {
  content: "\ea27";
}
.icon-task-status:before {
  content: "\ea28";
}
.icon-template:before {
  content: "\ea29";
  color: #007cf6;
}
.icon-thumbsdown:before {
  content: "\ea2a";
}
.icon-thumbsup:before {
  content: "\ea2b";
}
.icon-thunder:before {
  content: "\ea2c";
}
.icon-ticket:before {
  content: "\ea2d";
}
.icon-tile-chart:before {
  content: "\ea2e";
}
.icon-tiles-outline:before {
  content: "\ea2f";
  color: #e8eaed;
}
.icon-timeline:before {
  content: "\ea30";
}
.icon-tools_and_settings:before {
  content: "\ea31";
}
.icon-top_movers:before {
  content: "\ea32";
}
.icon-transition:before {
  content: "\ea33";
  color: #697586;
}
.icon-trash:before {
  content: "\ea34";
}
.icon-trend:before {
  content: "\ea35";
}
.icon-trending-neutral:before {
  content: "\ea36";
}
.icon-upload-file:before {
  content: "\ea37";
}
.icon-upload-outline:before {
  content: "\ea38";
}
.icon-upload:before {
  content: "\ea39";
}
.icon-usd:before {
  content: "\ea3a";
}
.icon-user-management-new:before {
  content: "\ea3b";
  color: #007cf6;
}
.icon-user:before {
  content: "\ea3c";
}
.icon-validation:before {
  content: "\ea3d";
}
.icon-variants-new:before {
  content: "\ea3e";
  color: #007cf6;
}
.icon-videocam:before {
  content: "\ea3f";
}
.icon-visibility-off:before {
  content: "\ea40";
}
.icon-visibility-on:before {
  content: "\ea41";
}
.icon-warning-triangle:before {
  content: "\ea42";
}
.icon-warning:before {
  content: "\ea43";
}
.icon-zoom_in:before {
  content: "\ea44";
}
.icon-zoom_out:before {
  content: "\ea45";
}