[GH-ISSUE #551] Using flag-icon-css with Jekyll #325

Closed
opened 2026-03-03 14:37:33 +03:00 by kerem · 1 comment
Owner

Originally created by @mabalenk on GitHub (Apr 28, 2019).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/551

Would you please tell me the initial steps on how to use the flag icons with the Jekyll website? I have cloned the flag-icon-css repository and copied the flags and css directories under my website directory. But I still cannot use the flags with

<span class="flag-icon flag-icon-gr"></span>

in my blog posts. I'm sure I'm missing something.

Originally created by @mabalenk on GitHub (Apr 28, 2019). Original GitHub issue: https://github.com/lipis/flag-icons/issues/551 Would you please tell me the initial steps on how to use the flag icons with the Jekyll website? I have cloned the `flag-icon-css` repository and copied the `flags` and `css` directories under my website directory. But I still cannot use the flags with <span class="flag-icon flag-icon-gr"></span> in my blog posts. I'm sure I'm missing something.
kerem closed this issue 2026-03-03 14:37:33 +03:00
Author
Owner

@mabalenk commented on GitHub (Apr 28, 2019):

I have solved the issue. I forgot to add the font-icon.css into the head.html file:

<link rel="stylesheet" href="{{ "/css/flag-icon.css" | relative_url }}">
<!-- gh-comment-id:487376372 --> @mabalenk commented on GitHub (Apr 28, 2019): I have solved the issue. I forgot to add the `font-icon.css` into the `head.html` file: <link rel="stylesheet" href="{{ "/css/flag-icon.css" | relative_url }}">
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/flag-icons#325
No description provided.