https://github.com/b3yc0d3/twemoji-flags
Pride Flags in Twemoji Flag style
https://github.com/b3yc0d3/twemoji-flags
css flags minimal pride-flags sexuality svg twemoji
Last synced: about 1 year ago
JSON representation
Pride Flags in Twemoji Flag style
- Host: GitHub
- URL: https://github.com/b3yc0d3/twemoji-flags
- Owner: b3yc0d3
- License: mpl-2.0
- Created: 2021-02-21T22:01:42.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-06-06T17:06:17.000Z (about 1 year ago)
- Last Synced: 2025-06-06T17:24:27.680Z (about 1 year ago)
- Topics: css, flags, minimal, pride-flags, sexuality, svg, twemoji
- Language: JavaScript
- Homepage:
- Size: 127 KB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# twemoji-flags
Pride flags in the style of Twemojis.
## Emojicons
| Flag | Name | Filename |
|------|------|----------|
| 
| Agender Flag | `agender_flag.svg` |
| 
| Aromantic Flag | `aromantic_flag.svg` |
| 
| Asexual Flag | `asexual_flag.svg` |
| 
| Bisexual Flag | `bi_flag.svg` |
| 
| Ceres Flag | `ceres_flag.svg` |
| 
| Demiboy Flag | `demiboy_flag.svg` |
| 
| Demigirl Flag | `demigirl_flag.svg` |
| 
| Demisexual Flag | `demi_flag.svg` |
| 
| Femboy Flag | `femboy_flag.svg` |
| 
| Genderfluid Flag | `genderfluid_flag.svg` |
| 
| Genderqueer NB 1 Flag | `genderqueer_nb1_flag.svg` |
| 
| Genderqueer NB Flag | `genderqueer_nb_flag.svg` |
| 
| Heterosexual Flag | `hetero_flag.svg` |
| 
| Intersexual Flag | `intersexualtiy_flag.svg` |
| 
| Lesbian Flag | `lesbian_flag.svg` |
| 
| Neutrois Flag | `neutrois_flag.svg` |
| 
| NB Flag | `nb_flag.svg` |
| 
| Pansexual Flag | `pan_flag.svg` |
| 
| polyamory 1 Flag | `polyamory1_flag.svg` |
| 
| polyamory Flag | `polyamory_flag.svg` |
| 
| Polysexual | `polysexual_flag.svg` |
| 
| Progress Pride Flag | `progress_pride_flag.svg` |
| 
| Straight Ally Flag | `straight_ally_flag.svg` |
| 
| Transgender Flag | `trans_flag.svg` |
||||
| 
| Just a template for those who wanna add more flags | `TEMPLATE_FLAG.svg` |
## Usage
1. Download the zip file form the github releases.
2. Unzip the archive, you will finde a LICENSE, twf.css and twf.min.css.
3. Put either or both of these CSS files (and the license file) in to your web projects resource folder.
4. Link in your html to either of these two CSS files, like the following
```html
```
For production project, we recommend to use the minified version (twf.min.css).
And now you can simply use all pride flags of twemoji-flags as simple as the following examples
```html
```
You can change the size of the emoji flags by setting the css variable `--pride-flag-size` to any size you like, default is 24px.
## Build Process
It's as simple as just running the following commands, after cloning this
repository.
```
npm install
npm run build-dist
```
or
```
npm install
npm run build-dev
```
## Contribution
You have a flag that isn't included yet? Feel free to make a pull request and add it OR open a Issue!
There are simple rules every pull request has to obay
1. Only make pull requests to the `develop` branch.
2. Your pull request title must be descriptive.
3. Flags MUST be put in to `flags/` as SVG file. If you use Inkscape, export the file as "Plain SVG".