diff --git a/UNRELEASED.md b/UNRELEASED.md
index 9f8e83f2cce..bda8bc1ebe9 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -35,5 +35,6 @@ Upgraded Storybook to v5 ([#1140](https://github.com/Shopify/polaris-react/pull/
 - Updated `ResourceList` to no longer use `componentWillReceiveProps`([#1235](https://github.com/Shopify/polaris-react/pull/1235))
 - Updated `Tabs` to no longer use `componentWillReceiveProps`([#1221](https://github.com/Shopify/polaris-react/pull/1221))
 - Removed an unneeded media query from Modal's `Header` component ([#1272](https://github.com/Shopify/polaris-react/pull/1272))
+- Replaces all instances where we pass a string representing a bundled icon into `Button`. Prefer passing in the React Component from `@shopify/polaris-icons` ([#1297](https://github.com/Shopify/polaris-react/pull/1297))
 
 ### Deprecations
diff --git a/src/components/Banner/Banner.tsx b/src/components/Banner/Banner.tsx
index b71de7e0cf3..32bb2993448 100644
--- a/src/components/Banner/Banner.tsx
+++ b/src/components/Banner/Banner.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import {classNames, variationName} from '@shopify/react-utilities/styles';
 import {
+  CancelSmallMinor,
   CircleTickMajorTwotone,
   FlagMajorTwotone,
   CircleAlertMajorTwotone,
@@ -147,7 +148,7 @@ export default class Banner extends React.PureComponent<Props, never> {
       <div className={styles.Dismiss}>
         <Button
           plain
-          icon="cancelSmall"
+          icon={CancelSmallMinor}
           onClick={onDismiss}
           accessibilityLabel="Dismiss notification"
         />
diff --git a/src/components/CalloutCard/CalloutCard.tsx b/src/components/CalloutCard/CalloutCard.tsx
index fdda9dd5089..6191d2c2b2c 100644
--- a/src/components/CalloutCard/CalloutCard.tsx
+++ b/src/components/CalloutCard/CalloutCard.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-
+import {CancelSmallMinor} from '@shopify/polaris-icons';
 import {classNames} from '@shopify/react-utilities';
 
 import {Action} from '../../types';
@@ -53,7 +53,7 @@ export default function CalloutCard({
     <div className={styles.Dismiss}>
       <Button
         plain
-        icon="cancelSmall"
+        icon={CancelSmallMinor}
         onClick={onDismiss}
         accessibilityLabel="Dismiss card"
       />
diff --git a/src/components/DataTable/components/Navigation/Navigation.tsx b/src/components/DataTable/components/Navigation/Navigation.tsx
index 6128e108710..1d1082cdeda 100644
--- a/src/components/DataTable/components/Navigation/Navigation.tsx
+++ b/src/components/DataTable/components/Navigation/Navigation.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons';
 import {classNames} from '@shopify/react-utilities/styles';
 
 import {withAppProvider, WithAppProviderProps} from '../../../AppProvider';
@@ -49,7 +50,7 @@ function Navigation({
     <div className={styles.Navigation}>
       <Button
         plain
-        icon="chevronLeft"
+        icon={ChevronLeftMinor}
         disabled={isScrolledFarthestLeft}
         accessibilityLabel={leftA11yLabel}
         onClick={navigateTableLeft}
@@ -57,7 +58,7 @@ function Navigation({
       {pipMarkup}
       <Button
         plain
-        icon="chevronRight"
+        icon={ChevronRightMinor}
         disabled={isScrolledFarthestRight}
         accessibilityLabel={rightA11yLabel}
         onClick={navigateTableRight}
diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx
index 318fbf07a3f..63968a40a02 100644
--- a/src/components/DatePicker/DatePicker.tsx
+++ b/src/components/DatePicker/DatePicker.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import {ArrowLeftMinor, ArrowRightMinor} from '@shopify/polaris-icons';
 import {noop} from '@shopify/javascript-utilities/other';
 import {
   Range,
@@ -135,7 +136,7 @@ export class DatePicker extends React.PureComponent<CombinedProps, State> {
         <div className={styles.Header}>
           <Button
             plain
-            icon="arrowLeft"
+            icon={ArrowLeftMinor}
             accessibilityLabel={intl.translate(
               'Polaris.DatePicker.previousMonth',
               {
@@ -152,7 +153,7 @@ export class DatePicker extends React.PureComponent<CombinedProps, State> {
           />
           <Button
             plain
-            icon="arrowRight"
+            icon={ArrowRightMinor}
             accessibilityLabel={intl.translate('Polaris.DatePicker.nextMonth', {
               nextMonth,
               nextYear,
diff --git a/src/components/Page/components/Header/Header.tsx b/src/components/Page/components/Header/Header.tsx
index e2d23e6f6c8..2fb2076cab5 100644
--- a/src/components/Page/components/Header/Header.tsx
+++ b/src/components/Page/components/Header/Header.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import {classNames} from '@shopify/react-utilities/styles';
 import {
   DisableableAction,
@@ -192,7 +193,7 @@ class Header extends React.PureComponent<CombinedProps, State> {
           activator={
             <Button
               plain
-              icon="horizontalDots"
+              icon={HorizontalDotsMinor}
               onClick={this.handleRollupToggle}
             />
           }
diff --git a/src/components/ResourceList/components/Item/Item.tsx b/src/components/ResourceList/components/Item/Item.tsx
index 0d7f4042c51..452316bdf85 100644
--- a/src/components/ResourceList/components/Item/Item.tsx
+++ b/src/components/ResourceList/components/Item/Item.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import {classNames} from '@shopify/react-utilities/styles';
 import {createUniqueIDFactory, noop} from '@shopify/javascript-utilities/other';
 import compose from '@shopify/react-compose';
@@ -178,7 +179,7 @@ export class Item extends React.PureComponent<CombinedProps, State> {
                   )}
                   onClick={this.handleActionsClick}
                   plain
-                  icon="horizontalDots"
+                  icon={HorizontalDotsMinor}
                 />
               }
               onClose={this.handleCloseRequest}