@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
387 lines (386 loc) • 19.7 kB
JSX
const React = require("react");
const LinkIcon = ({ 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 clipPath="url(#clip0_18_24636)">
<g filter="url(#filter0_i_18_24636)">
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="#C8BDCD"
/>
</g>
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="url(#paint0_radial_18_24636)"
/>
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="url(#paint1_radial_18_24636)"
/>
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="url(#paint2_linear_18_24636)"
/>
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="url(#paint3_radial_18_24636)"
/>
<path
d="M28.1036 4.44469C25.0571 1.39816 20.1177 1.39816 17.0712 4.44469L13.0087 8.50719C12.3054 9.21049 11.7644 10.0147 11.3859 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2535L19.3693 6.74279C21.1466 4.96546 24.0282 4.96546 25.8055 6.74279C27.5829 8.52012 27.5829 11.4017 25.8056 13.1791L21.743 17.2416C19.9657 19.0189 17.0841 19.0189 15.3068 17.2416C14.2732 16.208 13.8407 14.801 14.0092 13.4548C13.0662 13.5882 12.157 14.0175 11.4318 14.7428L10.835 15.3396C11.0969 16.8777 11.8214 18.3524 13.0087 19.5397C16.0552 22.5862 20.9946 22.5862 24.0411 19.5397L28.1036 15.4772C31.1502 12.4306 31.1502 7.49122 28.1036 4.44469Z"
fill="url(#paint4_radial_18_24636)"
/>
<g filter="url(#filter1_f_18_24636)">
<rect
x={23.0262}
y={0.843414}
width={12.6909}
height={18.6394}
rx={6.34543}
transform="rotate(45 23.0262 0.843414)"
stroke="url(#paint5_linear_18_24636)"
strokeWidth={1.25}
/>
<rect
x={23.0262}
y={0.843414}
width={12.6909}
height={18.6394}
rx={6.34543}
transform="rotate(45 23.0262 0.843414)"
stroke="url(#paint6_linear_18_24636)"
strokeWidth={1.25}
/>
</g>
<g filter="url(#filter2_i_18_24636)">
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="#C8BDCD"
/>
</g>
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="url(#paint7_radial_18_24636)"
/>
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="url(#paint8_radial_18_24636)"
/>
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="url(#paint9_linear_18_24636)"
/>
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="url(#paint10_radial_18_24636)"
/>
<path
d="M15.8586 10.2534C17.4354 10.4994 18.9513 11.2298 20.1661 12.4447C21.3534 13.6319 22.0779 15.1066 22.3398 16.6448L21.743 17.2416C21.0177 17.9669 20.1086 18.3962 19.1656 18.5295C19.3341 17.1834 18.9016 15.7764 17.868 14.7428C16.816 13.6907 15.377 13.2614 14.0092 13.4548C13.1841 13.5715 12.3849 13.9148 11.7121 14.4847C11.6159 14.5661 11.5224 14.6521 11.4317 14.7428L7.36925 18.8053C5.59192 20.5826 5.59192 23.4642 7.36925 25.2416C9.14658 27.0189 12.0282 27.0189 13.8055 25.2416L17.3162 21.7309C18.8212 21.9657 20.3817 21.7591 21.7889 21.1112C21.4104 21.9697 20.8694 22.7739 20.1661 23.4772L16.1036 27.5397C13.0571 30.5862 8.11769 30.5862 5.07116 27.5397C2.02462 24.4931 2.02462 19.5537 5.07115 16.5072L9.13366 12.4447C9.8058 11.7725 10.5701 11.2487 11.3858 10.8731C12.7931 10.2253 14.3536 10.0187 15.8586 10.2534Z"
fill="url(#paint11_radial_18_24636)"
/>
<g filter="url(#filter3_f_18_24636)">
<rect
x={14.7474}
y={8.83401}
width={12.6909}
height={17.8637}
rx={6.34543}
transform="rotate(45 14.7474 8.83401)"
stroke="url(#paint12_linear_18_24636)"
strokeWidth={1.25}
/>
<rect
x={14.7474}
y={8.83401}
width={12.6909}
height={17.8637}
rx={6.34543}
transform="rotate(45 14.7474 8.83401)"
stroke="url(#paint13_linear_18_24636)"
strokeWidth={1.25}
/>
</g>
</g>
<defs>
<filter
id="filter0_i_18_24636"
x={10.835}
y={1.50979}
width={20.2036}
height={20.3148}
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.65} dy={-0.65} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.65098 0 0 0 0 0.588235 0 0 0 0 0.701961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24636"
/>
</filter>
<filter
id="filter1_f_18_24636"
x={10.8496}
y={1.84677}
width={20.1471}
height={20.1471}
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_18_24636"
/>
</filter>
<filter
id="filter2_i_18_24636"
x={2.78625}
y={9.50979}
width={20.2036}
height={20.3148}
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.65} dy={-0.65} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.65098 0 0 0 0 0.588235 0 0 0 0 0.701961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24636"
/>
</filter>
<filter
id="filter3_f_18_24636"
x={3.11929}
y={9.83737}
width={19.5986}
height={19.5986}
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_18_24636"
/>
</filter>
<radialGradient
id="paint0_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.3208 9.16699) rotate(89.324) scale(13.7774 14.0197)"
>
<stop offset={0.773589} stopColor="#A08FAF" stopOpacity={0} />
<stop offset={0.969314} stopColor="#8C72A5" />
</radialGradient>
<radialGradient
id="paint1_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.5661 10.7925) rotate(-71.2883) scale(2.66018 7.53108)"
>
<stop stopColor="#CDC4D3" />
<stop offset={1} stopColor="#CDC4D3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_24636"
x1={12.2498}
y1={8.39486}
x2={13.7534}
y2={9.93912}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.298766} stopColor="#DED6E0" />
<stop offset={1} stopColor="#DED6E0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.3847 7.86657) rotate(-77.9885) scale(3.90551 5.04384)"
>
<stop stopColor="#9378A9" />
<stop offset={1} stopColor="#AB9FB5" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.0872 14.0436) rotate(71.2883) scale(2.66018 6.77493)"
>
<stop offset={0.160794} stopColor="#9789A3" />
<stop offset={1} stopColor="#9789A3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_24636"
x1={34.7976}
y1={-1.08684}
x2={30.3758}
y2={6.68938}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.272407} stopColor="#F1E9F5" />
<stop offset={1} stopColor="#F1E9F5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_24636"
x1={23.332}
y1={17.0791}
x2={27.8696}
y2={14.5796}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.14306} stopColor="#C9BDD2" />
<stop offset={1} stopColor="#F1E9F5" stopOpacity={0} />
<stop offset={1} stopColor="#C9BDD2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2721 17.167) rotate(89.324) scale(13.7774 14.0197)"
>
<stop offset={0.773589} stopColor="#A08FAF" stopOpacity={0} />
<stop offset={0.969314} stopColor="#8C72A5" />
</radialGradient>
<radialGradient
id="paint8_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.51743 18.7925) rotate(-71.2883) scale(2.66018 7.53108)"
>
<stop stopColor="#CDC4D3" />
<stop offset={1} stopColor="#CDC4D3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_24636"
x1={4.20104}
y1={16.3949}
x2={5.70466}
y2={17.9391}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DED6E0" />
<stop offset={1} stopColor="#DED6E0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.336 15.8666) rotate(-77.9885) scale(3.90551 5.04384)"
>
<stop offset={0.373303} stopColor="#9378A9" />
<stop offset={1} stopColor="#AB9FB5" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_24636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5153 19.0421) rotate(140.842) scale(6.21042 3.61585)"
>
<stop offset={0.248848} stopColor="#92889C" />
<stop offset={1} stopColor="#92889C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_24636"
x1={18.6765}
y1={7.24678}
x2={21.7187}
y2={14.4734}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F1E9F5" />
<stop offset={1} stopColor="#F1E9F5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_24636"
x1={21.9237}
y1={26.7523}
x2={19.8117}
y2={21.9695}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.14306} stopColor="#E3D8EA" />
<stop offset={1} stopColor="#F1E9F5" stopOpacity={0} />
<stop offset={1} stopColor="#E3D8EA" stopOpacity={0} />
</linearGradient>
<clipPath id="clip0_18_24636">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = LinkIcon;