@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
557 lines (556 loc) • 20.3 kB
JSX
const React = require("react");
const NecktieIcon = ({ 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}
<path
d="M2.00122 8.44783C2.00122 5.79686 4.15025 3.64783 6.80122 3.64783H24.8582C27.5092 3.64783 29.6582 5.79686 29.6582 8.44783V26.1009C29.6582 28.1996 27.9569 29.9009 25.8582 29.9009H5.80122C3.70254 29.9009 2.00122 28.1996 2.00122 26.1009V8.44783Z"
fill="#477FF4"
/>
<path
d="M2.00122 8.44783C2.00122 5.79686 4.15025 3.64783 6.80122 3.64783H24.8582C27.5092 3.64783 29.6582 5.79686 29.6582 8.44783V26.1009C29.6582 28.1996 27.9569 29.9009 25.8582 29.9009H5.80122C3.70254 29.9009 2.00122 28.1996 2.00122 26.1009V8.44783Z"
fill="url(#paint0_linear_18_16352)"
/>
<path
d="M2.00122 8.44783C2.00122 5.79686 4.15025 3.64783 6.80122 3.64783H24.8582C27.5092 3.64783 29.6582 5.79686 29.6582 8.44783V26.1009C29.6582 28.1996 27.9569 29.9009 25.8582 29.9009H5.80122C3.70254 29.9009 2.00122 28.1996 2.00122 26.1009V8.44783Z"
fill="url(#paint1_linear_18_16352)"
/>
<path
d="M2.00122 8.44783C2.00122 5.79686 4.15025 3.64783 6.80122 3.64783H24.8582C27.5092 3.64783 29.6582 5.79686 29.6582 8.44783V26.1009C29.6582 28.1996 27.9569 29.9009 25.8582 29.9009H5.80122C3.70254 29.9009 2.00122 28.1996 2.00122 26.1009V8.44783Z"
fill="url(#paint2_linear_18_16352)"
/>
<path
d="M2.00122 8.44783C2.00122 5.79686 4.15025 3.64783 6.80122 3.64783H24.8582C27.5092 3.64783 29.6582 5.79686 29.6582 8.44783V26.1009C29.6582 28.1996 27.9569 29.9009 25.8582 29.9009H5.80122C3.70254 29.9009 2.00122 28.1996 2.00122 26.1009V8.44783Z"
fill="url(#paint3_radial_18_16352)"
/>
<g filter="url(#filter0_f_18_16352)">
<path
d="M10.5571 11.8004L7.44936 4.69827C7.17475 4.07072 7.64984 3.375 8.35297 3.375H8.54807C8.93486 3.375 9.30611 3.52256 9.58159 3.78579L15.8488 9.77424C15.9612 9.88167 15.9413 10.0626 15.808 10.1446L12.2723 12.3187C11.6581 12.6964 10.8411 12.4495 10.5571 11.8004Z"
fill="#3453D2"
/>
</g>
<g filter="url(#filter1_f_18_16352)">
<path
d="M21.0071 11.8004L24.1149 4.69827C24.3895 4.07072 23.9144 3.375 23.2112 3.375H23.0161C22.6293 3.375 22.2581 3.52256 21.9826 3.78579L15.7154 9.77424C15.603 9.88167 15.6229 10.0626 15.7562 10.1446L19.2919 12.3187C19.9061 12.6964 20.7231 12.4495 21.0071 11.8004Z"
fill="#3453D2"
/>
</g>
<path
d="M4.30786 29.5962V4.34545C4.63796 4.14439 4.99422 3.98206 5.37036 3.86475V29.8767C4.99715 29.8346 4.64031 29.7384 4.30786 29.5962Z"
fill="url(#paint4_linear_18_16352)"
/>
<path
d="M8.27661 29.9009V3.64783H9.33911V29.9009H8.27661Z"
fill="url(#paint5_linear_18_16352)"
/>
<path
d="M22.3391 29.9009V3.64783H23.4016V29.9009H22.3391Z"
fill="url(#paint6_linear_18_16352)"
/>
<path
d="M26.5735 29.8337V3.96338C26.9532 4.1087 27.3097 4.30085 27.636 4.53277V29.4603C27.3075 29.6345 26.9503 29.7619 26.5735 29.8337Z"
fill="url(#paint7_linear_18_16352)"
/>
<path
d="M12.3374 29.9009V3.64783H19.3218V29.9009H12.3374Z"
fill="url(#paint8_linear_18_16352)"
/>
<path
d="M12.3374 29.9009V3.64783H19.3218V29.9009H12.3374Z"
fill="url(#paint9_linear_18_16352)"
/>
<path
d="M12.3374 29.9009V3.64783H15.6421V29.9009H12.3374Z"
fill="url(#paint10_radial_18_16352)"
/>
<path
d="M15.8916 10.8644L8.11035 2.13H23.751L15.8916 10.8644Z"
fill="url(#paint11_linear_18_16352)"
/>
<path
d="M15.8916 10.8644L8.11035 2.13H23.751L15.8916 10.8644Z"
fill="url(#paint12_linear_18_16352)"
/>
<path
d="M10.5625 29.9009L14.3125 12.6525L17.3438 11.9325L21.2812 29.9009H10.5625Z"
fill="url(#paint13_linear_18_16352)"
/>
<path
d="M10.5625 29.9009L14.3125 12.6525L17.3438 11.9325L21.2812 29.9009H10.5625Z"
fill="url(#paint14_linear_18_16352)"
/>
<path
d="M10.5625 29.9009L14.3125 12.6525L17.3438 11.9325L21.2812 29.9009H10.5625Z"
fill="url(#paint15_radial_18_16352)"
/>
<path
d="M10.5625 29.9009L14.3125 12.6525L17.3438 11.9325L21.2812 29.9009H10.5625Z"
fill="url(#paint16_linear_18_16352)"
/>
<g filter="url(#filter2_i_18_16352)">
<path
d="M13.7861 12.6076L12.7031 10.8231L14.1719 8.82312L15.9141 9.03632L16.5312 8.82312L19.2969 10.5575L18.0124 12.6178C17.8297 12.9107 17.509 13.0887 17.1638 13.0887H14.641C14.2915 13.0887 13.9674 12.9063 13.7861 12.6076Z"
fill="url(#paint17_linear_18_16352)"
/>
<path
d="M13.7861 12.6076L12.7031 10.8231L14.1719 8.82312L15.9141 9.03632L16.5312 8.82312L19.2969 10.5575L18.0124 12.6178C17.8297 12.9107 17.509 13.0887 17.1638 13.0887H14.641C14.2915 13.0887 13.9674 12.9063 13.7861 12.6076Z"
fill="url(#paint18_radial_18_16352)"
/>
<path
d="M13.7861 12.6076L12.7031 10.8231L14.1719 8.82312L15.9141 9.03632L16.5312 8.82312L19.2969 10.5575L18.0124 12.6178C17.8297 12.9107 17.509 13.0887 17.1638 13.0887H14.641C14.2915 13.0887 13.9674 12.9063 13.7861 12.6076Z"
fill="url(#paint19_radial_18_16352)"
/>
</g>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint20_linear_18_16352)"
/>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint21_linear_18_16352)"
/>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint22_linear_18_16352)"
/>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint23_linear_18_16352)"
/>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint24_linear_18_16352)"
/>
<path
d="M10.4563 10.9837L7.29019 3.52055C7.01044 2.8611 7.49444 2.13 8.21078 2.13H8.40955C8.8036 2.13 9.18183 2.28507 9.46249 2.56167L15.8474 8.85458C15.962 8.96748 15.9416 9.1576 15.8058 9.24375L12.2037 11.5284C11.578 11.9253 10.7457 11.6658 10.4563 10.9837Z"
fill="url(#paint25_linear_18_16352)"
/>
<path
d="M21.3875 10.9837L24.5536 3.52055C24.8333 2.8611 24.3493 2.13 23.633 2.13H23.4342C23.0401 2.13 22.6619 2.28507 22.3813 2.56167L15.9963 8.85458C15.8818 8.96748 15.9021 9.1576 16.0379 9.24375L19.64 11.5284C20.2657 11.9253 21.0981 11.6658 21.3875 10.9837Z"
fill="url(#paint26_linear_18_16352)"
/>
<path
d="M21.3875 10.9837L24.5536 3.52055C24.8333 2.8611 24.3493 2.13 23.633 2.13H23.4342C23.0401 2.13 22.6619 2.28507 22.3813 2.56167L15.9963 8.85458C15.8818 8.96748 15.9021 9.1576 16.0379 9.24375L19.64 11.5284C20.2657 11.9253 21.0981 11.6658 21.3875 10.9837Z"
fill="url(#paint27_linear_18_16352)"
/>
<path
d="M21.3875 10.9837L24.5536 3.52055C24.8333 2.8611 24.3493 2.13 23.633 2.13H23.4342C23.0401 2.13 22.6619 2.28507 22.3813 2.56167L15.9963 8.85458C15.8818 8.96748 15.9021 9.1576 16.0379 9.24375L19.64 11.5284C20.2657 11.9253 21.0981 11.6658 21.3875 10.9837Z"
fill="url(#paint28_linear_18_16352)"
/>
<defs>
<filter
id="filter0_f_18_16352"
x={6.57036}
y={2.575}
width={10.1515}
height={10.7217}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.4}
result="effect1_foregroundBlur_18_16352"
/>
</filter>
<filter
id="filter1_f_18_16352"
x={14.8423}
y={2.575}
width={10.1515}
height={10.7217}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.4}
result="effect1_foregroundBlur_18_16352"
/>
</filter>
<filter
id="filter2_i_18_16352"
x={12.7031}
y={8.82312}
width={6.99375}
height={4.26562}
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} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.160784 0 0 0 0 0.133333 0 0 0 0 0.4 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16352"
/>
</filter>
<linearGradient
id="paint0_linear_18_16352"
x1={19.5266}
y1={29.9009}
x2={19.5266}
y2={26.25}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.178281} stopColor="#5562F6" />
<stop offset={1} stopColor="#5562F6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_16352"
x1={30.2766}
y1={21.3125}
x2={24.9641}
y2={21.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6AA9FF" />
<stop offset={1} stopColor="#6AA9FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_16352"
x1={2.00122}
y1={18.75}
x2={5.52658}
y2={18.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4C76BF" />
<stop offset={1} stopColor="#4C76BF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_16352"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8297 22.5625) rotate(-90) scale(19.75 51.2914)"
>
<stop offset={0.803798} stopColor="#529EF8" stopOpacity={0} />
<stop offset={1} stopColor="#529EF8" />
</radialGradient>
<linearGradient
id="paint4_linear_18_16352"
x1={4.83911}
y1={3.86475}
x2={4.83911}
y2={29.8767}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#51D8F2" />
<stop offset={0.195016} stopColor="#35BFFF" />
<stop offset={0.860574} stopColor="#35BFFF" />
<stop offset={1} stopColor="#4A96FF" />
</linearGradient>
<linearGradient
id="paint5_linear_18_16352"
x1={9.68286}
y1={5.0625}
x2={8.80786}
y2={29.9009}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.03152} stopColor="#2E8DF9" />
<stop offset={0.200742} stopColor="#35BFFF" />
<stop offset={0.82149} stopColor="#41CEFF" />
<stop offset={1} stopColor="#629BFF" />
</linearGradient>
<linearGradient
id="paint6_linear_18_16352"
x1={23.7454}
y1={5.0625}
x2={22.8704}
y2={29.9009}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#40D1FF" />
<stop offset={0.200742} stopColor="#41D7FF" />
<stop offset={0.82149} stopColor="#42D5FF" />
<stop offset={1} stopColor="#429AFF" />
</linearGradient>
<linearGradient
id="paint7_linear_18_16352"
x1={27.1047}
y1={3.96338}
x2={27.1047}
y2={29.8337}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#59FFFF" />
<stop offset={0.195016} stopColor="#4DEDFF" />
<stop offset={0.832484} stopColor="#4FECFF" />
<stop offset={1} stopColor="#49ABFF" />
</linearGradient>
<linearGradient
id="paint8_linear_18_16352"
x1={13.339}
y1={15.3125}
x2={19.3218}
y2={15.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3DBCFF" />
<stop offset={1} stopColor="#40D1FF" />
</linearGradient>
<linearGradient
id="paint9_linear_18_16352"
x1={19.3218}
y1={10.5313}
x2={17.9952}
y2={12.9063}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.22822} stopColor="#2B8AFD" />
<stop offset={1} stopColor="#2B8AFD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_16352"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.3374 14.25) scale(1.97031 9.6875)"
>
<stop stopColor="#297FF4" stopOpacity={0} />
<stop offset={1} stopColor="#297FF4" />
</radialGradient>
<linearGradient
id="paint11_linear_18_16352"
x1={15.9307}
y1={2.13}
x2={15.9307}
y2={9.4236}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CBCBCC" />
<stop offset={0.399815} stopColor="#CECBD2" />
<stop offset={1} stopColor="#9C8AAD" />
</linearGradient>
<linearGradient
id="paint12_linear_18_16352"
x1={18.2023}
y1={7.08984}
x2={17.6828}
y2={6.49719}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.196951} stopColor="#9B8AAC" />
<stop offset={1} stopColor="#B1A4BD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_16352"
x1={15.9219}
y1={11.9325}
x2={15.9219}
y2={28.7164}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#332C70" />
<stop offset={1} stopColor="#501069" />
</linearGradient>
<linearGradient
id="paint14_linear_18_16352"
x1={11.9107}
y1={21.8387}
x2={13.4242}
y2={22.2093}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#142C63" />
<stop offset={1} stopColor="#381D62" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint15_radial_18_16352"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.992 13.888) rotate(77.5695) scale(16.049 2.61252)"
>
<stop stopColor="#40457D" />
<stop offset={1} stopColor="#40457D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint16_linear_18_16352"
x1={18.2297}
y1={15.6563}
x2={17.7297}
y2={15.7969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1B3D78" />
<stop offset={1} stopColor="#1B3D78" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint17_linear_18_16352"
x1={16}
y1={8.82312}
x2={16}
y2={13.0887}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.114726} stopColor="#362865" />
<stop offset={1} stopColor="#461368" />
</linearGradient>
<radialGradient
id="paint18_radial_18_16352"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5266 9.875) rotate(120.964) scale(2.18661 3.38003)"
>
<stop offset={0.117574} stopColor="#4B3D74" />
<stop offset={1} stopColor="#4B3D74" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_18_16352"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.7766 9.84375) rotate(124.186) scale(1.0011 4.11852)"
>
<stop offset={0.255785} stopColor="#291A5D" />
<stop offset={1} stopColor="#291A5D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint20_linear_18_16352"
x1={12.8452}
y1={6.11192}
x2={10.7897}
y2={9.19521}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0341881} stopColor="#E1DEE5" />
<stop offset={1} stopColor="#CAAEE6" />
</linearGradient>
<linearGradient
id="paint21_linear_18_16352"
x1={9.07678}
y1={9.19521}
x2={10.7517}
y2={8.16745}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F8CC4" />
<stop offset={1} stopColor="#BFA4DB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint22_linear_18_16352"
x1={13.1498}
y1={11.2127}
x2={12.4646}
y2={9.99458}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B688EA" />
<stop offset={1} stopColor="#C8A6EA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint23_linear_18_16352"
x1={12.8452}
y1={6.11192}
x2={10.7897}
y2={9.19521}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0341881} stopColor="#E1DEE5" />
<stop offset={1} stopColor="#CAAEE6" />
</linearGradient>
<linearGradient
id="paint24_linear_18_16352"
x1={9.07678}
y1={9.19521}
x2={10.7517}
y2={8.16745}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F8CC4" />
<stop offset={1} stopColor="#BFA4DB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint25_linear_18_16352"
x1={13.1498}
y1={11.2127}
x2={12.4646}
y2={9.99458}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B688EA" />
<stop offset={1} stopColor="#C8A6EA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint26_linear_18_16352"
x1={23.5415}
y1={7.40614}
x2={17.4129}
y2={6.92273}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F6F2FC" />
<stop offset={1} stopColor="#CAAEE6" />
</linearGradient>
<linearGradient
id="paint27_linear_18_16352"
x1={18.5168}
y1={5.8074}
x2={19.6588}
y2={6.92273}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6C3C9" />
<stop offset={1} stopColor="#D8D0E2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint28_linear_18_16352"
x1={18.694}
y1={11.2127}
x2={19.3792}
y2={9.99458}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B688EA" />
<stop offset={1} stopColor="#C8A6EA" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = NecktieIcon;