@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
720 lines (719 loc) • 22 kB
JSX
const React = require("react");
const ThreadIcon = ({ 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_i_18_4353)">
<path
d="M20.1273 3.94483C22.9057 3.82257 25.2953 5.93225 25.5006 8.72441C25.7097 11.5682 23.5738 14.043 20.7301 14.2521L18.712 14.2521"
stroke="url(#paint0_linear_18_4353)"
strokeWidth={1.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter1_f_18_4353)">
<path
d="M21.1963 3.92236C22.2172 4.03695 24.8526 5.01611 25.6494 7.89111"
stroke="url(#paint1_linear_18_4353)"
strokeWidth={0.25}
/>
</g>
<rect
x={5.23038}
y={10.6724}
width={14.0569}
height={15.4375}
fill="url(#paint2_radial_18_4353)"
/>
<rect
x={5.23038}
y={10.6724}
width={14.0569}
height={15.4375}
fill="url(#paint3_linear_18_4353)"
/>
<rect
x={5.23038}
y={10.6724}
width={14.0569}
height={15.4375}
fill="url(#paint4_radial_18_4353)"
/>
<rect
x={5.23038}
y={10.6724}
width={14.0569}
height={15.4375}
fill="url(#paint5_radial_18_4353)"
/>
<rect
x={5.23038}
y={10.6724}
width={14.0569}
height={15.4375}
fill="url(#paint6_radial_18_4353)"
/>
<path
d="M5.23038 22.3911V21.1099H19.2873V22.3911H5.23038Z"
fill="url(#paint7_radial_18_4353)"
/>
<g filter="url(#filter2_i_18_4353)">
<rect
x={2.60257}
y={24.7349}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint8_linear_18_4353)"
/>
<rect
x={2.60257}
y={24.7349}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint9_radial_18_4353)"
/>
<rect
x={2.60257}
y={24.7349}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint10_radial_18_4353)"
/>
</g>
<rect
x={2.60257}
y={24.7349}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint11_linear_18_4353)"
/>
<path
d="M5.23038 14.7974V13.5161H19.2873V14.7974H5.23038Z"
fill="url(#paint12_radial_18_4353)"
/>
<path
d="M5.23038 14.7974V13.5161H19.2873V14.7974H5.23038Z"
fill="url(#paint13_radial_18_4353)"
/>
<path
d="M5.23038 17.3286V16.0474H19.2873V17.3286H5.23038Z"
fill="url(#paint14_radial_18_4353)"
/>
<path
d="M5.23038 17.3286V16.0474H19.2873V17.3286H5.23038Z"
fill="url(#paint15_radial_18_4353)"
/>
<g filter="url(#filter3_ii_18_4353)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.9801 6.98085C29.9691 8.22344 28.9732 9.22203 27.7556 9.21125C27.4307 9.20838 27.1229 9.1339 26.8463 9.00267C26.7744 8.96852 26.6888 8.9744 26.6258 9.0231L8.8197 22.7801C8.58593 22.964 8.25414 22.9346 8.06299 22.7056C7.8712 22.4839 7.90039 22.1429 8.12036 21.9504L25.3191 7.78074C25.3329 7.76814 25.4395 7.67634 25.5259 7.60334C25.5916 7.54783 25.6224 7.45593 25.6072 7.37129C25.5822 7.23215 25.5697 7.08858 25.571 6.94184C25.5819 5.69924 26.5779 4.70066 27.7954 4.71143C29.013 4.7222 29.9911 5.73825 29.9801 6.98085ZM28.5104 6.96784C28.5067 7.38204 28.1747 7.7149 27.7689 7.71131C27.363 7.70772 27.037 7.36904 27.0407 6.95484C27.0443 6.54064 27.3763 6.20778 27.7822 6.21137C28.188 6.21496 28.514 6.55364 28.5104 6.96784Z"
fill="#C7B7D8"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.9801 6.98085C29.9691 8.22344 28.9732 9.22203 27.7556 9.21125C27.4307 9.20838 27.1229 9.1339 26.8463 9.00267C26.7744 8.96852 26.6888 8.9744 26.6258 9.0231L8.8197 22.7801C8.58593 22.964 8.25414 22.9346 8.06299 22.7056C7.8712 22.4839 7.90039 22.1429 8.12036 21.9504L25.3191 7.78074C25.3329 7.76814 25.4395 7.67634 25.5259 7.60334C25.5916 7.54783 25.6224 7.45593 25.6072 7.37129C25.5822 7.23215 25.5697 7.08858 25.571 6.94184C25.5819 5.69924 26.5779 4.70066 27.7954 4.71143C29.013 4.7222 29.9911 5.73825 29.9801 6.98085ZM28.5104 6.96784C28.5067 7.38204 28.1747 7.7149 27.7689 7.71131C27.363 7.70772 27.037 7.36904 27.0407 6.95484C27.0443 6.54064 27.3763 6.20778 27.7822 6.21137C28.188 6.21496 28.514 6.55364 28.5104 6.96784Z"
fill="url(#paint16_radial_18_4353)"
/>
</g>
<path
d="M5.23038 19.8599V18.5786H19.2873V19.8599H5.23038Z"
fill="url(#paint17_radial_18_4353)"
/>
<g filter="url(#filter4_i_18_4353)">
<rect
x={2.60257}
y={6.35986}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint18_linear_18_4353)"
/>
<rect
x={2.60257}
y={6.35986}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint19_radial_18_4353)"
/>
<rect
x={2.60257}
y={6.35986}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint20_radial_18_4353)"
/>
<rect
x={2.60257}
y={6.35986}
width={19.3125}
height={5.1875}
rx={2.59375}
fill="url(#paint21_radial_18_4353)"
/>
</g>
<g filter="url(#filter5_f_18_4353)">
<ellipse
cx={14.9819}
cy={8.14063}
rx={6.0049}
ry={1.2107}
fill="url(#paint22_radial_18_4353)"
/>
</g>
<g filter="url(#filter6_f_18_4353)">
<ellipse
cx={14.9819}
cy={26.523}
rx={6.0049}
ry={1.2107}
fill="url(#paint23_radial_18_4353)"
/>
</g>
<g filter="url(#filter7_f_18_4353)">
<circle
cx={28.0495}
cy={6.81349}
r={1.47755}
stroke="url(#paint24_linear_18_4353)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_i_18_4353"
x={18.112}
y={3.33972}
width={8.15279}
height={11.6623}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.380392 0 0 0 0 0.623529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4353"
/>
</filter>
<filter
id="filter1_f_18_4353"
x={20.7824}
y={3.3981}
width={5.38753}
height={4.92646}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_4353"
/>
</filter>
<filter
id="filter2_i_18_4353"
x={2.60257}
y={24.7349}
width={19.3125}
height={5.1875}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.662745 0 0 0 0 0.423529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4353"
/>
</filter>
<filter
id="filter3_ii_18_4353"
x={7.93556}
y={4.4613}
width={22.0446}
height={18.5888}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.607843 0 0 0 0 0.419608 0 0 0 0 0.756863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4353"
/>
<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={0.15} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.588235 0 0 0 0 0.572549 0 0 0 0 0.588235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4353"
result="effect2_innerShadow_18_4353"
/>
</filter>
<filter
id="filter4_i_18_4353"
x={2.60257}
y={6.35986}
width={19.3125}
height={5.1875}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.831373 0 0 0 0 0.662745 0 0 0 0 0.423529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4353"
/>
</filter>
<filter
id="filter5_f_18_4353"
x={7.72696}
y={5.67993}
width={14.5098}
height={4.92139}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.625}
result="effect1_foregroundBlur_18_4353"
/>
</filter>
<filter
id="filter6_f_18_4353"
x={7.72696}
y={24.0623}
width={14.5098}
height={4.92139}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.625}
result="effect1_foregroundBlur_18_4353"
/>
</filter>
<filter
id="filter7_f_18_4353"
x={25.822}
y={4.58594}
width={4.4551}
height={4.45508}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_4353"
/>
</filter>
<linearGradient
id="paint0_linear_18_4353"
x1={25.3213}
y1={5.04727}
x2={20.6963}
y2={14.9223}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3C7CE1" />
<stop offset={1} stopColor="#3464C6" />
</linearGradient>
<linearGradient
id="paint1_linear_18_4353"
x1={25.4151}
y1={7.64111}
x2={20.5401}
y2={3.92236}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#619FFA" />
<stop offset={1} stopColor="#619FFA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0064 10.9199) rotate(90) scale(18.8726 8.9457)"
>
<stop offset={0.318043} stopColor="#45B3FF" />
<stop offset={1} stopColor="#3079D4" />
</radialGradient>
<linearGradient
id="paint3_linear_18_4353"
x1={12.2588}
y1={11.4681}
x2={12.2588}
y2={11.9059}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#535FAE" />
<stop offset={1} stopColor="#535FAE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.7276 19.5161) rotate(90) scale(0.734375 6.21875)"
>
<stop offset={0.659575} stopColor="#193EBB" />
<stop offset={1} stopColor="#193EBB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7588 13.5474) rotate(131.711) scale(15.405 14.0272)"
>
<stop offset={0.749927} stopColor="#2E5EAE" stopOpacity={0} />
<stop offset={1} stopColor="#2E5EAE" />
</radialGradient>
<radialGradient
id="paint6_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.13382 22.2661) rotate(140.826) scale(1.08838 0.912517)"
>
<stop offset={0.359028} stopColor="#2C5AB2" />
<stop offset={1} stopColor="#2C5AB2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.9463 20.7349) rotate(90) scale(3.75 5.72222)"
>
<stop stopColor="#347AE9" />
<stop offset={1} stopColor="#2C569F" />
</radialGradient>
<linearGradient
id="paint8_linear_18_4353"
x1={7.13382}
y1={28.7974}
x2={21.9151}
y2={28.7974}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D28241" />
<stop offset={1} stopColor="#E7AF70" />
</linearGradient>
<radialGradient
id="paint9_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2588 29.9224) rotate(-90) scale(2.59375 14.0625)"
>
<stop stopColor="#C1675C" />
<stop offset={1} stopColor="#C1675C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.2979 27.3286) rotate(180) scale(13.5397 4.56879)"
>
<stop offset={0.819926} stopColor="#A65841" stopOpacity={0} />
<stop offset={1} stopColor="#A65841" />
</radialGradient>
<linearGradient
id="paint11_linear_18_4353"
x1={12.2588}
y1={30.5625}
x2={12.2588}
y2={28.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C3517C" />
<stop offset={1} stopColor="#C3517C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.9463 13.1411) rotate(90) scale(3.75 6.0625)"
>
<stop offset={0.408333} stopColor="#347AE9" />
<stop offset={1} stopColor="#2C569F" />
</radialGradient>
<radialGradient
id="paint13_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.6963 13.7036) rotate(142.745) scale(2.78756 0.557372)"
>
<stop stopColor="#2658A2" />
<stop offset={1} stopColor="#2658A2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.9463 15.6724) rotate(90) scale(3.75 6.0625)"
>
<stop offset={0.408333} stopColor="#347AE9" />
<stop offset={1} stopColor="#2C569F" />
</radialGradient>
<radialGradient
id="paint15_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0244 16.3911) rotate(142.164) scale(2.03779 0.399568)"
>
<stop stopColor="#2658A2" />
<stop offset={1} stopColor="#2658A2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint16_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.5781 19.7344) rotate(173.367) scale(1.3528 0.41465)"
>
<stop stopColor="#9D72BD" />
<stop offset={1} stopColor="#9D72BD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.9463 18.2036) rotate(90) scale(3.75 6.0625)"
>
<stop offset={0.408333} stopColor="#347AE9" />
<stop offset={1} stopColor="#2C569F" />
</radialGradient>
<linearGradient
id="paint18_linear_18_4353"
x1={7.13382}
y1={10.4224}
x2={21.9151}
y2={10.4224}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D28241" />
<stop offset={1} stopColor="#E7AF70" />
</linearGradient>
<radialGradient
id="paint19_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2588 11.5474) rotate(-90) scale(2.59375 14.0625)"
>
<stop stopColor="#C1675C" />
<stop offset={1} stopColor="#C1675C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint20_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.2979 8.95361) rotate(180) scale(13.5397 4.56879)"
>
<stop offset={0.819926} stopColor="#A65841" stopOpacity={0} />
<stop offset={1} stopColor="#A65841" />
</radialGradient>
<radialGradient
id="paint21_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.3201 1.16502) rotate(64.5464) scale(12.4322 18.7456)"
>
<stop offset={0.850984} stopColor="#B17273" stopOpacity={0} />
<stop offset={0.956593} stopColor="#B17273" />
</radialGradient>
<radialGradient
id="paint22_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.3462 8.14063) rotate(-180) scale(11.3693 1.92656)"
>
<stop stopColor="#FFD88C" />
<stop offset={1} stopColor="#FFD88C" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint23_radial_18_4353"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.3462 26.523) rotate(-180) scale(11.3693 1.92656)"
>
<stop stopColor="#FFD88C" />
<stop offset={1} stopColor="#FFD88C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint24_linear_18_4353"
x1={29.2778}
y1={5.72756}
x2={26.4651}
y2={7.86378}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E6E2EC" />
<stop offset={0.311563} stopColor="#E6E2EC" stopOpacity={0} />
<stop offset={0.763693} stopColor="#E6E2EC" stopOpacity={0} />
<stop offset={1} stopColor="#E6E2EC" />
</linearGradient>
</defs>
</svg>
);
module.exports = ThreadIcon;