Skip to content

risadams/pride-flags

Repository files navigation

CSS Pride Flags

npm

Install

This is a pure CSS library that can be included in your project to display LGBT+ pride flags as either large images, or small icons. It should be straightforward to install and use, and will be updated with new options and flags as they become available.

npm install @risadams/pride-flags

Usage

<head>
  <link rel="stylesheet" href="dist/pride-flags.min.css" />
</head>

<body>
  <div class="flag progress" role="img"></div>
  <div class="flag icon progress"></div>
</body>

Flag Options

  • pink-triangle
  • gilbert-baker
  • pride-1978
  • traditional
  • philadelphia
  • progress
  • intersex-inclusive
  • new-pride
  • social-justice
  • ally-pride
  • intersex
  • labrys
  • pride-of-africa
  • drag
  • puppy
  • leather
  • rubber
  • lesbian
  • bear-brotherhood
  • trans-inclusive
  • agender
  • bigender
  • metagender
  • transgender
  • genderfluid
  • aromantic
  • abrosexual
  • graysexual
  • hijra
  • bisexual
  • demisexual
  • demiromantic
  • nonbinary
  • asexual
  • pansexual
  • genderqueer
  • polysexual
  • twink
  • androgyne

Contribute

If you think this could be better, please open an issue!

Please note that all interactions in this organization fall under our Code of Conduct.

License

MIT © 1996+ Ris Adams