@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
589 lines (588 loc) • 20.2 kB
JSX
const React = require("react");
const LadderIcon = ({ 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_24814)">
<path
d="M8.59934 2.97758C8.73633 2.44803 9.2141 2.07812 9.76109 2.07812H13.4886C13.9136 2.07812 14.2243 2.4794 14.1179 2.89092L7.35768 29.0224C7.22069 29.552 6.74292 29.9219 6.19593 29.9219H2.46845C2.04339 29.9219 1.73271 29.5206 1.83917 29.1091L8.59934 2.97758Z"
fill="url(#paint0_linear_18_24814)"
/>
<path
d="M8.59934 2.97758C8.73633 2.44803 9.2141 2.07812 9.76109 2.07812H13.4886C13.9136 2.07812 14.2243 2.4794 14.1179 2.89092L7.35768 29.0224C7.22069 29.552 6.74292 29.9219 6.19593 29.9219H2.46845C2.04339 29.9219 1.73271 29.5206 1.83917 29.1091L8.59934 2.97758Z"
fill="url(#paint1_radial_18_24814)"
/>
<path
d="M8.59934 2.97758C8.73633 2.44803 9.2141 2.07812 9.76109 2.07812H13.4886C13.9136 2.07812 14.2243 2.4794 14.1179 2.89092L7.35768 29.0224C7.22069 29.552 6.74292 29.9219 6.19593 29.9219H2.46845C2.04339 29.9219 1.73271 29.5206 1.83917 29.1091L8.59934 2.97758Z"
fill="url(#paint2_linear_18_24814)"
/>
<path
d="M8.59934 2.97758C8.73633 2.44803 9.2141 2.07812 9.76109 2.07812H13.4886C13.9136 2.07812 14.2243 2.4794 14.1179 2.89092L7.35768 29.0224C7.22069 29.552 6.74292 29.9219 6.19593 29.9219H2.46845C2.04339 29.9219 1.73271 29.5206 1.83917 29.1091L8.59934 2.97758Z"
fill="url(#paint3_linear_18_24814)"
/>
</g>
<g filter="url(#filter1_f_18_24814)">
<path
d="M12.2651 8.98438L10.5186 6.72656L12.9951 6.625L12.2651 8.98438Z"
fill="url(#paint4_linear_18_24814)"
/>
</g>
<g filter="url(#filter2_f_18_24814)">
<path
d="M10.4057 15.9394L8.65918 13.6816L11.1357 13.58L10.4057 15.9394Z"
fill="url(#paint5_linear_18_24814)"
/>
</g>
<g filter="url(#filter3_f_18_24814)">
<path
d="M8.70262 22.8944L6.95605 20.6366L9.43262 20.5351L8.70262 22.8944Z"
fill="url(#paint6_linear_18_24814)"
/>
</g>
<g filter="url(#filter4_f_18_24814)">
<path
d="M6.82762 29.7968L5.08105 27.5389L7.55762 27.4374L6.82762 29.7968Z"
fill="url(#paint7_linear_18_24814)"
/>
</g>
<path
d="M10.9758 4.35645C11.0321 4.13486 11.2317 3.97975 11.4603 3.97975L25.3149 3.97976V7.02255L10.6832 7.02254C10.4875 7.02254 10.3442 6.83821 10.3925 6.64856L10.9758 4.35645Z"
fill="url(#paint8_linear_18_24814)"
/>
<path
d="M10.9758 4.35645C11.0321 4.13486 11.2317 3.97975 11.4603 3.97975L25.3149 3.97976V7.02255L10.6832 7.02254C10.4875 7.02254 10.3442 6.83821 10.3925 6.64856L10.9758 4.35645Z"
fill="url(#paint9_linear_18_24814)"
/>
<path
d="M10.9758 4.35645C11.0321 4.13486 11.2317 3.97975 11.4603 3.97975L25.3149 3.97976V7.02255L10.6832 7.02254C10.4875 7.02254 10.3442 6.83821 10.3925 6.64856L10.9758 4.35645Z"
fill="url(#paint10_linear_18_24814)"
/>
<path
d="M10.9758 4.35645C11.0321 4.13486 11.2317 3.97975 11.4603 3.97975L25.3149 3.97976V7.02255L10.6832 7.02254C10.4875 7.02254 10.3442 6.83821 10.3925 6.64856L10.9758 4.35645Z"
fill="url(#paint11_linear_18_24814)"
/>
<path
d="M9.16966 11.2709C9.22605 11.0493 9.42557 10.8942 9.65422 10.8942L23.5088 10.8942V13.937L8.87712 13.937C8.68142 13.937 8.53812 13.7526 8.58638 13.563L9.16966 11.2709Z"
fill="url(#paint12_linear_18_24814)"
/>
<path
d="M9.16966 11.2709C9.22605 11.0493 9.42557 10.8942 9.65422 10.8942L23.5088 10.8942V13.937L8.87712 13.937C8.68142 13.937 8.53812 13.7526 8.58638 13.563L9.16966 11.2709Z"
fill="url(#paint13_linear_18_24814)"
/>
<path
d="M9.16966 11.2709C9.22605 11.0493 9.42557 10.8942 9.65422 10.8942L23.5088 10.8942V13.937L8.87712 13.937C8.68142 13.937 8.53812 13.7526 8.58638 13.563L9.16966 11.2709Z"
fill="url(#paint14_linear_18_24814)"
/>
<path
d="M9.16966 11.2709C9.22605 11.0493 9.42557 10.8942 9.65422 10.8942L23.5088 10.8942V13.937L8.87712 13.937C8.68142 13.937 8.53812 13.7526 8.58638 13.563L9.16966 11.2709Z"
fill="url(#paint15_linear_18_24814)"
/>
<path
d="M7.4138 18.2834C7.47019 18.0619 7.66971 17.9068 7.89836 17.9068L21.753 17.9068V20.9496L7.12126 20.9495C6.92556 20.9495 6.78226 20.7652 6.83052 20.5756L7.4138 18.2834Z"
fill="url(#paint16_linear_18_24814)"
/>
<path
d="M7.4138 18.2834C7.47019 18.0619 7.66971 17.9068 7.89836 17.9068L21.753 17.9068V20.9496L7.12126 20.9495C6.92556 20.9495 6.78226 20.7652 6.83052 20.5756L7.4138 18.2834Z"
fill="url(#paint17_linear_18_24814)"
/>
<path
d="M7.4138 18.2834C7.47019 18.0619 7.66971 17.9068 7.89836 17.9068L21.753 17.9068V20.9496L7.12126 20.9495C6.92556 20.9495 6.78226 20.7652 6.83052 20.5756L7.4138 18.2834Z"
fill="url(#paint18_linear_18_24814)"
/>
<path
d="M7.4138 18.2834C7.47019 18.0619 7.66971 17.9068 7.89836 17.9068L21.753 17.9068V20.9496L7.12126 20.9495C6.92556 20.9495 6.78226 20.7652 6.83052 20.5756L7.4138 18.2834Z"
fill="url(#paint19_linear_18_24814)"
/>
<path
d="M5.61436 25.2306C5.67075 25.009 5.87027 24.8539 6.09892 24.8539L19.9535 24.8539V27.8967L5.32182 27.8967C5.12613 27.8967 4.98282 27.7124 5.03109 27.5227L5.61436 25.2306Z"
fill="url(#paint20_linear_18_24814)"
/>
<path
d="M5.61436 25.2306C5.67075 25.009 5.87027 24.8539 6.09892 24.8539L19.9535 24.8539V27.8967L5.32182 27.8967C5.12613 27.8967 4.98282 27.7124 5.03109 27.5227L5.61436 25.2306Z"
fill="url(#paint21_linear_18_24814)"
/>
<path
d="M5.61436 25.2306C5.67075 25.009 5.87027 24.8539 6.09892 24.8539L19.9535 24.8539V27.8967L5.32182 27.8967C5.12613 27.8967 4.98282 27.7124 5.03109 27.5227L5.61436 25.2306Z"
fill="url(#paint22_linear_18_24814)"
/>
<path
d="M5.61436 25.2306C5.67075 25.009 5.87027 24.8539 6.09892 24.8539L19.9535 24.8539V27.8967L5.32182 27.8967C5.12613 27.8967 4.98282 27.7124 5.03109 27.5227L5.61436 25.2306Z"
fill="url(#paint23_linear_18_24814)"
/>
<g filter="url(#filter5_i_18_24814)">
<path
d="M24.2605 2.97758C24.3975 2.44803 24.8752 2.07812 25.4222 2.07812H29.1497C29.5748 2.07812 29.8854 2.4794 29.779 2.89092L23.0188 29.0224C22.8818 29.552 22.4041 29.9219 21.8571 29.9219H18.1296C17.7045 29.9219 17.3938 29.5206 17.5003 29.1091L24.2605 2.97758Z"
fill="url(#paint24_linear_18_24814)"
/>
<path
d="M24.2605 2.97758C24.3975 2.44803 24.8752 2.07812 25.4222 2.07812H29.1497C29.5748 2.07812 29.8854 2.4794 29.779 2.89092L23.0188 29.0224C22.8818 29.552 22.4041 29.9219 21.8571 29.9219H18.1296C17.7045 29.9219 17.3938 29.5206 17.5003 29.1091L24.2605 2.97758Z"
fill="url(#paint25_radial_18_24814)"
/>
<path
d="M24.2605 2.97758C24.3975 2.44803 24.8752 2.07812 25.4222 2.07812H29.1497C29.5748 2.07812 29.8854 2.4794 29.779 2.89092L23.0188 29.0224C22.8818 29.552 22.4041 29.9219 21.8571 29.9219H18.1296C17.7045 29.9219 17.3938 29.5206 17.5003 29.1091L24.2605 2.97758Z"
fill="url(#paint26_linear_18_24814)"
/>
</g>
<defs>
<filter
id="filter0_i_18_24814"
x={1.81812}
y={1.67812}
width={13.1208}
height={28.2438}
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} 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.411765 0 0 0 0 0.239216 0 0 0 0 0.215686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24814"
/>
</filter>
<filter
id="filter1_f_18_24814"
x={10.0186}
y={6.125}
width={3.47656}
height={3.35938}
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_24814"
/>
</filter>
<filter
id="filter2_f_18_24814"
x={8.15918}
y={13.08}
width={3.47656}
height={3.35938}
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_24814"
/>
</filter>
<filter
id="filter3_f_18_24814"
x={6.45605}
y={20.0351}
width={3.47656}
height={3.35938}
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_24814"
/>
</filter>
<filter
id="filter4_f_18_24814"
x={4.58105}
y={26.9374}
width={3.47656}
height={3.35938}
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_24814"
/>
</filter>
<filter
id="filter5_i_18_24814"
x={17.4792}
y={1.67812}
width={13.1208}
height={28.2438}
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} 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.411765 0 0 0 0 0.239216 0 0 0 0 0.215686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_24814"
/>
</filter>
<linearGradient
id="paint0_linear_18_24814"
x1={4.37532}
y1={9.37825}
x2={11.1807}
y2={19.5863}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#915F51" />
<stop offset={1} stopColor="#7A4D49" />
</linearGradient>
<radialGradient
id="paint1_radial_18_24814"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.56324 27.6131) rotate(-164.358) scale(2.2651 11.5372)"
>
<stop stopColor="#7A4D49" />
<stop offset={1} stopColor="#7A4D49" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_24814"
x1={11.7042}
y1={2.07812}
x2={11.7042}
y2={3.35811}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.201766} stopColor="#9F705F" />
<stop offset={1} stopColor="#956455" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_24814"
x1={9.65137}
y1={26.4219}
x2={5.71387}
y2={25.1719}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.290512} stopColor="#6A4038" />
<stop offset={1} stopColor="#6A4038" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_24814"
x1={11.8271}
y1={7.03125}
x2={12.1136}
y2={8.81599}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#592D2B" />
<stop offset={1} stopColor="#592D2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_24814"
x1={9.96775}
y1={13.9863}
x2={10.2543}
y2={15.771}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#592D2B" />
<stop offset={1} stopColor="#592D2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_24814"
x1={8.26462}
y1={20.9413}
x2={8.55113}
y2={22.7261}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#592D2B" />
<stop offset={1} stopColor="#592D2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_24814"
x1={6.38962}
y1={27.8436}
x2={6.67613}
y2={29.6284}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#592D2B" />
<stop offset={1} stopColor="#592D2B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_24814"
x1={12.1289}
y1={6.45543}
x2={24.3173}
y2={6.45543}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#945B4B" />
<stop offset={1} stopColor="#753E2D" />
</linearGradient>
<linearGradient
id="paint9_linear_18_24814"
x1={17.849}
y1={3.76562}
x2={17.849}
y2={4.32813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F684B" />
<stop offset={1} stopColor="#9F684B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_24814"
x1={10.5371}
y1={5.84827}
x2={11.2156}
y2={6.0455}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#78402D" />
<stop offset={1} stopColor="#965D4D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_24814"
x1={19.8701}
y1={7.02255}
x2={19.8701}
y2={6.51563}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#653036" />
<stop offset={1} stopColor="#844849" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_24814"
x1={10.2471}
y1={13.3699}
x2={22.5055}
y2={13.3699}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#945B4B" />
<stop offset={1} stopColor="#753E2D" />
</linearGradient>
<linearGradient
id="paint13_linear_18_24814"
x1={16}
y1={10.6801}
x2={16}
y2={11.2426}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F684B" />
<stop offset={1} stopColor="#9F684B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_24814"
x1={8.64618}
y1={12.7627}
x2={9.32793}
y2={12.962}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#78402D" />
<stop offset={1} stopColor="#965D4D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_24814"
x1={18.0328}
y1={13.937}
x2={18.0328}
y2={13.4301}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#653036" />
<stop offset={1} stopColor="#844849" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_24814"
x1={8.49122}
y1={20.3824}
x2={20.7496}
y2={20.3824}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#945B4B" />
<stop offset={1} stopColor="#753E2D" />
</linearGradient>
<linearGradient
id="paint17_linear_18_24814"
x1={14.2442}
y1={17.6926}
x2={14.2442}
y2={18.2551}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F684B" />
<stop offset={1} stopColor="#9F684B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint18_linear_18_24814"
x1={6.89032}
y1={19.7753}
x2={7.57207}
y2={19.9746}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#78402D" />
<stop offset={1} stopColor="#965D4D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_24814"
x1={16.2769}
y1={20.9496}
x2={16.2769}
y2={20.4426}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#653036" />
<stop offset={1} stopColor="#844849" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint20_linear_18_24814"
x1={6.69178}
y1={27.3296}
x2={18.9502}
y2={27.3296}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#945B4B" />
<stop offset={1} stopColor="#753E2D" />
</linearGradient>
<linearGradient
id="paint21_linear_18_24814"
x1={12.4447}
y1={24.6398}
x2={12.4447}
y2={25.2023}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F684B" />
<stop offset={1} stopColor="#9F684B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint22_linear_18_24814"
x1={5.09088}
y1={26.7224}
x2={5.77263}
y2={26.9217}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#78402D" />
<stop offset={1} stopColor="#965D4D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint23_linear_18_24814"
x1={14.4775}
y1={27.8967}
x2={14.4775}
y2={27.3898}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#653036" />
<stop offset={1} stopColor="#844849" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint24_linear_18_24814"
x1={20.0364}
y1={9.37825}
x2={26.8418}
y2={19.5863}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#915F51" />
<stop offset={1} stopColor="#7A4D49" />
</linearGradient>
<radialGradient
id="paint25_radial_18_24814"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.2244 27.6131) rotate(-164.358) scale(2.2651 11.5372)"
>
<stop stopColor="#7A4D49" />
<stop offset={1} stopColor="#7A4D49" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint26_linear_18_24814"
x1={27.3653}
y1={2.07812}
x2={27.3653}
y2={3.35811}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.201766} stopColor="#9F705F" />
<stop offset={1} stopColor="#956455" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = LadderIcon;