[GH-ISSUE #409] How to use flag-icon-css with Ionic 3? #250

New issue

Closed

opened 2026-03-03 14:35:49 +03:00 by kerem · 2 comments

kerem commented

2026-03-03 14:35:49 +03:00

Owner

Originally created by @juanqui66 on GitHub (Nov 12, 2017).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/409

I'm starting with Ionic 3 and I need to use country flags and coins and I wanted to use flag-icon-css, but I do not know how to do it. I added the dependency with:

npm install --save flag-icon-css

... but now I do not know how to continue. I have reviewed the issue # 193 but then there was no ionic 2/3. Any ideas?

Thanks in advance.

Originally created by @juanqui66 on GitHub (Nov 12, 2017). Original GitHub issue: https://github.com/lipis/flag-icons/issues/409 I'm starting with Ionic 3 and I need to use country flags and coins and I wanted to use flag-icon-css, but I do not know how to do it. I added the dependency with: npm install --save flag-icon-css ... but now I do not know how to continue. I have reviewed the issue # 193 but then there was no ionic 2/3. Any ideas? Thanks in advance.

kerem closed this issue

2026-03-03 14:35:49 +03:00

kerem commented

2026-03-03 14:35:50 +03:00

Author

Owner

@tomlutzenberger commented on GitHub (Nov 12, 2017):

I recommend to look at Ionic's documentation first:
https://ionicframework.com/docs/developer-resources/third-party-libs/

Google "use css library with ionic 3" => 2. result

@tomlutzenberger commented on GitHub (Nov 12, 2017): I recommend to look at Ionic's documentation first: https://ionicframework.com/docs/developer-resources/third-party-libs/ Google "use css library with ionic 3" => 2. result

kerem commented

2026-03-03 14:35:50 +03:00

Author

Owner

@juanqui66 commented on GitHub (Nov 13, 2017):

Finally I have achieved it with the following steps (besides installing your module):

Edit the file ./node_modules/[at]ionic/app-scripts/config/copy.config.js of our project (creating the file ./config/copy.config.js has not worked for me). We add the following lines at the end of it:

   copyFlagIconCss: {
     src: ['{{ROOT}}/node_modules/flag-icon-css/css/'],
     dest: '{{BUILD}}'
   },
   copyFlagIconFlagsCss: {
     src: ['{{ROOT}}/node_modules/flag-icon-css/flags/**/'],
     dest: '{{WWW}}/flags/'

Edit the file ./src/index.html to add:

The problem was in which copy.config.js to use and the second line added in this file, that in no forum had seen that it was necessary to use.

Thank you and excuse my bad English.

@juanqui66 commented on GitHub (Nov 13, 2017): Finally I have achieved it with the following steps (besides installing your module): 1. Edit the file ./node_modules/[at]ionic/app-scripts/config/copy.config.js of our project (creating the file ./config/copy.config.js has not worked for me). We add the following lines at the end of it: copyFlagIconCss: { src: ['{{ROOT}}/node_modules/flag-icon-css/css/*'], dest: '{{BUILD}}' }, copyFlagIconFlagsCss: { src: ['{{ROOT}}/node_modules/flag-icon-css/flags/**/*'], dest: '{{WWW}}/flags/' 2. Edit the file ./src/index.html to add: <link href = "build/flag-icon.min.css" rel = "stylesheet"> The problem was in which copy.config.js to use and the second line added in this file, that in no forum had seen that it was necessary to use. Thank you and excuse my bad English.

kerem referenced this issue

2026-03-03 14:40:26 +03:00

[PR #250] [CLOSED] add info about UK indiviual flags #716