# iOS app icon Ionic Vue how to change from default

**URL:** <https://forum.ionicframework.com/t/ios-app-icon-ionic-vue-how-to-change-from-default/215629>\
**Category:** Capacitor\
**Created:** [October 1, 2021, 4:27pm UTC](https://forum.ionicframework.com/t/ios-app-icon-ionic-vue-how-to-change-from-default/215629 "2021-10-01T16:27:37Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dillonvuong](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@dillonvuong](https://forum.ionicframework.com/u/dillonvuong)\
**Post date:** [October 1, 2021, 4:27pm UTC](https://forum.ionicframework.com/t/ios-app-icon-ionic-vue-how-to-change-from-default/215629/1 "2021-10-01T16:27:37Z")

</div>

How can I change the default capacitor icon? I have the icon in my public/assets/icon folder but not sure where to implement this change in Ionic 5 Vue with Capacitor for iOS

---

<div class="post-metadata">

**Author:** ![jcesarmobile](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jcesarmobile/32/127095_2.png) [@jcesarmobile](https://forum.ionicframework.com/u/jcesarmobile)\
**Post date:** [October 8, 2021, 3:12pm UTC](https://forum.ionicframework.com/t/ios-app-icon-ionic-vue-how-to-change-from-default/215629/2 "2021-10-08T15:12:09Z")

</div>

you can use cordova-res as explanied here

> **[Capacitor: Cross-platform native runtime for web apps](https://capacitorjs.com/docs/guides/splash-screens-and-icons#creating-splash-screens-and-icons)**
>
> Build iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript

Or change the icons in Xcode manually, they are in `Assets.xcassets` → `AppIcon`