@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
293 lines (292 loc) • 13 kB
JSX
const React = require("react");
const SosButtonIcon = ({ 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_2476)">
<rect
x={2.09033}
y={1.5625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_2476)"
/>
<rect
x={2.09033}
y={1.5625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_2476)"
/>
</g>
<g filter="url(#filter1_f_18590_2476)">
<path
d="M28.2778 4.0625V26.9375"
stroke="url(#paint2_linear_18590_2476)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_2476)">
<path
d="M5.5542 3.375H27.3354"
stroke="url(#paint3_linear_18590_2476)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2476)">
<path
d="M12.4341 13.6875C12.4341 11.7027 14.0431 10.0938 16.0279 10.0938C18.0127 10.0938 19.6216 11.7027 19.6216 13.6875V17.3125C19.6216 19.2973 18.0127 20.9062 16.0279 20.9062C14.0431 20.9062 12.4341 19.2973 12.4341 17.3125V13.6875ZM16.0279 12.0938C15.1477 12.0938 14.4341 12.8073 14.4341 13.6875V17.3125C14.4341 18.1927 15.1477 18.9062 16.0279 18.9062C16.9081 18.9062 17.6216 18.1927 17.6216 17.3125V13.6875C17.6216 12.8073 16.9081 12.0938 16.0279 12.0938Z"
fill="#EF2B54"
/>
<path
d="M4.7628 13.1622C4.81443 11.603 6.27636 10.2266 8.0435 10.2266C8.78458 10.2266 9.47015 10.4919 9.98429 10.766C10.5061 11.0442 10.9396 11.3789 11.2 11.6256C11.6009 12.0054 11.618 12.6384 11.2382 13.0393C10.8584 13.4402 10.2254 13.4573 9.82451 13.0775C9.68907 12.9492 9.40071 12.7214 9.04334 12.5308C8.67832 12.3362 8.32742 12.2266 8.0435 12.2266C7.24814 12.2266 6.77419 12.8512 6.7617 13.2284C6.754 13.4612 6.82957 13.6572 7.09825 13.8808C7.40545 14.1365 7.92954 14.3879 8.7174 14.6068C9.83389 14.9169 10.7132 15.5105 11.1688 16.3744C11.6348 17.258 11.5604 18.2427 11.1185 19.0936C10.7007 19.8984 9.8873 20.5954 8.74804 20.7385C7.62089 20.8802 6.35439 20.4594 5.0226 19.4216C4.58696 19.0822 4.50899 18.4538 4.84845 18.0182C5.18791 17.5825 5.81626 17.5046 6.2519 17.844C7.32636 18.6813 8.07261 18.8077 8.49872 18.7541C8.9127 18.7021 9.1931 18.4617 9.34351 18.172C9.53447 17.8042 9.5115 17.5193 9.39968 17.3072C9.27742 17.0754 8.94974 16.7471 8.18211 16.5338C7.28247 16.2839 6.44327 15.9377 5.81883 15.418C5.15587 14.8663 4.73145 14.1091 4.7628 13.1622Z"
fill="#EF2B54"
/>
<path
d="M23.9499 10.2266C22.1827 10.2266 20.7208 11.603 20.6692 13.1622C20.6378 14.1091 21.0622 14.8663 21.7252 15.418C22.3496 15.9377 23.1888 16.2839 24.0885 16.5338C24.8561 16.7471 25.1838 17.0754 25.3061 17.3072C25.4179 17.5193 25.4408 17.8042 25.2499 18.172C25.0995 18.4617 24.8191 18.7021 24.4051 18.7541C23.979 18.8077 23.2327 18.6813 22.1583 17.844C21.7226 17.5046 21.0943 17.5825 20.7548 18.0182C20.4154 18.4538 20.4933 19.0822 20.929 19.4216C22.2608 20.4594 23.5273 20.8802 24.6544 20.7385C25.7937 20.5954 26.607 19.8984 27.0249 19.0936C27.4667 18.2427 27.5411 17.258 27.0752 16.3744C26.6196 15.5105 25.7403 14.9169 24.6238 14.6068C23.8359 14.3879 23.3118 14.1365 23.0046 13.8808C22.7359 13.6572 22.6604 13.4612 22.6681 13.2284C22.6806 12.8512 23.1545 12.2266 23.9499 12.2266C24.2338 12.2266 24.5847 12.3362 24.9497 12.5308C25.3071 12.7214 25.5954 12.9492 25.7309 13.0775C26.1318 13.4573 26.7647 13.4402 27.1446 13.0393C27.5244 12.6384 27.5073 12.0054 27.1064 11.6256C26.846 11.3789 26.4125 11.0442 25.8907 10.766C25.3765 10.4919 24.691 10.2266 23.9499 10.2266Z"
fill="#EF2B54"
/>
</g>
<g filter="url(#filter4_ii_18590_2476)">
<path
d="M12.4341 13.6875C12.4341 11.7027 14.0431 10.0938 16.0279 10.0938C18.0127 10.0938 19.6216 11.7027 19.6216 13.6875V17.3125C19.6216 19.2973 18.0127 20.9062 16.0279 20.9062C14.0431 20.9062 12.4341 19.2973 12.4341 17.3125V13.6875ZM16.0279 12.0938C15.1477 12.0938 14.4341 12.8073 14.4341 13.6875V17.3125C14.4341 18.1927 15.1477 18.9062 16.0279 18.9062C16.9081 18.9062 17.6216 18.1927 17.6216 17.3125V13.6875C17.6216 12.8073 16.9081 12.0938 16.0279 12.0938Z"
fill="#FCF2FF"
/>
<path
d="M4.7628 13.1622C4.81443 11.603 6.27636 10.2266 8.0435 10.2266C8.78458 10.2266 9.47015 10.4919 9.98429 10.766C10.5061 11.0442 10.9396 11.3789 11.2 11.6256C11.6009 12.0054 11.618 12.6384 11.2382 13.0393C10.8584 13.4402 10.2254 13.4573 9.82451 13.0775C9.68907 12.9492 9.40071 12.7214 9.04334 12.5308C8.67832 12.3362 8.32742 12.2266 8.0435 12.2266C7.24814 12.2266 6.77419 12.8512 6.7617 13.2284C6.754 13.4612 6.82957 13.6572 7.09825 13.8808C7.40545 14.1365 7.92954 14.3879 8.7174 14.6068C9.83389 14.9169 10.7132 15.5105 11.1688 16.3744C11.6348 17.258 11.5604 18.2427 11.1185 19.0936C10.7007 19.8984 9.8873 20.5954 8.74804 20.7385C7.62089 20.8802 6.35439 20.4594 5.0226 19.4216C4.58696 19.0822 4.50899 18.4538 4.84845 18.0182C5.18791 17.5825 5.81626 17.5046 6.2519 17.844C7.32636 18.6813 8.07261 18.8077 8.49872 18.7541C8.9127 18.7021 9.1931 18.4617 9.34351 18.172C9.53447 17.8042 9.5115 17.5193 9.39968 17.3072C9.27742 17.0754 8.94974 16.7471 8.18211 16.5338C7.28247 16.2839 6.44327 15.9377 5.81883 15.418C5.15587 14.8663 4.73145 14.1091 4.7628 13.1622Z"
fill="#FCF2FF"
/>
<path
d="M23.9499 10.2266C22.1827 10.2266 20.7208 11.603 20.6692 13.1622C20.6378 14.1091 21.0622 14.8663 21.7252 15.418C22.3496 15.9377 23.1888 16.2839 24.0885 16.5338C24.8561 16.7471 25.1838 17.0754 25.3061 17.3072C25.4179 17.5193 25.4408 17.8042 25.2499 18.172C25.0995 18.4617 24.8191 18.7021 24.4051 18.7541C23.979 18.8077 23.2327 18.6813 22.1583 17.844C21.7226 17.5046 21.0943 17.5825 20.7548 18.0182C20.4154 18.4538 20.4933 19.0822 20.929 19.4216C22.2608 20.4594 23.5273 20.8802 24.6544 20.7385C25.7937 20.5954 26.607 19.8984 27.0249 19.0936C27.4667 18.2427 27.5411 17.258 27.0752 16.3744C26.6196 15.5105 25.7403 14.9169 24.6238 14.6068C23.8359 14.3879 23.3118 14.1365 23.0046 13.8808C22.7359 13.6572 22.6604 13.4612 22.6681 13.2284C22.6806 12.8512 23.1545 12.2266 23.9499 12.2266C24.2338 12.2266 24.5847 12.3362 24.9497 12.5308C25.3071 12.7214 25.5954 12.9492 25.7309 13.0775C26.1318 13.4573 26.7647 13.4402 27.1446 13.0393C27.5244 12.6384 27.5073 12.0054 27.1064 11.6256C26.846 11.3789 26.4125 11.0442 25.8907 10.766C25.3765 10.4919 24.691 10.2266 23.9499 10.2266Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2476"
x={2.09033}
y={0.5625}
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_2476"
/>
<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_2476"
result="effect2_innerShadow_18590_2476"
/>
</filter>
<filter
id="filter1_f_18590_2476"
x={25.5278}
y={1.3125}
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_2476"
/>
</filter>
<filter
id="filter2_f_18590_2476"
x={2.8042}
y={0.625}
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_2476"
/>
</filter>
<filter
id="filter3_f_18590_2476"
x={3.63721}
y={9.09375}
width={24.7814}
height={12.8125}
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_2476"
/>
</filter>
<filter
id="filter4_ii_18590_2476"
x={4.23721}
y={9.69375}
width={23.5814}
height={11.6125}
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_2476"
/>
<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_2476"
result="effect2_innerShadow_18590_2476"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2476"
x1={16.0278}
y1={5.13701}
x2={16.0278}
y2={38.3897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4D91" />
<stop offset={1} stopColor="#F34A5F" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_2476"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7466 3.65625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#FF77B1" />
<stop offset={1} stopColor="#FF77B1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_2476"
x1={28.7778}
y1={4.0625}
x2={28.7778}
y2={26.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF66A5" />
<stop offset={1} stopColor="#FF5B6B" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2476"
x1={28.4917}
y1={3.62502}
x2={2.96045}
y2={3.62502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF60A3" />
<stop offset={1} stopColor="#FF5495" />
</linearGradient>
</defs>
</svg>
);
module.exports = SosButtonIcon;