language-icons
Advanced tools
[](https://www.npmjs.com/package/language-icons)  [
Flags are not languages, so we shouldn't use country flags as language icons.
You can use these icons instead.
They are generated using the language's ISO 639-1 code, combined with some colors. Colors are flag-inspired. For example, green/red for Portuguese, and they fallback to blue for unknown colors. If you want to color a currently blue icon, edit the colors.json file and make a pull request.
Each icon is an SVG, around 300 ± 10 bytes.
You can use a CDN like Unpkg to embed a flag icon:
https://unpkg.com/language-icons/icons/LANGUAGE_CODE.svg
In HTML, for example:
<img alt="English" src="https://unpkg.com/language-icons/icons/en.svg">
Icons are also available on NPM:
npm install language-icons
They are in the ./icons folder, you can use an SVG loader to import them:
import English from "./node_modules/language-icons/icons/en.svg"
See the list of icons: https://unpkg.com/language-icons@0.2.0/icons/
Install Typescript dependencies and build icons using the npm run build command.
Icons and code, both MIT
FAQs
[](https://www.npmjs.com/package/language-icons)  [
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Elastic’s return to open source with the AGPL license has been met with skepticism, as many developers see it as a strategic move rather than a genuine effort to restore user trust and freedoms.
Security News
A new "revival hijack" supply chain attack targets deleted Python packages, with an estimated 22K packages at risk. Socket can detect and block hijacked packages that have added malicious code.
Product
We're introducing a new Analytics feature in the Socket dashboard so you can view changes in your organization's and repositories' alerts over time.