@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.53 kB
JSX
const React = require("react");
const OButtonBloodTypeIcon = ({ 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_2436)">
<rect
x={2.09033}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2436)"
/>
<rect
x={2.09033}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2436)"
/>
</g>
<g filter="url(#filter1_f_18590_2436)">
<path
d="M28.2778 4.1875V27.0625"
stroke="url(#paint2_linear_18590_2436)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2436)">
<path
d="M5.5542 3.5H27.3354"
stroke="url(#paint3_linear_18590_2436)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2436)">
<path
d="M10.0477 12.6016C10.0477 9.3008 12.7235 6.625 16.0243 6.625C19.3251 6.625 22.0009 9.3008 22.0009 12.6016V18.6484C22.0009 21.9492 19.3251 24.625 16.0243 24.625C12.7235 24.625 10.0477 21.9492 10.0477 18.6484V12.6016ZM16.0243 9.625C14.3804 9.625 13.0477 10.9577 13.0477 12.6016V18.6484C13.0477 20.2923 14.3804 21.625 16.0243 21.625C17.6682 21.625 19.0009 20.2923 19.0009 18.6484V12.6016C19.0009 10.9577 17.6682 9.625 16.0243 9.625Z"
fill="#EF2B54"
/>
</g>
<g filter="url(#filter4_ii_18590_2436)">
<path
d="M10.0477 12.6016C10.0477 9.3008 12.7235 6.625 16.0243 6.625C19.3251 6.625 22.0009 9.3008 22.0009 12.6016V18.6484C22.0009 21.9492 19.3251 24.625 16.0243 24.625C12.7235 24.625 10.0477 21.9492 10.0477 18.6484V12.6016ZM16.0243 9.625C14.3804 9.625 13.0477 10.9577 13.0477 12.6016V18.6484C13.0477 20.2923 14.3804 21.625 16.0243 21.625C17.6682 21.625 19.0009 20.2923 19.0009 18.6484V12.6016C19.0009 10.9577 17.6682 9.625 16.0243 9.625Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2436"
x={2.09033}
y={0.6875}
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_2436"
/>
<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_2436"
result="effect2_innerShadow_18590_2436"
/>
</filter>
<filter
id="filter1_f_18590_2436"
x={25.5278}
y={1.4375}
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_2436"
/>
</filter>
<filter
id="filter2_f_18590_2436"
x={2.8042}
y={0.75}
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_2436"
/>
</filter>
<filter
id="filter3_f_18590_2436"
x={9.04773}
y={5.625}
width={13.9531}
height={20}
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_2436"
/>
</filter>
<filter
id="filter4_ii_18590_2436"
x={9.64773}
y={6.225}
width={12.7531}
height={18.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_2436"
/>
<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_2436"
result="effect2_innerShadow_18590_2436"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2436"
x1={16.0278}
y1={5.26201}
x2={16.0278}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4D91" />
<stop offset={1} stopColor="#F34A5F" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2436"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7466 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FF77B1" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2436"
x1={28.7778}
y1={4.1875}
x2={28.7778}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF66A5" />
<stop offset={1} stopColor="#FF5B6B" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2436"
x1={28.4917}
y1={3.75002}
x2={2.96045}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF60A3" />
<stop offset={1} stopColor="#FF5495" />
</linearGradient>
</defs>
</svg>
);
module.exports = OButtonBloodTypeIcon;