1. Advisor
  2. @shopify/polaris-icons
  3. @shopify/polaris-icons code examples
View all @shopify/polaris-icons analysis

How to use @shopify/polaris-icons - 10 common examples

To help you get started, we’ve selected a few @shopify/polaris-icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
export const circleChevronUp = POLARIS_ICONS.circleChevronUp;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
export const circleChevronUp = POLARIS_ICONS.circleChevronUp;
export const circleInformation = POLARIS_ICONS.circleInformation;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
export const circleChevronUp = POLARIS_ICONS.circleChevronUp;
export const circleInformation = POLARIS_ICONS.circleInformation;
export const circlePlus = POLARIS_ICONS.circlePlus;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
export const circleChevronUp = POLARIS_ICONS.circleChevronUp;
export const circleInformation = POLARIS_ICONS.circleInformation;
export const circlePlus = POLARIS_ICONS.circlePlus;
export const circlePlusOutline = POLARIS_ICONS.circlePlusOutline;
github Shopify / polaris-react / src / icons / index.ts View on Github external
import POLARIS_ICONS from '@shopify/polaris-icons';

export const add = POLARIS_ICONS.add;
export const alert = POLARIS_ICONS.alert;
export const arrowDown = POLARIS_ICONS.arrowDown;
export const arrowLeft = POLARIS_ICONS.arrowLeft;
export const arrowRight = POLARIS_ICONS.arrowRight;
export const arrowUp = POLARIS_ICONS.arrowUp;
export const arrowUpDown = POLARIS_ICONS.arrowUpDown;
export const calendar = POLARIS_ICONS.calendar;
export const cancel = POLARIS_ICONS.cancel;
export const cancelSmall = POLARIS_ICONS.cancelSmall;
export const caretDown = POLARIS_ICONS.caretDown;
export const caretUp = POLARIS_ICONS.caretUp;
export const checkmark = POLARIS_ICONS.checkmark;
export const chevronDown = POLARIS_ICONS.chevronDown;
export const chevronLeft = POLARIS_ICONS.chevronLeft;
export const chevronRight = POLARIS_ICONS.chevronRight;
export const chevronUp = POLARIS_ICONS.chevronUp;
export const circleCancel = POLARIS_ICONS.circleCancel;
export const circleChevronDown = POLARIS_ICONS.circleChevronDown;
export const circleChevronLeft = POLARIS_ICONS.circleChevronLeft;
export const circleChevronRight = POLARIS_ICONS.circleChevronRight;
export const circleChevronUp = POLARIS_ICONS.circleChevronUp;
export const circleInformation = POLARIS_ICONS.circleInformation;
export const circlePlus = POLARIS_ICONS.circlePlus;
export const circlePlusOutline = POLARIS_ICONS.circlePlusOutline;
export const conversation = POLARIS_ICONS.conversation;

@shopify/polaris-icons

[![npm version](https://img.shields.io/npm/v/@shopify/polaris-icons.svg?style=flat)](https://www.npmjs.com/package/@shopify/polaris-icons)

GitHub
SEE LICENSE IN LICENSE.md
Latest version published 10 days ago

Package Health Score

98 / 100
Full package analysis

Popular @shopify/polaris-icons functions

Similar packages