@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.54 kB
JSX
const React = require("react");
const MaleSignIcon = ({ 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_1681)">
<rect
x={2.28934}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1681)"
/>
<rect
x={2.28934}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1681)"
/>
</g>
<g filter="url(#filter1_f_18590_1681)">
<path
d="M28.4768 4.5625V27.4375"
stroke="url(#paint2_linear_18590_1681)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1681)">
<path
d="M5.7532 3.875H27.5345"
stroke="url(#paint3_linear_18590_1681)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1681)">
<path
d="M20.9065 6.03906C20.3542 6.03906 19.9065 6.48678 19.9065 7.03906C19.9065 7.59135 20.3542 8.03906 20.9065 8.03906H22.5794C22.6682 8.03906 22.7129 8.14617 22.6505 8.20934L19.3116 11.5895C19.276 11.6256 19.219 11.6292 19.1786 11.5984C17.8331 10.5711 16.152 9.96094 14.3284 9.96094C9.91012 9.96094 6.3284 13.5427 6.3284 17.9609C6.3284 22.3792 9.91012 25.9609 14.3284 25.9609C18.7467 25.9609 22.3284 22.3792 22.3284 17.9609C22.3284 16.1505 21.727 14.4805 20.7131 13.1399C20.6829 13.1 20.6863 13.0438 20.7215 13.0082L23.9541 9.7356C24.0169 9.672 24.1253 9.71649 24.1253 9.80587V11.3359C24.1253 11.8882 24.573 12.3359 25.1253 12.3359C25.6776 12.3359 26.1253 11.8882 26.1253 11.3359V7.03906C26.1253 6.48678 25.6776 6.03906 25.1253 6.03906H20.9065ZM14.3284 11.9609C17.6421 11.9609 20.3284 14.6472 20.3284 17.9609C20.3284 21.2746 17.6421 23.9609 14.3284 23.9609C11.0147 23.9609 8.3284 21.2746 8.3284 17.9609C8.3284 14.6472 11.0147 11.9609 14.3284 11.9609Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_1681)">
<path
d="M20.9065 6.03906C20.3542 6.03906 19.9065 6.48678 19.9065 7.03906C19.9065 7.59135 20.3542 8.03906 20.9065 8.03906H22.5794C22.6682 8.03906 22.7129 8.14617 22.6505 8.20934L19.3116 11.5895C19.276 11.6256 19.219 11.6292 19.1786 11.5984C17.8331 10.5711 16.152 9.96094 14.3284 9.96094C9.91012 9.96094 6.3284 13.5427 6.3284 17.9609C6.3284 22.3792 9.91012 25.9609 14.3284 25.9609C18.7467 25.9609 22.3284 22.3792 22.3284 17.9609C22.3284 16.1505 21.727 14.4805 20.7131 13.1399C20.6829 13.1 20.6863 13.0438 20.7215 13.0082L23.9541 9.7356C24.0169 9.672 24.1253 9.71649 24.1253 9.80587V11.3359C24.1253 11.8882 24.573 12.3359 25.1253 12.3359C25.6776 12.3359 26.1253 11.8882 26.1253 11.3359V7.03906C26.1253 6.48678 25.6776 6.03906 25.1253 6.03906H20.9065ZM14.3284 11.9609C17.6421 11.9609 20.3284 14.6472 20.3284 17.9609C20.3284 21.2746 17.6421 23.9609 14.3284 23.9609C11.0147 23.9609 8.3284 21.2746 8.3284 17.9609C8.3284 14.6472 11.0147 11.9609 14.3284 11.9609Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1681"
x={2.28934}
y={1.0625}
width={28.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={1} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1681"
/>
<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.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1681"
result="effect2_innerShadow_18590_1681"
/>
</filter>
<filter
id="filter1_f_18590_1681"
x={25.7268}
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_1681"
/>
</filter>
<filter
id="filter2_f_18590_1681"
x={3.0032}
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_1681"
/>
</filter>
<filter
id="filter3_f_18590_1681"
x={5.3284}
y={5.03906}
width={21.7969}
height={21.9219}
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_1681"
/>
</filter>
<filter
id="filter4_ii_18590_1681"
x={5.3284}
y={5.63906}
width={21.1969}
height={21.3219}
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={-1} dy={1} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1681"
/>
<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.5} />
<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_1681"
result="effect2_innerShadow_18590_1681"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1681"
x1={16.2268}
y1={5.63701}
x2={16.2268}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1681"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9456 4.15625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1681"
x1={28.9768}
y1={4.5625}
x2={28.9768}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1681"
x1={28.6907}
y1={4.12502}
x2={3.15945}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = MaleSignIcon;