@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
430 lines (429 loc) • 14.6 kB
JSX
const React = require("react");
const AnchorIcon = ({ 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="M10.5 13.0132H21.5C22.33 13.0132 23 12.3432 23 11.5132C23 10.6832 22.33 10.0132 21.5 10.0132H10.5C9.67 10.0132 9 10.6832 9 11.5132C9 12.3432 9.67 13.0132 10.5 13.0132Z"
fill="url(#paint0_linear_18_12108)"
/>
<path
d="M10.5 13.0132H21.5C22.33 13.0132 23 12.3432 23 11.5132C23 10.6832 22.33 10.0132 21.5 10.0132H10.5C9.67 10.0132 9 10.6832 9 11.5132C9 12.3432 9.67 13.0132 10.5 13.0132Z"
fill="url(#paint1_linear_18_12108)"
/>
<path
d="M10.5 13.0132H21.5C22.33 13.0132 23 12.3432 23 11.5132C23 10.6832 22.33 10.0132 21.5 10.0132H10.5C9.67 10.0132 9 10.6832 9 11.5132C9 12.3432 9.67 13.0132 10.5 13.0132Z"
fill="url(#paint2_linear_18_12108)"
/>
<path
d="M10.5 13.0132H21.5C22.33 13.0132 23 12.3432 23 11.5132C23 10.6832 22.33 10.0132 21.5 10.0132H10.5C9.67 10.0132 9 10.6832 9 11.5132C9 12.3432 9.67 13.0132 10.5 13.0132Z"
fill="url(#paint3_linear_18_12108)"
/>
<path
d="M10.5 13.0132H21.5C22.33 13.0132 23 12.3432 23 11.5132C23 10.6832 22.33 10.0132 21.5 10.0132H10.5C9.67 10.0132 9 10.6832 9 11.5132C9 12.3432 9.67 13.0132 10.5 13.0132Z"
fill="url(#paint4_radial_18_12108)"
/>
<path
d="M14 7.01318H18V27.0132H14V7.01318Z"
fill="url(#paint5_linear_18_12108)"
/>
<path
d="M14 7.01318H18V27.0132H14V7.01318Z"
fill="url(#paint6_radial_18_12108)"
/>
<g filter="url(#filter0_ii_18_12108)">
<path
d="M27.98 22.0126H24.02C23.15 22.0126 22.68 20.9926 23.25 20.3326L26.64 16.3726C27.21 15.7026 28.3 16.0226 28.42 16.8926L28.99 20.8526C29.08 21.4626 28.6 22.0126 27.98 22.0126Z"
fill="url(#paint7_linear_18_12108)"
/>
<path
d="M27.98 22.0126H24.02C23.15 22.0126 22.68 20.9926 23.25 20.3326L26.64 16.3726C27.21 15.7026 28.3 16.0226 28.42 16.8926L28.99 20.8526C29.08 21.4626 28.6 22.0126 27.98 22.0126Z"
fill="url(#paint8_linear_18_12108)"
/>
</g>
<g filter="url(#filter1_ii_18_12108)">
<path
d="M4.02003 22.0131H7.98003C8.85003 22.0131 9.32003 20.9908 8.75003 20.3293L5.36002 16.3602C4.79002 15.6887 3.70003 16.0094 3.58003 16.8814L3.01003 20.8505C2.92003 21.4619 3.40003 22.0131 4.02003 22.0131Z"
fill="url(#paint9_linear_18_12108)"
/>
</g>
<g filter="url(#filter2_i_18_12108)">
<path
d="M4.69 22.0132C6.33 26.6732 10.77 30.0132 16 30.0132C21.23 30.0132 25.67 26.6732 27.31 22.0132H24.06C22.59 24.9732 19.53 27.0132 16 27.0132C12.47 27.0132 9.41 24.9732 7.94 22.0132H4.69V22.0132Z"
fill="url(#paint10_linear_18_12108)"
/>
<path
d="M4.69 22.0132C6.33 26.6732 10.77 30.0132 16 30.0132C21.23 30.0132 25.67 26.6732 27.31 22.0132H24.06C22.59 24.9732 19.53 27.0132 16 27.0132C12.47 27.0132 9.41 24.9732 7.94 22.0132H4.69V22.0132Z"
fill="url(#paint11_linear_18_12108)"
/>
</g>
<g filter="url(#filter3_ii_18_12108)">
<path
d="M13 5.01318C13 6.67318 14.34 8.01318 16 8.01318C17.66 8.01318 19 6.67318 19 5.01318C19 3.35318 17.66 2.01318 16 2.01318C14.34 2.01318 13 3.35318 13 5.01318ZM15 5.01318C15 4.46318 15.45 4.01318 16 4.01318C16.55 4.01318 17 4.46318 17 5.01318C17 5.56318 16.55 6.01318 16 6.01318C15.45 6.01318 15 5.56318 15 5.01318Z"
fill="url(#paint12_linear_18_12108)"
/>
<path
d="M13 5.01318C13 6.67318 14.34 8.01318 16 8.01318C17.66 8.01318 19 6.67318 19 5.01318C19 3.35318 17.66 2.01318 16 2.01318C14.34 2.01318 13 3.35318 13 5.01318ZM15 5.01318C15 4.46318 15.45 4.01318 16 4.01318C16.55 4.01318 17 4.46318 17 5.01318C17 5.56318 16.55 6.01318 16 6.01318C15.45 6.01318 15 5.56318 15 5.01318Z"
fill="url(#paint13_radial_18_12108)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_12108"
x={22.7505}
y={16.0132}
width={6.55037}
height={6.24951}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.407843 0 0 0 0 0.952941 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12108"
/>
<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.3} />
<feGaussianBlur stdDeviation={0.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.47451 0 0 0 0 0.752941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12108"
result="effect2_innerShadow_18_12108"
/>
</filter>
<filter
id="filter1_ii_18_12108"
x={2.74915}
y={15.75}
width={6.50037}
height={6.51318}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.407843 0 0 0 0 0.952941 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12108"
/>
<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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.47451 0 0 0 0 0.752941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12108"
result="effect2_innerShadow_18_12108"
/>
</filter>
<filter
id="filter2_i_18_12108"
x={4.69}
y={21.5132}
width={23.12}
height={8.5}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.227451 0 0 0 0 0.47451 0 0 0 0 0.780392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12108"
/>
</filter>
<filter
id="filter3_ii_18_12108"
x={12.75}
y={1.61318}
width={6.65}
height={6.65}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.4 0 0 0 0 0.933333 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_12108"
/>
<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} dy={-0.4} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.137255 0 0 0 0 0.490196 0 0 0 0 0.811765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_12108"
result="effect2_innerShadow_18_12108"
/>
</filter>
<linearGradient
id="paint0_linear_18_12108"
x1={23.0021}
y1={11.5147}
x2={11.6308}
y2={11.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#55E3FF" />
<stop offset={1} stopColor="#2890E1" />
</linearGradient>
<linearGradient
id="paint1_linear_18_12108"
x1={16}
y1={13.4615}
x2={16}
y2={12.0135}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3875C8" />
<stop offset={1} stopColor="#3875C8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_12108"
x1={23}
y1={12.1249}
x2={21.6251}
y2={12.1249}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#71FBFF" />
<stop offset={1} stopColor="#71FBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_12108"
x1={9}
y1={12.0135}
x2={10.3385}
y2={12.0135}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3875C8" />
<stop offset={1} stopColor="#3875C8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_12108"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.3854 12.0135) rotate(-109.841) scale(3.82858 2.20947)"
>
<stop offset={0.307786} stopColor="#3875C8" />
<stop offset={1} stopColor="#3875C8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_12108"
x1={17.6262}
y1={17.0147}
x2={14.3078}
y2={17.0147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#53DDFF" />
<stop offset={1} stopColor="#2F80C2" />
</linearGradient>
<radialGradient
id="paint6_radial_18_12108"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6527 6.49721) rotate(76.139) scale(2.51166 3.18238)"
>
<stop offset={0.627167} stopColor="#287BBD" />
<stop offset={1} stopColor="#287BBD" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_12108"
x1={29.0035}
y1={19.015}
x2={23.0034}
y2={19.015}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5AD7FF" />
<stop offset={1} stopColor="#31A5F4" />
</linearGradient>
<linearGradient
id="paint8_linear_18_12108"
x1={26.0007}
y1={22.0126}
x2={26.0007}
y2={21.5602}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2884E2" />
<stop offset={1} stopColor="#2884E2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_12108"
x1={9.00213}
y1={19.0087}
x2={3.00203}
y2={19.0087}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5AD7FF" />
<stop offset={1} stopColor="#31A5F4" />
</linearGradient>
<linearGradient
id="paint10_linear_18_12108"
x1={27.3121}
y1={26.0147}
x2={6.40306}
y2={26.0147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BDAFF" />
<stop offset={1} stopColor="#41B2FF" />
</linearGradient>
<linearGradient
id="paint11_linear_18_12108"
x1={7.12415}
y1={20.3882}
x2={7.74915}
y2={23.0757}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.268856} stopColor="#2274D1" />
<stop offset={1} stopColor="#2274D1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_12108"
x1={19}
y1={3.49977}
x2={14.1556}
y2={7.33568}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4FCAFF" />
<stop offset={1} stopColor="#2EA3EF" />
</linearGradient>
<radialGradient
id="paint13_radial_18_12108"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.3919 2.34291) rotate(135.855) scale(2.88494)"
>
<stop stopColor="#66EEFF" />
<stop offset={1} stopColor="#66EEFF" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = AnchorIcon;