From c54911f45175d55fd29cb8925694be6655a92fed Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Tue, 28 Apr 2020 15:34:01 -0400
Subject: [PATCH] docs(refresher): update usage to correct ionicons 5 icon
 (#21141)

closes ionic-team/ionic-docs#1263
---
 core/src/components/refresher/readme.md           | 9 +++++----
 core/src/components/refresher/usage/angular.md    | 2 +-
 core/src/components/refresher/usage/javascript.md | 2 +-
 core/src/components/refresher/usage/react.md      | 3 ++-
 core/src/components/refresher/usage/vue.md        | 2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/core/src/components/refresher/readme.md b/core/src/components/refresher/readme.md
index 765cc26598..7cc88f987d 100644
--- a/core/src/components/refresher/readme.md
+++ b/core/src/components/refresher/readme.md
@@ -51,7 +51,7 @@ Using the MD native `ion-refresher` requires setting the `pullingIcon` property
 <ion-content>
   <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-refresher-content
-      pullingIcon="arrow-dropdown"
+      pullingIcon="chevron-down-circle-outline"
       pullingText="Pull to refresh"
       refreshingSpinner="circles"
       refreshingText="Refreshing...">
@@ -104,7 +104,7 @@ export class RefresherExample {
 <ion-content>
   <ion-refresher slot="fixed">
     <ion-refresher-content
-      pulling-icon="arrow-dropdown"
+      pulling-icon="chevron-down-circle-outline"
       pulling-text="Pull to refresh"
       refreshing-spinner="circles"
       refreshing-text="Refreshing...">
@@ -120,6 +120,7 @@ export class RefresherExample {
 import React from 'react';
 import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react';
 import { RefresherEventDetail } from '@ionic/core';
+import { chevronDownCircleOutline } from 'ionicons/icons';
 
 function doRefresh(event: CustomEvent<RefresherEventDetail>) {
   console.log('Begin async operation');
@@ -150,7 +151,7 @@ export const RefresherExample: React.FC = () => (
     <IonContent>
       <IonRefresher slot="fixed" onIonRefresh={doRefresh}>
         <IonRefresherContent
-          pullingIcon="arrow-dropdown"
+          pullingIcon={chevronDownCircleOutline}
           pullingText="Pull to refresh"
           refreshingSpinner="circles"
           refreshingText="Refreshing...">
@@ -184,7 +185,7 @@ export const RefresherExample: React.FC = () => (
   <ion-content>
     <ion-refresher slot="fixed" @ionRefresh="doRefresh($event)">
       <ion-refresher-content
-        pulling-icon="arrow-dropdown"
+        pulling-icon="chevron-down-circle-outline"
         pulling-text="Pull to refresh"
         refreshing-spinner="circles"
         refreshing-text="Refreshing...">
diff --git a/core/src/components/refresher/usage/angular.md b/core/src/components/refresher/usage/angular.md
index 10280cc37d..73ef037952 100644
--- a/core/src/components/refresher/usage/angular.md
+++ b/core/src/components/refresher/usage/angular.md
@@ -17,7 +17,7 @@
 <ion-content>
   <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-refresher-content
-      pullingIcon="arrow-dropdown"
+      pullingIcon="chevron-down-circle-outline"
       pullingText="Pull to refresh"
       refreshingSpinner="circles"
       refreshingText="Refreshing...">
diff --git a/core/src/components/refresher/usage/javascript.md b/core/src/components/refresher/usage/javascript.md
index d337ed25e3..c5a40c8227 100644
--- a/core/src/components/refresher/usage/javascript.md
+++ b/core/src/components/refresher/usage/javascript.md
@@ -17,7 +17,7 @@
 <ion-content>
   <ion-refresher slot="fixed">
     <ion-refresher-content
-      pulling-icon="arrow-dropdown"
+      pulling-icon="chevron-down-circle-outline"
       pulling-text="Pull to refresh"
       refreshing-spinner="circles"
       refreshing-text="Refreshing...">
diff --git a/core/src/components/refresher/usage/react.md b/core/src/components/refresher/usage/react.md
index a2cc671666..ebcba0b210 100644
--- a/core/src/components/refresher/usage/react.md
+++ b/core/src/components/refresher/usage/react.md
@@ -2,6 +2,7 @@
 import React from 'react';
 import { IonContent, IonRefresher, IonRefresherContent } from '@ionic/react';
 import { RefresherEventDetail } from '@ionic/core';
+import { chevronDownCircleOutline } from 'ionicons/icons';
 
 function doRefresh(event: CustomEvent<RefresherEventDetail>) {
   console.log('Begin async operation');
@@ -32,7 +33,7 @@ export const RefresherExample: React.FC = () => (
     <IonContent>
       <IonRefresher slot="fixed" onIonRefresh={doRefresh}>
         <IonRefresherContent
-          pullingIcon="arrow-dropdown"
+          pullingIcon={chevronDownCircleOutline}
           pullingText="Pull to refresh"
           refreshingSpinner="circles"
           refreshingText="Refreshing...">
diff --git a/core/src/components/refresher/usage/vue.md b/core/src/components/refresher/usage/vue.md
index 82e9737646..e5e79b8b9c 100644
--- a/core/src/components/refresher/usage/vue.md
+++ b/core/src/components/refresher/usage/vue.md
@@ -18,7 +18,7 @@
   <ion-content>
     <ion-refresher slot="fixed" @ionRefresh="doRefresh($event)">
       <ion-refresher-content
-        pulling-icon="arrow-dropdown"
+        pulling-icon="chevron-down-circle-outline"
         pulling-text="Pull to refresh"
         refreshing-spinner="circles"
         refreshing-text="Refreshing...">