HTML Pride Flags on Toyhouse

Comments on HTML Pride Flags All Comments

handful of flags for people who want them:
- bigender, straight gay (florihet), transhet (trans straight), straight
- 9 stripe gilbert baker pride flag, 6 stripe ally flag, 9 stripe ally flag

also accepting requests for these since i think OP doesn't check this account much

<!-- BIGENDER -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#C479A0,#C479A0 14.3%,#ECA6CB 14.3%,#ECA6CB 28.6%,#D5C7E8 28.6%,#D5C7E8 42.9%,#fff 42.9%,#fff 57.2%,#D5C7E8 57.2%,#D5C7E8 71.5%,#9AC7E8 71.5%,#9AC7E8 85.8%,#6C83CF 85.8%);line-height:20px;width:26px;">&nbsp;</div>

<!-- STRAIGHT GAY/FLORIHET -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#6FC29F,#6FC29F 16.7%,#fff 16.7%,#fff 33.4%,#5D448F 33.3%,#5D448F 50.1%,#fff 50.1%,#fff 66.8%,#6280B7 66.8%,#6280B7 83.5%,#fff 83.5%);line-height:20px;width:26px;">&nbsp;</div>

<!-- TRANSHET/STRAIGHT TRANS -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#BF818D,#BF818D 20%,#ECB8C2 20%,#ECB8C2 40%,#6C6469 40%,#6C6469 60%,#91B6C5 60%,#91B6C5 80%,#4A6671 80%);height:20px;width:26px;">&nbsp;</div>

<!-- STRAIGHT -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#000,#000 16.7%,#fff 16.7%,#fff 33.4%,#000 33.3%,#000 50.1%,#fff 50.1%,#fff 66.8%,#000 66.8%,#000 83.5%,#fff 83.5%);line-height:20px;width:26px;">&nbsp;</div>

<!-- 9 STRIPE PRIDE FLAG -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#CE66FF,#CE66FF 11.11%,#FF6599 11.11%,#FF6599 22.22%,#FF0000 22.22%,#FF0000 33.33%,#FF9900 33.33%,#FF9900 44.44%,#FFFF00 44.44%,#FFFF00 55.55%,#009A00 55.5%,#009A00 66.6%,#0099CC 66.6%,#0099CC 77.7%,#340099 77.7%,#340099 88.8%,#990099 88.8%,#990099);line-height:20px;width:26px;">&nbsp;</div>

<!-- STRAIGHT ALLY -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#000,#000 16.7%,#fff 16.7%,#fff 33.4%,#000 33.3%,#000 50.1%,#fff 50.1%,#fff 66.8%,#000 66.8%,#000 83.5%,#fff 83.5%);line-height:20px;width:26px;"><div class="rounded" style="clip-path: polygon(48.8% 0%, 100.5% 100.5%, 66% 100.5%, 50% 66.8%, 33% 100.5%, 0% 100.5%);;background-image:linear-gradient(#e40303,#e40303 16.7%,#ff8c00 16.7%,#ff8c00 33.4%,#ffed00 33.3%,#ffed00 50.1%,#008026 50.1%,#008026 66.8%,#004dff 66.8%,#004dff 83.5%,#750787 83.5%);">&nbsp;</div></div>

<!-- 9 STRIPE STRAIGHT ALLY -->
<div class="rounded d-inline-block" style="background-image:linear-gradient(#000,#000 11.11%,#fff 11.11%,#fff 22.22%,#000 22.22%,#000 33.33%,#fff 33.33%,#fff 44.44%,#000 44.44%,#000 55.55%,#fff 55.5%,#fff 66.6%,#000 66.6%,#000 77.7%,#fff 77.7%,#fff 88.8%,#000 88.8%,#000);line-height:20px;width:26px;"><div class="rounded" style="clip-path: polygon(48.8% 0%, 100.5% 100.5%, 66% 100.5%, 50% 66.8%, 33% 100.5%, 0% 100.5%);;background-image:linear-gradient(#CE66FF,#CE66FF 11.11%,#FF6599 11.11%,#FF6599 22.22%,#FF0000 22.22%,#FF0000 33.33%,#FF9900 33.33%,#FF9900 44.44%,#FFFF00 44.44%,#FFFF00 55.55%,#009A00 55.5%,#009A00 66.6%,#0099CC 66.6%,#0099CC 77.7%,#340099 77.7%,#340099 88.8%,#990099 88.8%,#990099);">&nbsp;</div></div>

Little_Ghost16

can you do arospec / acespec :)?

leoweo

OP made an arospec one over here!

but here's an acespec one :)

<div class="rounded d-inline-block" style="background-image:linear-gradient(#0C0627,#0C0627 25%,#7B5CCE 25%,#7B5CCE 50%,#E4E4E4 50%,#E4E4E4 75%,#D88C8C 75%);line-height:20px;width:26px;">&nbsp;</div>

Little_Ghost16

tysm <3

blankpages

the straight ally flag isn't working for me for some reason😭 the black stripes shows but the rainbow part doesn't

leoweo

OKAY I THINK I FIGURED OUT WHAT THE ISSUE IS.... the space was getting broken, so replace the space at the very end (the one in "> </div>) with   and it should display correctly

Chimeraas

I know this is an old comment haha but any chance you could do maverique and gaybian?^^