@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 9.84 kB
JSX
const React = require("react");
const BButtonBloodTypeIcon = ({ 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_2312)">
<rect
x={2.09033}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2312)"
/>
<rect
x={2.09033}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2312)"
/>
</g>
<g filter="url(#filter1_f_18590_2312)">
<path
d="M28.2778 4.4375V27.3125"
stroke="url(#paint2_linear_18590_2312)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2312)">
<path
d="M5.5542 3.75H27.3354"
stroke="url(#paint3_linear_18590_2312)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2312)">
<path
d="M11.9928 7.86401C11.0278 7.86401 10.245 8.6451 10.2428 9.61004L10.2144 22.132C10.2133 22.5969 10.3972 23.043 10.7255 23.372C11.0538 23.7011 11.4995 23.886 11.9644 23.886H17.6942C17.7354 23.886 17.7763 23.8846 17.8169 23.8818C20.4809 23.8439 22.6753 21.6998 22.6753 19.0027C22.6753 17.4854 21.9808 16.1431 20.8989 15.2523C20.8021 15.1726 20.7734 15.0355 20.8299 14.9235C21.1604 14.2696 21.347 13.5301 21.347 12.7436C21.347 10.0224 19.1131 7.86401 16.4168 7.86401H11.9928ZM16.3899 17.623C16.3988 17.6232 16.4078 17.6232 16.4168 17.6232C16.4319 17.6232 16.4469 17.6232 16.462 17.623H17.7451C18.5615 17.623 19.1753 18.2671 19.1753 19.0027C19.1753 19.7383 18.5615 20.3823 17.7451 20.3823C17.7064 20.3823 17.668 20.3835 17.63 20.386H13.9689C13.8306 20.386 13.7186 20.2737 13.7189 20.1354L13.724 17.8725C13.7243 17.7346 13.8362 17.623 13.974 17.623H16.3899ZM16.4418 14.123H13.9831C13.8448 14.123 13.7328 14.0108 13.7331 13.8725L13.7382 11.6134C13.7385 11.4756 13.8504 11.364 13.9882 11.364H16.4168C17.2332 11.364 17.847 12.008 17.847 12.7436C17.847 13.4717 17.2457 14.11 16.4418 14.123Z"
fill="#EF2B54"
/>
</g>
<g filter="url(#filter4_ii_18590_2312)">
<path
d="M11.9928 7.86401C11.0278 7.86401 10.245 8.6451 10.2428 9.61004L10.2144 22.132C10.2133 22.5969 10.3972 23.043 10.7255 23.372C11.0538 23.7011 11.4995 23.886 11.9644 23.886H17.6942C17.7354 23.886 17.7763 23.8846 17.8169 23.8818C20.4809 23.8439 22.6753 21.6998 22.6753 19.0027C22.6753 17.4854 21.9808 16.1431 20.8989 15.2523C20.8021 15.1726 20.7734 15.0355 20.8299 14.9235C21.1604 14.2696 21.347 13.5301 21.347 12.7436C21.347 10.0224 19.1131 7.86401 16.4168 7.86401H11.9928ZM16.3899 17.623C16.3988 17.6232 16.4078 17.6232 16.4168 17.6232C16.4319 17.6232 16.4469 17.6232 16.462 17.623H17.7451C18.5615 17.623 19.1753 18.2671 19.1753 19.0027C19.1753 19.7383 18.5615 20.3823 17.7451 20.3823C17.7064 20.3823 17.668 20.3835 17.63 20.386H13.9689C13.8306 20.386 13.7186 20.2737 13.7189 20.1354L13.724 17.8725C13.7243 17.7346 13.8362 17.623 13.974 17.623H16.3899ZM16.4418 14.123H13.9831C13.8448 14.123 13.7328 14.0108 13.7331 13.8725L13.7382 11.6134C13.7385 11.4756 13.8504 11.364 13.9882 11.364H16.4168C17.2332 11.364 17.847 12.008 17.847 12.7436C17.847 13.4717 17.2457 14.11 16.4418 14.123Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2312"
x={2.09033}
y={0.9375}
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.901961 0 0 0 0 0.133333 0 0 0 0 0.337255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2312"
/>
<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.85098 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2312"
result="effect2_innerShadow_18590_2312"
/>
</filter>
<filter
id="filter1_f_18590_2312"
x={25.5278}
y={1.6875}
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_2312"
/>
</filter>
<filter
id="filter2_f_18590_2312"
x={2.8042}
y={1}
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_2312"
/>
</filter>
<filter
id="filter3_f_18590_2312"
x={9.21436}
y={6.86401}
width={14.4609}
height={18.022}
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_2312"
/>
</filter>
<filter
id="filter4_ii_18590_2312"
x={9.81436}
y={7.46401}
width={13.2609}
height={16.822}
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_2312"
/>
<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_2312"
result="effect2_innerShadow_18590_2312"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2312"
x1={16.0278}
y1={5.51201}
x2={16.0278}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4D91" />
<stop offset={1} stopColor="#F34A5F" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2312"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7466 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FF77B1" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2312"
x1={28.7778}
y1={4.4375}
x2={28.7778}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF66A5" />
<stop offset={1} stopColor="#FF5B6B" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2312"
x1={28.4917}
y1={4.00002}
x2={2.96045}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF60A3" />
<stop offset={1} stopColor="#FF5495" />
</linearGradient>
</defs>
</svg>
);
module.exports = BButtonBloodTypeIcon;