My 88×31-pixel buttons!
Introduction
88×31-pixel buttons created by me with GNU Image Manipulation Program. I don't reserve any rights to them, but the buttons based on others' work may come with their own licenses.
Unless otherwise mentioned, the buttons only use colours from the 216-colour web-safe palette (Wikipedia). They are more likely to display correctly on ancient computers.
You can also download all the buttons: 88x31-by-qalle.zip (includes this page; around 100 kilobytes).
Pride
| Button | Description | Based on |
|---|---|---|
![]() |
rainbow | Wikimedia Commons |
![]() |
intersex-inclusive progress pride | Wikimedia Commons |
![]() |
intersex pride | Wikimedia Commons |
![]() |
transgender pride | Wikimedia Commons |
![]() |
transbian (transgender lesbian) pride | Wikimedia Commons (by LostAndReluctant) |
![]() |
nonbinary pride | Wikimedia Commons |
![]() |
lesbian pride | Wikimedia Commons |
![]() |
gay men pride | Wikimedia Commons |
![]() |
bisexual pride | Wikimedia Commons |
![]() |
pansexual pride | Wikimedia Commons |
![]() |
asexual pride | Wikimedia Commons |
![]() |
aromantic pride | Wikimedia Commons |
![]() |
polyamory pride | Wikimedia Commons |
![]() |
leather, latex and BDSM pride | Wikimedia Commons |
![]() |
nonhuman (therian, otherkin) pride | Wikimedia Commons |
![]() |
speciesqueer | Pi on BlueSky |
![]() |
disability pride | Wikimedia Commons |
![]() |
neurodivergent pride – 24-bit colour, not web-safe | Wikimedia Commons (by unknown, NinjaFerretArt, Intervex) |
![]() |
neurodivergent pride – 64 colours, not web-safe | Wikimedia Commons (by unknown, NinjaFerretArt, Intervex) |
![]() |
neurodivergent pride – web-safe | Wikimedia Commons (by unknown, NinjaFerretArt, Intervex) |
![]() |
autism pride – 24-bit colour, not web-safe | a flag by Autistic Empire |
![]() |
autism pride – 64 colours, not web-safe | a flag by Autistic Empire |
![]() |
autism pride – web-safe | a flag by Autistic Empire |
![]() |
autism creature | a drawing on Reddit |
![]() |
autism creature with trailing rainbow | a drawing on Reddit |
![]() |
autism creature with horizontal rainbow stripes | a drawing on Reddit |
![]() |
autism creature with circular rainbow | a drawing on Reddit |
![]() |
ADHD pride – 24-bit colour (not web-safe) | Wikimedia commons (by ADHDGrrl) |
![]() |
ADHD pride – web-safe | Wikimedia commons (by ADHDGrrl) |
![]() |
boykisser | a drawing on SilvaGunner Wiki |
![]() |
boykisser with horizontal rainbow stripes | a drawing on SilvaGunner Wiki |
![]() |
boykisser with circular rainbow | a drawing on SilvaGunner Wiki |
![]() |
Bad Dragon | Bad Dragon logo on Wikipedia |
![]() |
Bad Dragon with horizontal rainbow stripes | Bad Dragon logo on Wikipedia |
![]() |
Bad Dragon with circular rainbow | Bad Dragon logo on Wikipedia |
![]() |
IKEA Blåhaj (blue shark) | IKEA – BLÅHAJ product photo |
![]() |
IKEA Blåhaj (blue shark) and the transgender flag | IKEA – BLÅHAJ product photo |
Pronouns
Third-person pronouns in retro PC fonts. See also Appendix: fonts used. Source for neopronouns: Pronouns.page.
CGA
Pronouns in the CGA font. All texts have the authentic 5:12 pixel aspect ratio except for “they/them” which has been squished horizontally.
EGA
Pronouns in the EGA font. Texts with seven characters or less (“she/her” etc.) have the authentic 35:48 pixel aspect ratio; the rest have been squished horizontally.
VGA
Pronouns in the VGA font. Only the buttons with six characters or less (“he/him” etc.) have the authentic 20:27 pixel aspect ratio; the rest have been squished horizontally.
Pixel-perfect versions
The same buttons as above, before they were horizontally stretched to their authentic aspect ratio. You probably don't need these unless you're creating new buttons yourself.

