{"id":28566334,"url":"https://github.com/b3yc0d3/twemoji-flags","last_synced_at":"2025-06-10T15:09:51.512Z","repository":{"id":48129802,"uuid":"341013634","full_name":"b3yc0d3/twemoji-flags","owner":"b3yc0d3","description":"Pride Flags in Twemoji Flag style","archived":false,"fork":false,"pushed_at":"2025-06-06T17:06:17.000Z","size":130,"stargazers_count":9,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-06T17:24:27.680Z","etag":null,"topics":["css","flags","minimal","pride-flags","sexuality","svg","twemoji"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/b3yc0d3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-02-21T22:01:42.000Z","updated_at":"2025-06-06T17:03:14.000Z","dependencies_parsed_at":"2024-06-23T12:49:01.842Z","dependency_job_id":"81ca0860-ca70-4ad7-8dc9-26b2eec4b774","html_url":"https://github.com/b3yc0d3/twemoji-flags","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b3yc0d3%2Ftwemoji-flags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b3yc0d3%2Ftwemoji-flags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b3yc0d3%2Ftwemoji-flags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b3yc0d3%2Ftwemoji-flags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/b3yc0d3","download_url":"https://codeload.github.com/b3yc0d3/twemoji-flags/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/b3yc0d3%2Ftwemoji-flags/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259098638,"owners_count":22804793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","flags","minimal","pride-flags","sexuality","svg","twemoji"],"created_at":"2025-06-10T15:09:51.009Z","updated_at":"2025-06-10T15:09:51.499Z","avatar_url":"https://github.com/b3yc0d3.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# twemoji-flags\n\n\u003cimg src=\".github/header_img.svg\"\u003e\n\n![url](https://img.shields.io/badge/current%20flag%20count-21-blue)\n![url1](https://img.shields.io/github/last-commit/NikiNikOfficially/twemoji-flags)\n\nPride flags in the style of Twemojis.\n\u003c/div\u003e\n\n## Emojicons\n| Flag | Name | Filename |\n|------|------|----------|\n| \u003cimg width=\"64\" src=\"./assets/flags/agender_flag.svg\" /\u003e                  | Agender Flag          | `agender_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/aromantic_flag.svg\" /\u003e                | Aromantic Flag        | `aromantic_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/asexual_flag.svg\" /\u003e                  | Asexual Flag          | `asexual_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/bi_flag.svg\" /\u003e                 | Bisexual Flag         | `bi_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/ceres_flag.svg\" /\u003e                    | Ceres Flag            | `ceres_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/demiboy_flag.svg\" /\u003e                  | Demiboy Flag          | `demiboy_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/demigirl_flag.svg\" /\u003e                 | Demigirl Flag         | `demigirl_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/demi_flag.svg\" /\u003e               | Demisexual Flag       | `demi_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/femboy_flag.svg\"\u003e | Femboy Flag | `femboy_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/genderfluid_flag.svg\" /\u003e              | Genderfluid Flag      | `genderfluid_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/genderqueer_nb1_flag.svg\" /\u003e | Genderqueer NB 1 Flag | `genderqueer_nb1_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/genderqueer_nb_flag.svg\" /\u003e    | Genderqueer NB Flag   | `genderqueer_nb_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/hetero_flag.svg\" /\u003e  | Heterosexual Flag     | `hetero_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/intersexualtiy_flag.svg\" /\u003e           | Intersexual Flag      | `intersexualtiy_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/lesbian_flag.svg\" /\u003e                  | Lesbian Flag          | `lesbian_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/neutrois_flag.svg\" /\u003e                 | Neutrois Flag         | `neutrois_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/nb_flag.svg\" /\u003e                | NB Flag               | `nb_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/pan_flag.svg\" /\u003e               | Pansexual Flag        | `pan_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/polyamory1_flag.svg\" /\u003e            | polyamory 1 Flag     | `polyamory1_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/polyamory_flag.svg\" /\u003e               | polyamory Flag       | `polyamory_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/polysexual_flag.svg\" /\u003e              | Polysexual            | `polysexual_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/progress_pride_flag.svg\" /\u003e              | Progress Pride Flag            | `progress_pride_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/straight_ally_flag.svg\" /\u003e              | Straight Ally Flag      | `straight_ally_flag.svg` |\n| \u003cimg width=\"64\" src=\"./assets/flags/trans_flag.svg\" /\u003e              | Transgender Flag      | `trans_flag.svg` |\n||||\n| \u003cimg width=\"64\" src=\"./assets/flags/TEMPLATE_FLAG.svg\" style=\"border: 1px solid orange;\" /\u003e | Just a template for those who wanna add more flags | `TEMPLATE_FLAG.svg` |\n\n\u003c!-- Work time: 1 h 14 min, 22.02.2021 --\u003e\n\n## Usage\n1. Download the zip file form the github releases.\n2. Unzip the archive, you will finde a LICENSE, twf.css and twf.min.css.\n3. Put either or both of these CSS files (and the license file) in to your web projects resource folder.\n4. Link in your html to either of these two CSS files, like the following\n    ```html\n    \u003clink rel=\"stylesheet\" href=\"path/to/twf.min.css\"\u003e\n    ```\n    For production project, we recommend to use the minified version (twf.min.css).\n\nAnd now you can simply use all pride flags of twemoji-flags as simple as the following examples\n```html\n\u003cdiv class=\"agender-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"aromantic-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"asexual-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"bi-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"ceres-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"demi-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"demiboy-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"demigirl-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"femboy-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"genderfluid-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"genderqueer-nb-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"genderqueer-nb1-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"hetero-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"intersexual-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"lesbian-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"neutrois-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"nb-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"pan-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"polyamory-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"polyamory1-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"polysexual-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"progress-pride-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"straight-ally-flag\"\u003e\u003c/div\u003e\n\u003cdiv class=\"trans-flag\"\u003e\u003c/div\u003e\n```\n\nYou can change the size of the emoji flags by setting the css variable `--pride-flag-size` to any size you like, default is 24px.\n\n## Build Process\nIt's as simple as just running the following commands, after cloning this\nrepository.\n```\nnpm install\n\nnpm run build-dist\n```\nor\n```\nnpm install\n\nnpm run build-dev\n```\n\n## Contribution\nYou have a flag that isn't included yet? Feel free to make a pull request and add it OR open a Issue!\n\nThere are simple rules every pull request has to obay\n\n1. Only make pull requests to the `develop` branch.\n2. Your pull request title must be descriptive.\n3. Flags MUST be put in to `flags/` as SVG file. If you use Inkscape, export the file as \"Plain SVG\".\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb3yc0d3%2Ftwemoji-flags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fb3yc0d3%2Ftwemoji-flags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fb3yc0d3%2Ftwemoji-flags/lists"}