@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 12.8 kB
JSX
const React = require("react");
const TransgenderSymbolIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_ii_18590_1695)">
<rect
x={2.30133}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1695)"
/>
<rect
x={2.30133}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1695)"
/>
</g>
<g filter="url(#filter1_f_18590_1695)">
<path
d="M28.4888 4.5625V27.4375"
stroke="url(#paint2_linear_18590_1695)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1695)">
<path
d="M5.7652 3.875H27.5464"
stroke="url(#paint3_linear_18590_1695)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1695)">
<path
d="M10.2822 4.5625C10.8345 4.5625 11.2822 5.01022 11.2822 5.5625C11.2822 6.11478 10.8345 6.5625 10.2822 6.5625H8.74707C8.65862 6.5625 8.61372 6.66889 8.67543 6.73226L10.3713 8.47401C10.4102 8.51396 10.4743 8.51438 10.5137 8.47496L11.5438 7.44486C11.9343 7.05434 12.5675 7.05434 12.958 7.44486C13.3485 7.83538 13.3485 8.46855 12.958 8.85907L11.9072 9.90992C11.8685 9.9486 11.8681 10.0112 11.9062 10.0504L12.6306 10.7944C12.6655 10.8302 12.7214 10.8347 12.762 10.8056C13.7451 10.1018 14.9496 9.6875 16.2509 9.6875C17.5653 9.6875 18.781 10.1102 19.7695 10.827C19.8104 10.8566 19.867 10.852 19.902 10.8156L23.8157 6.73169C23.8766 6.66811 23.8316 6.5625 23.7435 6.5625H22.204C21.6518 6.5625 21.204 6.11478 21.204 5.5625C21.204 5.01022 21.6518 4.5625 22.204 4.5625H26.2509C26.8032 4.5625 27.2509 5.01022 27.2509 5.5625V9.60938C27.2509 10.1617 26.8032 10.6094 26.2509 10.6094C25.6986 10.6094 25.2509 10.1617 25.2509 9.60938V8.37351C25.2509 8.28339 25.1411 8.23925 25.0787 8.30432L21.2787 12.2695C21.2461 12.3035 21.2418 12.3557 21.2677 12.3951C21.8893 13.3403 22.2509 14.4717 22.2509 15.6875C22.2509 18.6312 20.131 21.0799 17.3345 21.5899C17.2864 21.5987 17.2509 21.6403 17.2509 21.6892V23.4625C17.2509 23.5177 17.2957 23.5625 17.3509 23.5625H18.7509C19.3032 23.5625 19.7509 24.0102 19.7509 24.5625C19.7509 25.1148 19.3032 25.5625 18.7509 25.5625H17.3509C17.2957 25.5625 17.2509 25.6073 17.2509 25.6625V26.5625C17.2509 27.1148 16.8032 27.5625 16.2509 27.5625C15.6986 27.5625 15.2509 27.1148 15.2509 26.5625V25.6625C15.2509 25.6073 15.2061 25.5625 15.1509 25.5625H13.7509C13.1986 25.5625 12.7509 25.1148 12.7509 24.5625C12.7509 24.0102 13.1986 23.5625 13.7509 23.5625H15.1509C15.2061 23.5625 15.2509 23.5177 15.2509 23.4625V21.6892C15.2509 21.6403 15.2154 21.5987 15.1674 21.5899C12.3709 21.0799 10.2509 18.6312 10.2509 15.6875C10.2509 14.4581 10.6207 13.3151 11.255 12.3636C11.2814 12.3239 11.277 12.2711 11.2437 12.2369L10.4938 11.4666C10.4549 11.4267 10.3908 11.4263 10.3514 11.4657L9.42248 12.3946C9.03196 12.7851 8.39879 12.7851 8.00827 12.3946C7.61775 12.0041 7.61775 11.3709 8.00827 10.9804L8.95793 10.0307C8.99661 9.99205 8.99703 9.92946 8.95886 9.89026L7.39131 8.28035C7.32871 8.21606 7.21967 8.26037 7.21967 8.35011V9.625C7.21967 10.1773 6.77195 10.625 6.21967 10.625C5.66738 10.625 5.21967 10.1773 5.21967 9.625V5.5625C5.21967 5.01022 5.66738 4.5625 6.21967 4.5625H10.2822ZM12.2509 15.6875C12.2509 17.8966 14.0418 19.6875 16.2509 19.6875C18.4601 19.6875 20.2509 17.8966 20.2509 15.6875C20.2509 13.4784 18.4601 11.6875 16.2509 11.6875C14.0418 11.6875 12.2509 13.4784 12.2509 15.6875Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1695)">
<path
d="M10.2822 4.5625C10.8345 4.5625 11.2822 5.01022 11.2822 5.5625C11.2822 6.11478 10.8345 6.5625 10.2822 6.5625H8.74707C8.65862 6.5625 8.61372 6.66889 8.67543 6.73226L10.3713 8.47401C10.4102 8.51396 10.4743 8.51438 10.5137 8.47496L11.5438 7.44486C11.9343 7.05434 12.5675 7.05434 12.958 7.44486C13.3485 7.83538 13.3485 8.46855 12.958 8.85907L11.9072 9.90992C11.8685 9.9486 11.8681 10.0112 11.9062 10.0504L12.6306 10.7944C12.6655 10.8302 12.7214 10.8347 12.762 10.8056C13.7451 10.1018 14.9496 9.6875 16.2509 9.6875C17.5653 9.6875 18.781 10.1102 19.7695 10.827C19.8104 10.8566 19.867 10.852 19.902 10.8156L23.8157 6.73169C23.8766 6.66811 23.8316 6.5625 23.7435 6.5625H22.204C21.6518 6.5625 21.204 6.11478 21.204 5.5625C21.204 5.01022 21.6518 4.5625 22.204 4.5625H26.2509C26.8032 4.5625 27.2509 5.01022 27.2509 5.5625V9.60938C27.2509 10.1617 26.8032 10.6094 26.2509 10.6094C25.6986 10.6094 25.2509 10.1617 25.2509 9.60938V8.37351C25.2509 8.28339 25.1411 8.23925 25.0787 8.30432L21.2787 12.2695C21.2461 12.3035 21.2418 12.3557 21.2677 12.3951C21.8893 13.3403 22.2509 14.4717 22.2509 15.6875C22.2509 18.6312 20.131 21.0799 17.3345 21.5899C17.2864 21.5987 17.2509 21.6403 17.2509 21.6892V23.4625C17.2509 23.5177 17.2957 23.5625 17.3509 23.5625H18.7509C19.3032 23.5625 19.7509 24.0102 19.7509 24.5625C19.7509 25.1148 19.3032 25.5625 18.7509 25.5625H17.3509C17.2957 25.5625 17.2509 25.6073 17.2509 25.6625V26.5625C17.2509 27.1148 16.8032 27.5625 16.2509 27.5625C15.6986 27.5625 15.2509 27.1148 15.2509 26.5625V25.6625C15.2509 25.6073 15.2061 25.5625 15.1509 25.5625H13.7509C13.1986 25.5625 12.7509 25.1148 12.7509 24.5625C12.7509 24.0102 13.1986 23.5625 13.7509 23.5625H15.1509C15.2061 23.5625 15.2509 23.5177 15.2509 23.4625V21.6892C15.2509 21.6403 15.2154 21.5987 15.1674 21.5899C12.3709 21.0799 10.2509 18.6312 10.2509 15.6875C10.2509 14.4581 10.6207 13.3151 11.255 12.3636C11.2814 12.3239 11.277 12.2711 11.2437 12.2369L10.4938 11.4666C10.4549 11.4267 10.3908 11.4263 10.3514 11.4657L9.42248 12.3946C9.03196 12.7851 8.39879 12.7851 8.00827 12.3946C7.61775 12.0041 7.61775 11.3709 8.00827 10.9804L8.95793 10.0307C8.99661 9.99205 8.99703 9.92946 8.95886 9.89026L7.39131 8.28035C7.32871 8.21606 7.21967 8.26037 7.21967 8.35011V9.625C7.21967 10.1773 6.77195 10.625 6.21967 10.625C5.66738 10.625 5.21967 10.1773 5.21967 9.625V5.5625C5.21967 5.01022 5.66738 4.5625 6.21967 4.5625H10.2822ZM12.2509 15.6875C12.2509 17.8966 14.0418 19.6875 16.2509 19.6875C18.4601 19.6875 20.2509 17.8966 20.2509 15.6875C20.2509 13.4784 18.4601 11.6875 16.2509 11.6875C14.0418 11.6875 12.2509 13.4784 12.2509 15.6875Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1695"
x={2.30133}
y={1.0625}
width={29.875}
height={28.875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={2} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1695"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1695"
result="effect2_innerShadow_18590_1695"
/>
</filter>
<filter
id="filter1_f_18590_1695"
x={25.7388}
y={1.8125}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1695"
/>
</filter>
<filter
id="filter2_f_18590_1695"
x={3.0152}
y={1.125}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1695"
/>
</filter>
<filter
id="filter3_f_18590_1695"
x={4.21967}
y={3.5625}
width={24.0312}
height={25}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18590_1695"
/>
</filter>
<filter
id="filter4_ii_18590_1695"
x={4.81967}
y={4.1625}
width={22.8313}
height={23.8}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={-0.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1695"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={0.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1695"
result="effect2_innerShadow_18590_1695"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1695"
x1={16.2388}
y1={5.63701}
x2={16.2388}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1695"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9576 4.15625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1695"
x1={28.9888}
y1={4.5625}
x2={28.9888}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1695"
x1={28.7027}
y1={4.12502}
x2={3.17145}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = TransgenderSymbolIcon;