starred/flag-icons

Fork 0

mirror of https://github.com/lipis/flag-icons.git synced 2026-04-26 09:25:50 +03:00

[GH-ISSUE #428] Using flag-icon-css in Vue Webpack Project? #262

New issue

Closed

opened 2026-03-03 14:35:54 +03:00 by kerem · 7 comments

kerem commented

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

Owner

Originally created by @akinhwan on GitHub (Feb 10, 2018).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/428

I have successfully npm installed this package, however I feel like I am missing a step.
Do I need to import it somehow within my single file Vue component?
Is it @import or require()?

Originally created by @akinhwan on GitHub (Feb 10, 2018). Original GitHub issue: https://github.com/lipis/flag-icons/issues/428 I have successfully npm installed this package, however I feel like I am missing a step. Do I need to import it somehow within my single file Vue component? Is it @import or require()?

kerem closed this issue

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

kerem commented

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

Author

Owner

@rhymes commented on GitHub (Feb 12, 2018):

@akinhwan check this out: https://github.com/vikkio88/vue-flag-icon

@rhymes commented on GitHub (Feb 12, 2018): @akinhwan check this out: https://github.com/vikkio88/vue-flag-icon

kerem commented

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

Author

Owner

@stychu commented on GitHub (Feb 20, 2018):

Also having problem with use flags with webpack project. Im using Angular 5 (cli)

@stychu commented on GitHub (Feb 20, 2018): Also having problem with use flags with webpack project. Im using Angular 5 (cli)

kerem commented

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

Author

Owner

@papoola commented on GitHub (Feb 26, 2018):

import 'flag-icon-css/css/flag-icon.css'

@papoola commented on GitHub (Feb 26, 2018): ```js import 'flag-icon-css/css/flag-icon.css' ```

kerem commented

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

Author

Owner

@cbeaujoin commented on GitHub (Mar 22, 2018):

With Angular 5, you can refer to the CSS file in the .angular-cli

 "styles": [
        "../node_modules/flag-icon-css/css/flag-icon.min.css"
      ]

@cbeaujoin commented on GitHub (Mar 22, 2018): With Angular 5, you can refer to the CSS file in the .angular-cli ``` "styles": [ "../node_modules/flag-icon-css/css/flag-icon.min.css" ] ```

kerem commented

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

Author

Owner

@akinhwan commented on GitHub (Mar 24, 2018):

thanks everyone!

@akinhwan commented on GitHub (Mar 24, 2018): thanks everyone!

kerem commented

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

Author

Owner

@ArthurYdalgo commented on GitHub (Oct 24, 2021):

import 'flag-icon-css/css/flag-icon.css'

In case anyone is having any trouble, check if you're missing the 's' in icons

@ArthurYdalgo commented on GitHub (Oct 24, 2021): > ```js > import 'flag-icon-css/css/flag-icon.css' > ``` In case anyone is having any trouble, check if you're missing the 's' in icons ![image](https://user-images.githubusercontent.com/25585428/138607358-0c8d78fe-e853-4948-af44-bf32fc24d10e.png)

kerem commented

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

Author

Owner

@nspa4921 commented on GitHub (Nov 26, 2021):

you made my day 😃

@nspa4921 commented on GitHub (Nov 26, 2021): you made my day 😃