Microchips
All chips are 40-pin DIPs unless otherwise mentioned.
| Button | Description | Based on |
|---|---|---|
![]() |
MOS Technology | MOS logo on Wikimedia Commons |
![]() |
MOS Technology inside | MOS logo on Wikimedia Commons |
![]() |
Zilog | Zilog early logo on Wikipedia |
![]() |
Zilog inside | Zilog early logo on Wikipedia |
![]() |
Motorola – 40 pins | Motorola logo on Wikimedia Commons |
![]() |
Motorola – 64 pins | Motorola logo on Wikimedia Commons |
![]() |
Motorola inside – 40 pins | Motorola logo on Wikimedia Commons |
![]() |
Motorola inside – 64 pins | Motorola logo on Wikimedia Commons |
![]() |
Bad Dragon | Bad Dragon logo on Wikipedia |
![]() |
Bad Dragon inside | Bad Dragon logo on Wikipedia |
Other retro PC
See also Appendix: fonts used.
| Button | Description | Based on |
|---|---|---|
![]() |
the DOS prompt in the VGA font; see also “Appendix: the VGA font” below | |
![]() |
the DOS prompt in the VGA font; directory “games” | |
![]() |
the DOS prompt in the VGA font; directory “QBasic” | |
![]() |
the text “640 KB OK” in the CGA font | – |
![]() |
the CGA palette and the text “all i need” in the CGA font (non-web-safe palette) | – |
![]() |
the CGA palette and the text “all u need” in the CGA font (non-web-safe palette) | – |
![]() |
Dopefish (an enemy from Commander Keen: Secret of the Oracle) – original (non-web-safe) colours, no borders | my screenshot |
![]() |
Dopefish (an enemy from Commander Keen: Secret of the Oracle) – web-safe colours, with borders | my screenshot |
“Online since…”
A button for every decade. VGA font (see Appendix: fonts used) but 1:1 pixel aspect ratio and letter spacing adjusted.
Other buttons
| Button | Description | Based on |
|---|---|---|
![]() |
“System hacked!” and the command “stealacar.exe” being entered – green | – |
![]() |
“System hacked!” and the command “stealacar.exe” being entered – orange | – |
![]() |
an envelope (text message icon of a 1990s mobile phone) | Nokia 5190 on Legacy Portable Computing Wiki |
![]() |
a compact (analog audio) cassette (based on an icon from Windows 3.1) | PROGMAN.EXE Icons |
![]() |
Hadrosaurus Software – white text on rainbow background (unofficial!) | Hadrosaurus Software – Logo & Icon |
![]() |
Hadrosaurus Software – rainbow dinosaur and white letter H (unofficial!) | Hadrosaurus Software – Logo & Icon |
![]() |
Hadrosaurus Software – white dinosaur in front of a rainbow (unofficial!) | Fediverse – Hadrosaurus Software |
![]() |
the entire web-safe palette | – |
![]() |
a gradient with full saturation in the HSL system – 24-bit colour, not web-safe | – |
![]() |
a gradient with full saturation in the HSL system – web-safe, dithered | – |
![]() |
Intel Inside? – No Thanks (a reference to “Nuclear Power? – No Thanks”) | Intel logo, anti-nuclear logo |
![]() |
Palestine flag – original aspect ratio, no 3D effect, non-web-safe palette | Wikimedia Commons |
![]() |
Palestine flag – full width, 3D effect, non-web-safe palette | Wikimedia Commons |
![]() |
Taloussuklaa chocolate | K-Ruoka |
![]() |
EuroShopper (ES) energy drink (not web-safe) | K-Ruoka |
![]() |
Lena's eyes – 24-bit colour, not web-safe | Morten Hannemose |
![]() |
Lena's eyes – 64 colours, not web-safe | Morten Hannemose |
![]() |
Lena's eyes – web-safe | Morten Hannemose |
![]() |
an empty dark button with a raised edge | – |
![]() |
an empty light button with a raised edge | – |
![]() |
some kind of pattern | – |
![]() |
lorem ipsum text | Wikipedia |
![]() |
for linking to this site | – |
Appendix: fonts used
I used these fonts in some of my buttons.
They're probably familiar from old IBM PC compatible computers.
They're based on screenshots of DOSBox.
Each image shows the printable ASCII characters (0x20…0x7e).
Original fonts in pixel aspect ratio 1:1:
| Font | Character size | Description |
|---|---|---|
![]() | 8×8 | CGA |
![]() | 8×14 | EGA |
![]() | 9×16 | VGA (the last pixel column of each character is empty) |
The same fonts with scanline effects added by me (stretched vertically and some lines darkened; the scanline effect applies to the non-black colour):
| Font | Inverse font | Character size | Description |
|---|---|---|---|
![]() | ![]() | 8×16 | CGA, pixel aspect ratio 1:2 |
![]() | ![]() | 8×24 | CGA, pixel aspect ratio 1:3 |
![]() | ![]() | 8×28 | EGA, pixel aspect ratio 1:2 |
![]() | ![]() | 9×32 | VGA, pixel aspect ratio 1:2 |
I think these are the authentic pixel aspect ratios for each font:
- CGA: 5:12 or approximately 0.42 (assuming 640×200 pixels on a 4:3 screen)
- EGA: 35:48 or approximately 0.73 (assuming 640×350 pixels on a 4:3 screen)
- VGA: 20:27 or approximately 0.74 (assuming 720×400 pixels on a 4:3 screen)
























































































