@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
336 lines (335 loc) • 10.1 kB
JSX
const React = require("react");
const DoubleExclamationMarkIcon = ({ 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}
<circle
cx={12.675}
cy={27.0645}
r={2.5}
fill="url(#paint0_linear_18590_1778)"
/>
<circle
cx={12.675}
cy={27.0645}
r={2.5}
fill="url(#paint1_radial_18590_1778)"
/>
<circle
cx={12.675}
cy={27.0645}
r={2.5}
fill="url(#paint2_radial_18590_1778)"
/>
<circle
cx={19.675}
cy={27.0645}
r={2.5}
fill="url(#paint3_linear_18590_1778)"
/>
<circle
cx={19.675}
cy={27.0645}
r={2.5}
fill="url(#paint4_radial_18590_1778)"
/>
<circle
cx={19.675}
cy={27.0645}
r={2.5}
fill="url(#paint5_radial_18590_1778)"
/>
<g filter="url(#filter0_i_18590_1778)">
<path
d="M10.175 4.12305C10.175 2.74233 11.2943 1.62305 12.675 1.62305C14.0558 1.62305 15.175 2.74234 15.175 4.12305V20.0918C15.175 21.4725 14.0558 22.5918 12.675 22.5918C11.2943 22.5918 10.175 21.4725 10.175 20.0918V4.12305Z"
fill="url(#paint6_linear_18590_1778)"
/>
<path
d="M10.175 4.12305C10.175 2.74233 11.2943 1.62305 12.675 1.62305C14.0558 1.62305 15.175 2.74234 15.175 4.12305V20.0918C15.175 21.4725 14.0558 22.5918 12.675 22.5918C11.2943 22.5918 10.175 21.4725 10.175 20.0918V4.12305Z"
fill="url(#paint7_radial_18590_1778)"
/>
</g>
<g filter="url(#filter1_i_18590_1778)">
<path
d="M17.175 4.12305C17.175 2.74233 18.2943 1.62305 19.675 1.62305C21.0558 1.62305 22.175 2.74234 22.175 4.12305V20.0918C22.175 21.4725 21.0558 22.5918 19.675 22.5918C18.2943 22.5918 17.175 21.4725 17.175 20.0918V4.12305Z"
fill="url(#paint8_linear_18590_1778)"
/>
<path
d="M17.175 4.12305C17.175 2.74233 18.2943 1.62305 19.675 1.62305C21.0558 1.62305 22.175 2.74234 22.175 4.12305V20.0918C22.175 21.4725 21.0558 22.5918 19.675 22.5918C18.2943 22.5918 17.175 21.4725 17.175 20.0918V4.12305Z"
fill="url(#paint9_radial_18590_1778)"
/>
</g>
<g filter="url(#filter2_f_18590_1778)">
<path
d="M13.3469 20.5293V5.3418"
stroke="url(#paint10_linear_18590_1778)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter3_f_18590_1778)">
<path
d="M20.3469 20.5293V5.3418"
stroke="url(#paint11_linear_18590_1778)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<filter
id="filter0_i_18590_1778"
x={10.175}
y={1.62305}
width={5.75}
height={21.7188}
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.75} dy={0.75} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.74902 0 0 0 0 0.160784 0 0 0 0 0.301961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1778"
/>
</filter>
<filter
id="filter1_i_18590_1778"
x={17.175}
y={1.62305}
width={5.75}
height={21.7188}
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.75} dy={0.75} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.74902 0 0 0 0 0.160784 0 0 0 0 0.301961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1778"
/>
</filter>
<filter
id="filter2_f_18590_1778"
x={10.8469}
y={2.8418}
width={5}
height={20.1875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18590_1778"
/>
</filter>
<filter
id="filter3_f_18590_1778"
x={17.8469}
y={2.8418}
width={5}
height={20.1875}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18590_1778"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1778"
x1={12.675}
y1={25.7793}
x2={12.675}
y2={29.5645}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF0B38" />
<stop offset={1} stopColor="#F62093" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.6438 26.7168) rotate(-48.8141) scale(2.32534 2.04444)"
>
<stop offset={0.233965} stopColor="#FF5878" />
<stop offset={1} stopColor="#FF5878" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.175 25.1543) rotate(25.9892) scale(2.78125 7.5306)"
>
<stop stopColor="#C8404B" />
<stop offset={1} stopColor="#C8404B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18590_1778"
x1={19.675}
y1={25.7793}
x2={19.675}
y2={29.5645}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF0B38" />
<stop offset={1} stopColor="#F62093" />
</linearGradient>
<radialGradient
id="paint4_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.6438 26.7168) rotate(-48.8141) scale(2.32534 2.04444)"
>
<stop offset={0.233965} stopColor="#FF5878" />
<stop offset={1} stopColor="#FF5878" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.175 25.1543) rotate(25.9892) scale(2.78125 7.5306)"
>
<stop stopColor="#C8404B" />
<stop offset={1} stopColor="#C8404B" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18590_1778"
x1={12.675}
y1={2.09832}
x2={12.675}
y2={22.5918}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ED1F28" />
<stop offset={1} stopColor="#F41585" />
</linearGradient>
<radialGradient
id="paint7_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.7219 3.1543) rotate(148.241) scale(3.08727 2.21529)"
>
<stop stopColor="#FF5960" />
<stop offset={1} stopColor="#FF5960" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18590_1778"
x1={19.675}
y1={2.09832}
x2={19.675}
y2={22.5918}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ED1F28" />
<stop offset={1} stopColor="#F41585" />
</linearGradient>
<radialGradient
id="paint9_radial_18590_1778"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.7219 3.1543) rotate(148.241) scale(3.08727 2.21529)"
>
<stop stopColor="#FF5960" />
<stop offset={1} stopColor="#FF5960" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18590_1778"
x1={14.0408}
y1={22.12}
x2={18.6657}
y2={20.9202}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4282" />
<stop offset={1} stopColor="#FF3E59" />
</linearGradient>
<linearGradient
id="paint11_linear_18590_1778"
x1={21.0408}
y1={22.12}
x2={25.6657}
y2={20.9202}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF4282" />
<stop offset={1} stopColor="#FF3E59" />
</linearGradient>
</defs>
</svg>
);
module.exports = DoubleExclamationMarkIcon;