transgender symbol emoji
transgender-symbol from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- transgender-symbol
- Set
- Twitter Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Twitter Emoji
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the transgender symbol emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9266cc" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M18 24.3c-3.749 0-6.8-3.051-6.8-6.8s3.051-6.8 6.8-6.8s6.8 3.051 6.8 6.8s-3.051 6.8-6.8 6.8m0-11.2c-2.426 0-4.4 1.974-4.4 4.4s1.974 4.4 4.4 4.4s4.4-1.974 4.4-4.4s-1.974-4.4-4.4-4.4"/><path fill="#fff" d="M18 31.5a1.2 1.2 0 0 1-1.2-1.2v-7.2a1.2 1.2 0 1 1 2.4 0v7.2a1.2 1.2 0 0 1-1.2 1.2"/><path fill="#fff" d="M21.9 28.3h-7.8a1.2 1.2 0 1 1 0-2.4h7.8a1.2 1.2 0 0 1 0 2.4m6.9-22.8h-7.175a1.2 1.2 0 1 0 0 2.4h4.278l-5.6 5.503L22 15.1l5.6-5.503V13.9a1.201 1.201 0 0 0 2.4 0V6.7a1.2 1.2 0 0 0-1.2-1.2m-15.194 5.291l-2.315 2.315a1.2 1.2 0 0 1-1.697-1.697l2.315-2.315a1.2 1.2 0 0 1 1.697 1.697"/><path fill="#fff" d="M7.2 5.5h7.175a1.2 1.2 0 1 1 0 2.4h-4.278l5.6 5.503L14 15.1L8.4 9.597V13.9a1.2 1.2 0 0 1-2.4 0V6.7a1.2 1.2 0 0 1 1.2-1.2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTransgenderSymbol(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9266cc" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M18 24.3c-3.749 0-6.8-3.051-6.8-6.8s3.051-6.8 6.8-6.8s6.8 3.051 6.8 6.8s-3.051 6.8-6.8 6.8m0-11.2c-2.426 0-4.4 1.974-4.4 4.4s1.974 4.4 4.4 4.4s4.4-1.974 4.4-4.4s-1.974-4.4-4.4-4.4"/><path fill="#fff" d="M18 31.5a1.2 1.2 0 0 1-1.2-1.2v-7.2a1.2 1.2 0 1 1 2.4 0v7.2a1.2 1.2 0 0 1-1.2 1.2"/><path fill="#fff" d="M21.9 28.3h-7.8a1.2 1.2 0 1 1 0-2.4h7.8a1.2 1.2 0 0 1 0 2.4m6.9-22.8h-7.175a1.2 1.2 0 1 0 0 2.4h4.278l-5.6 5.503L22 15.1l5.6-5.503V13.9a1.201 1.201 0 0 0 2.4 0V6.7a1.2 1.2 0 0 0-1.2-1.2m-15.194 5.291l-2.315 2.315a1.2 1.2 0 0 1-1.697-1.697l2.315-2.315a1.2 1.2 0 0 1 1.697 1.697"/><path fill="#fff" d="M7.2 5.5h7.175a1.2 1.2 0 1 1 0 2.4h-4.278l5.6 5.503L14 15.1L8.4 9.597V13.9a1.2 1.2 0 0 1-2.4 0V6.7a1.2 1.2 0 0 1 1.2-1.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9266cc" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M18 24.3c-3.749 0-6.8-3.051-6.8-6.8s3.051-6.8 6.8-6.8s6.8 3.051 6.8 6.8s-3.051 6.8-6.8 6.8m0-11.2c-2.426 0-4.4 1.974-4.4 4.4s1.974 4.4 4.4 4.4s4.4-1.974 4.4-4.4s-1.974-4.4-4.4-4.4"/><path fill="#fff" d="M18 31.5a1.2 1.2 0 0 1-1.2-1.2v-7.2a1.2 1.2 0 1 1 2.4 0v7.2a1.2 1.2 0 0 1-1.2 1.2"/><path fill="#fff" d="M21.9 28.3h-7.8a1.2 1.2 0 1 1 0-2.4h7.8a1.2 1.2 0 0 1 0 2.4m6.9-22.8h-7.175a1.2 1.2 0 1 0 0 2.4h4.278l-5.6 5.503L22 15.1l5.6-5.503V13.9a1.201 1.201 0 0 0 2.4 0V6.7a1.2 1.2 0 0 0-1.2-1.2m-15.194 5.291l-2.315 2.315a1.2 1.2 0 0 1-1.697-1.697l2.315-2.315a1.2 1.2 0 0 1 1.697 1.697"/><path fill="#fff" d="M7.2 5.5h7.175a1.2 1.2 0 1 1 0 2.4h-4.278l5.6 5.503L14 15.1L8.4 9.597V13.9a1.2 1.2 0 0 1-2.4 0V6.7a1.2 1.2 0 0 1 1.2-1.2"/></svg> </template>
CSS
.icon-transgender-symbol {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2024.3c-3.749%200-6.8-3.051-6.8-6.8s3.051-6.8%206.8-6.8s6.8%203.051%206.8%206.8s-3.051%206.8-6.8%206.8m0-11.2c-2.426%200-4.4%201.974-4.4%204.4s1.974%204.4%204.4%204.4s4.4-1.974%204.4-4.4s-1.974-4.4-4.4-4.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2031.5a1.2%201.2%200%200%201-1.2-1.2v-7.2a1.2%201.2%200%201%201%202.4%200v7.2a1.2%201.2%200%200%201-1.2%201.2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.9%2028.3h-7.8a1.2%201.2%200%201%201%200-2.4h7.8a1.2%201.2%200%200%201%200%202.4m6.9-22.8h-7.175a1.2%201.2%200%201%200%200%202.4h4.278l-5.6%205.503L22%2015.1l5.6-5.503V13.9a1.201%201.201%200%200%200%202.4%200V6.7a1.2%201.2%200%200%200-1.2-1.2m-15.194%205.291l-2.315%202.315a1.2%201.2%200%200%201-1.697-1.697l2.315-2.315a1.2%201.2%200%200%201%201.697%201.697%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%205.5h7.175a1.2%201.2%200%201%201%200%202.4h-4.278l5.6%205.503L14%2015.1L8.4%209.597V13.9a1.2%201.2%200%200%201-2.4%200V6.7a1.2%201.2%200%200%201%201.2-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M36%2032a4%204%200%200%201-4%204H4a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h28a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2024.3c-3.749%200-6.8-3.051-6.8-6.8s3.051-6.8%206.8-6.8s6.8%203.051%206.8%206.8s-3.051%206.8-6.8%206.8m0-11.2c-2.426%200-4.4%201.974-4.4%204.4s1.974%204.4%204.4%204.4s4.4-1.974%204.4-4.4s-1.974-4.4-4.4-4.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18%2031.5a1.2%201.2%200%200%201-1.2-1.2v-7.2a1.2%201.2%200%201%201%202.4%200v7.2a1.2%201.2%200%200%201-1.2%201.2%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.9%2028.3h-7.8a1.2%201.2%200%201%201%200-2.4h7.8a1.2%201.2%200%200%201%200%202.4m6.9-22.8h-7.175a1.2%201.2%200%201%200%200%202.4h4.278l-5.6%205.503L22%2015.1l5.6-5.503V13.9a1.201%201.201%200%200%200%202.4%200V6.7a1.2%201.2%200%200%200-1.2-1.2m-15.194%205.291l-2.315%202.315a1.2%201.2%200%200%201-1.697-1.697l2.315-2.315a1.2%201.2%200%200%201%201.697%201.697%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%205.5h7.175a1.2%201.2%200%201%201%200%202.4h-4.278l5.6%205.503L14%2015.1L8.4%209.597V13.9a1.2%201.2%200%200%201-2.4%200V6.7a1.2%201.2%200%200%201%201.2-1.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/transgender-symbol.svg?color=%231a73e8&size=48
