@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
184 lines (183 loc) • 5.35 kB
JSX
const React = require("react");
const WhiteExclamationMarkIcon = ({ 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={16}
cy={27.0957}
r={2.5}
fill="url(#paint0_linear_18590_1828)"
/>
<circle
cx={16}
cy={27.0957}
r={2.5}
fill="url(#paint1_radial_18590_1828)"
/>
<circle
cx={16}
cy={27.0957}
r={2.5}
fill="url(#paint2_radial_18590_1828)"
/>
<g filter="url(#filter0_ii_18590_1828)">
<path
d="M13.5 4.1543C13.5 2.77358 14.6193 1.6543 16 1.6543C17.3807 1.6543 18.5 2.77359 18.5 4.1543V20.123C18.5 21.5038 17.3807 22.623 16 22.623C14.6193 22.623 13.5 21.5038 13.5 20.123V4.1543Z"
fill="url(#paint3_linear_18590_1828)"
/>
</g>
<path
d="M13.5 4.1543C13.5 2.77358 14.6193 1.6543 16 1.6543C17.3807 1.6543 18.5 2.77359 18.5 4.1543V20.123C18.5 21.5038 17.3807 22.623 16 22.623C14.6193 22.623 13.5 21.5038 13.5 20.123V4.1543Z"
fill="url(#paint4_linear_18590_1828)"
/>
<g filter="url(#filter1_f_18590_1828)">
<path
d="M17.2363 20.5547V3.72267"
stroke="#F4EFFE"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1828"
x={12.5}
y={1.6543}
width={6.75}
height={20.9688}
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} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.92549 0 0 0 0 0.945098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1828"
/>
<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} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.741176 0 0 0 0 0.776471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1828"
result="effect2_innerShadow_18590_1828"
/>
</filter>
<filter
id="filter1_f_18590_1828"
x={14.7363}
y={1.22266}
width={5}
height={21.832}
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_1828"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1828"
x1={16}
y1={25.8105}
x2={16}
y2={29.5957}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECE6F8" />
<stop offset={1} stopColor="#C0ADE6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1828"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.17 26.2751) rotate(-43.8351) scale(1.84384 1.62111)"
>
<stop stopColor="#FFFEFF" />
<stop offset={1} stopColor="#E7DEFB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18590_1828"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5 25.1855) rotate(25.9892) scale(2.78125 7.5306)"
>
<stop stopColor="#D1CCDC" />
<stop offset={1} stopColor="#D1CCDC" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18590_1828"
x1={16}
y1={2.12957}
x2={16}
y2={22.623}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E0DCEA" />
<stop offset={1} stopColor="#CABFE1" />
</linearGradient>
<linearGradient
id="paint4_linear_18590_1828"
x1={17.1467}
y1={22.623}
x2={17.1467}
y2={19.2495}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1B9D4" />
<stop offset={1} stopColor="#C1B9D4" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = WhiteExclamationMarkIcon;