flag-icons
css.gg
Our great sponsors
flag-icons | css.gg | |
---|---|---|
11 | 19 | |
10,187 | 9,547 | |
- | - | |
8.7 | 4.7 | |
17 days ago | 7 days ago | |
CSS | SCSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flag-icons
-
Displaying Country Flags in React: Emojis vs SVG
The CountryFlag component receives the same code property as our emoji component. Yet, it also accepts an optional path to hosted SVG files. I employ a NextJS app, therefore I store all flags in /images/flags within the public folder. I located these flags in the flag-icons GitHub repo and copied them to my project.
- Lazy loading country flag SVG icons
- Country Flags in SVG
- Country Flags in SVG. A curated collection of all country flags in SVG — plus the CSS for easier integration
-
Hacker News top posts: Feb 4, 2022
Country Flags in SVG\ (42 comments)
-
Bundle only used CSS classes and associated SVGs
i use the Flag-Icons library in my Laravel-Project.
-
An incomplete guide in Laravel 8 localization
CSS Flag icons
-
Gatsby build doesn't include svg icons from the CSS library
I'm using the flag-icons SVG icons package, it is working fine in development mode but when I build the site icons are missing in production.
css.gg
-
Free Icons for your reactjs and web applications
6. css.gg
-
29 Websites For Free Icon Sets
css.gg - A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.
-
10 FREE SVG Icon Libraries For Front-End Developers
700+ CSS Icons: Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API.
-
70 Free Resources For Web Designers and Developers
23. css icons
-
Good News!!! Catagories...
// Define and ADD custom CSS const customCSS = ` hr { background-color: #ccc !important; } a.menu-link i { margin-right: 16px; } `; const style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode(customCSS)); head.appendChild(style); // Define separator const separator = document.createElement("hr"); separator.setAttribute("width", "80%"); separator.setAttribute("color", "white"); separator.setAttribute("background-color", "white"); separator.setAttribute("height", "1px"); separator.setAttribute("visible", "true"); //Adding links MENU_LINKS.forEach((link) => { if (link.name === "separator") { // Adding separator menuContainer.appendChild(separator.cloneNode()); } else { // Adding link // Manage icon (automatically import if start with gg-*** from https://css.gg) let icon = ""; if (link.icon.startsWith("gg-")) { icon = ``; const ggName = link.icon.replace("gg-", ""); // Inject css in the head const cssLink = document.createElement("link"); cssLink.type = "text/css"; cssLink.rel = "stylesheet"; cssLink.href = `https://css.gg/${ggName}.css`; head.appendChild(cssLink); } else { icon = ``; } // Create link const linkNode = linkTemplate.cloneNode(); linkNode.setAttribute("href", link.url); linkNode.setAttribute("routerLink", link.url); linkNode.setAttribute("target", (link.target || "_self")); linkNode.innerHTML = icon + " " + link.name; // Add link to the menu menuContainer.appendChild(linkNode); } });
- 25 CSS Tools/Resources That You Should Bookmark
-
Web Development Resources series! Part -2
👉 css.gg
- How can I make icons like these using HTML, CSS?
- Fontawesome alternatives
- CSS.GG - 2.0 - 700 UI Icons in CSS, SVG & Figma
What are some alternatives?
lang - List of 126 languages for Laravel Framework, Laravel Jetstream, Laravel Fortify, Laravel Breeze, Laravel Cashier, Laravel Nova, Laravel Spark and Laravel UI.
tailwind-figma - FlowBite is a free and open-source set of UI components and pages in Figma built for Tailwind CSS
openmoji - Open source emojis for designers, developers and everyone else!
feather - Simply beautiful open-source icons
icons - Official open source SVG icon library for Bootstrap.
Google Fonts - Font files available from Google Fonts, and a public issue tracker for all things Google Fonts
noto-emoji - Noto Emoji fonts
heroicons-ui
CountryCodePicker - Country Code Picker (CCP) is an android library which provides an easy way to search and select country phone code ( national code ) for the telephone number.
genshin-api-tutorial - Repo to accompany the tutorial series for Web Dev Newbies
flag-icons-rails - flag-icon-css sass gem for use in Ruby/Rails projects.
msn-weather-app-clone - Clone of the MSN weather app.