@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
466 lines (465 loc) • 17.4 kB
JSX
const React = require("react");
const CrutchIcon = ({ 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
fillRule="evenodd"
clipRule="evenodd"
d="M12.0265 19.9392C12.2999 20.2125 12.2999 20.6557 12.0265 20.9291L5.02652 27.9291C4.75315 28.2025 4.30994 28.2025 4.03657 27.9291C3.7632 27.6557 3.7632 27.2125 4.03657 26.9392L11.0366 19.9392C11.3099 19.6658 11.7531 19.6658 12.0265 19.9392Z"
fill="url(#paint0_linear_4791_915)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M12.0265 19.9392C12.2999 20.2125 12.2999 20.6557 12.0265 20.9291L5.02652 27.9291C4.75315 28.2025 4.30994 28.2025 4.03657 27.9291C3.7632 27.6557 3.7632 27.2125 4.03657 26.9392L11.0366 19.9392C11.3099 19.6658 11.7531 19.6658 12.0265 19.9392Z"
fill="url(#paint1_radial_4791_915)"
/>
<g filter="url(#filter0_ii_4791_915)">
<path
d="M22.5439 13.8904L18.0439 9.39043L19.6018 7.78418L24.1018 12.2842L22.5439 13.8904Z"
fill="url(#paint2_linear_4791_915)"
/>
</g>
<path
d="M22.5439 13.8904L18.0439 9.39043L19.6018 7.78418L24.1018 12.2842L22.5439 13.8904Z"
fill="url(#paint3_radial_4791_915)"
/>
<g filter="url(#filter1_ii_4791_915)">
<path
d="M9.63386 23.2844L8.5989 22.2842C8.2989 21.9842 8.32616 21.3758 8.623 21.114L10.6151 19.0281C11.2151 18.5281 12.6542 16.9265 12.6989 15.4842C12.8964 13.2078 14.6989 11.5842 14.7989 11.4842L21.9989 4.28418L23.1989 5.48418L15.8989 12.7842C15.7989 12.8842 14.3989 14.1842 14.3989 15.5842C14.3989 16.3329 14.0874 17.1206 13.6831 17.8258C13.5807 18.0045 13.8795 18.3038 14.0587 18.2022C14.7736 17.7968 15.5863 17.4842 16.3989 17.4842C18.0057 17.3328 19.1464 15.9656 19.1464 15.9656L26.4823 8.53592L27.701 9.77029L20.412 17.075C20.412 17.075 18.7089 18.9842 16.2792 19.1375C14.7792 19.3172 13.8104 20.4187 12.8339 21.2703L10.8339 23.1844C10.452 23.5663 9.9453 23.5958 9.63386 23.2844Z"
fill="url(#paint4_linear_4791_915)"
/>
</g>
<path
d="M9.63386 23.2844L8.5989 22.2842C8.2989 21.9842 8.32616 21.3758 8.623 21.114L10.6151 19.0281C11.2151 18.5281 12.6542 16.9265 12.6989 15.4842C12.8964 13.2078 14.6989 11.5842 14.7989 11.4842L21.9989 4.28418L23.1989 5.48418L15.8989 12.7842C15.7989 12.8842 14.3989 14.1842 14.3989 15.5842C14.3989 16.3329 14.0874 17.1206 13.6831 17.8258C13.5807 18.0045 13.8795 18.3038 14.0587 18.2022C14.7736 17.7968 15.5863 17.4842 16.3989 17.4842C18.0057 17.3328 19.1464 15.9656 19.1464 15.9656L26.4823 8.53592L27.701 9.77029L20.412 17.075C20.412 17.075 18.7089 18.9842 16.2792 19.1375C14.7792 19.3172 13.8104 20.4187 12.8339 21.2703L10.8339 23.1844C10.452 23.5663 9.9453 23.5958 9.63386 23.2844Z"
fill="url(#paint5_radial_4791_915)"
/>
<g filter="url(#filter2_i_4791_915)">
<path
d="M27.1844 9.9028L21.9844 4.7028C21.3844 4.1028 21.2815 3.30756 22.0547 2.53413C22.8278 1.7607 23.6844 1.8028 24.2844 2.4028L29.4844 7.6028C30.0844 8.2028 30.2744 9.05831 29.4299 9.9028C28.5393 10.7373 27.7844 10.5028 27.1844 9.9028Z"
fill="url(#paint6_linear_4791_915)"
/>
</g>
<g filter="url(#filter3_f_4791_915)">
<path
d="M5.44849 26.4915L8.82532 23.1436"
stroke="url(#paint7_linear_4791_915)"
strokeWidth={0.3}
/>
</g>
<path
d="M3.25024 29.62L2.30498 28.6669C2.00498 28.3669 2.00494 27.6934 2.30494 27.3934L3.85962 25.8388C4.15962 25.5388 4.83618 25.4169 5.25806 25.8388L6.09399 26.6747C6.48071 27.0614 6.54712 27.6591 6.09399 28.1044L4.70337 29.5028C4.40337 29.8028 3.75806 30.1044 3.25024 29.62Z"
fill="url(#paint8_linear_4791_915)"
/>
<path
d="M3.25024 29.62L2.30498 28.6669C2.00498 28.3669 2.00494 27.6934 2.30494 27.3934L3.85962 25.8388C4.15962 25.5388 4.83618 25.4169 5.25806 25.8388L6.09399 26.6747C6.48071 27.0614 6.54712 27.6591 6.09399 28.1044L4.70337 29.5028C4.40337 29.8028 3.75806 30.1044 3.25024 29.62Z"
fill="url(#paint9_radial_4791_915)"
/>
<path
d="M3.25024 29.62L2.30498 28.6669C2.00498 28.3669 2.00494 27.6934 2.30494 27.3934L3.85962 25.8388C4.15962 25.5388 4.83618 25.4169 5.25806 25.8388L6.09399 26.6747C6.48071 27.0614 6.54712 27.6591 6.09399 28.1044L4.70337 29.5028C4.40337 29.8028 3.75806 30.1044 3.25024 29.62Z"
fill="url(#paint10_radial_4791_915)"
/>
<path
d="M3.25024 29.62L2.30498 28.6669C2.00498 28.3669 2.00494 27.6934 2.30494 27.3934L3.85962 25.8388C4.15962 25.5388 4.83618 25.4169 5.25806 25.8388L6.09399 26.6747C6.48071 27.0614 6.54712 27.6591 6.09399 28.1044L4.70337 29.5028C4.40337 29.8028 3.75806 30.1044 3.25024 29.62Z"
fill="url(#paint11_linear_4791_915)"
/>
<g filter="url(#filter4_f_4791_915)">
<path
d="M22.2197 5.53662L14.3455 13.4493C14.1662 13.7566 13.8077 14.1791 13.8077 15.2546C13.8077 15.9543 13.6632 16.8468 13.2023 17.5885C12.9988 17.916 12.9917 18.3564 13.2643 18.6291V18.6291C13.51 18.8748 13.9017 18.904 14.2113 18.7462C14.7862 18.4534 15.6566 18.1354 16.4965 18.1354C17.9561 18.1354 18.5322 17.7513 19.6846 16.599C20.6064 15.6771 24.6652 11.6184 26.5793 9.70421"
stroke="url(#paint12_linear_4791_915)"
strokeWidth={0.2}
/>
<path
d="M22.2197 5.53662L14.3455 13.4493C14.1662 13.7566 13.8077 14.1791 13.8077 15.2546C13.8077 15.9543 13.6632 16.8468 13.2023 17.5885C12.9988 17.916 12.9917 18.3564 13.2643 18.6291V18.6291C13.51 18.8748 13.9017 18.904 14.2113 18.7462C14.7862 18.4534 15.6566 18.1354 16.4965 18.1354C17.9561 18.1354 18.5322 17.7513 19.6846 16.599C20.6064 15.6771 24.6652 11.6184 26.5793 9.70421"
stroke="url(#paint13_radial_4791_915)"
strokeWidth={0.2}
/>
</g>
<g filter="url(#filter5_f_4791_915)">
<path
d="M28.9872 8.15827L23.5946 2.79974C23.4131 2.61936 23.125 2.60431 22.9256 2.76479C22.6925 2.95251 22.6742 3.30125 22.8866 3.51225L28.279 8.87096C28.4754 9.06612 28.7926 9.0656 28.9884 8.86978C29.185 8.67315 29.1844 8.35425 28.9872 8.15827Z"
fill="url(#paint14_linear_4791_915)"
/>
</g>
<defs>
<filter
id="filter0_ii_4791_915"
x={18.0439}
y={7.28418}
width={6.05786}
height={7.1062}
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.6} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.372549 0 0 0 0 0.309804 0 0 0 0 0.568627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4791_915"
/>
<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.6} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.427451 0 0 0 0 0.415686 0 0 0 0 0.603922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_4791_915"
result="effect2_innerShadow_4791_915"
/>
</filter>
<filter
id="filter1_ii_4791_915"
x={8.38672}
y={3.98418}
width={19.4143}
height={19.8124}
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.3} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.643137 0 0 0 0 0.521569 0 0 0 0 0.752941 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4791_915"
/>
<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.1} dy={0.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.667329 0 0 0 0 0.624199 0 0 0 0 0.71585 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_4791_915"
result="effect2_innerShadow_4791_915"
/>
</filter>
<filter
id="filter2_i_4791_915"
x={21.5045}
y={1.65288}
width={8.49548}
height={8.79133}
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.3} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.364706 0 0 0 0 0.309804 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4791_915"
/>
</filter>
<filter
id="filter3_f_4791_915"
x={5.0429}
y={22.737}
width={4.18801}
height={4.16104}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_4791_915"
/>
</filter>
<filter
id="filter4_f_4791_915"
x={12.5542}
y={5.06606}
width={14.4959}
height={14.2778}
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_4791_915"
/>
</filter>
<filter
id="filter5_f_4791_915"
x={21.4883}
y={1.40381}
width={8.89709}
height={8.86316}
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_4791_915"
/>
</filter>
<linearGradient
id="paint0_linear_4791_915"
x1={6.41797}
y1={24.3233}
x2={7.68359}
y2={25.5889}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.38404} stopColor="#ADA7B5" />
<stop offset={1} stopColor="#AF97C7" />
</linearGradient>
<radialGradient
id="paint1_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.60721 26.333) rotate(-44.5559) scale(5.26558 1.893)"
>
<stop offset={0.797521} stopColor="#967EAE" stopOpacity={0} />
<stop offset={0.971074} stopColor="#967EAE" />
</radialGradient>
<linearGradient
id="paint2_linear_4791_915"
x1={19.7998}
y1={9.3392}
x2={22.9879}
y2={12.7578}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#645E95" />
<stop offset={1} stopColor="#5D5583" />
</linearGradient>
<radialGradient
id="paint3_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7627 10.2611) rotate(22.1156) scale(5.2034 5.1988)"
>
<stop offset={0.700521} stopColor="#504A77" stopOpacity={0} />
<stop offset={0.880208} stopColor="#504A77" />
</radialGradient>
<linearGradient
id="paint4_linear_4791_915"
x1={13.0205}
y1={19.863}
x2={28.6849}
y2={4.28418}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.5012} stopColor="#BAB1C3" />
<stop offset={1} stopColor="#968F9F" />
</linearGradient>
<radialGradient
id="paint5_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.20651 22.7235) rotate(-44.8193) scale(22.8994 10.8847)"
>
<stop offset={0.914665} stopColor="#807491" stopOpacity={0} />
<stop offset={1} stopColor="#807491" />
</radialGradient>
<linearGradient
id="paint6_linear_4791_915"
x1={23.6409}
y1={1.95288}
x2={28.1734}
y2={11.2597}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6466A4" />
<stop offset={1} stopColor="#554688" />
</linearGradient>
<linearGradient
id="paint7_linear_4791_915"
x1={5.63607}
y1={26.4915}
x2={9.09953}
y2={22.9704}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.557779} stopColor="#B4AFBC" />
<stop offset={1} stopColor="#A699B5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_4791_915"
x1={3.15326}
y1={26.5729}
x2={5.3225}
y2={28.7421}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#645D9B" />
<stop offset={1} stopColor="#6952A3" />
</linearGradient>
<radialGradient
id="paint9_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.28973 26.6503) rotate(136.618) scale(3.61376 1.05942)"
>
<stop offset={0.275563} stopColor="#6D62A2" />
<stop offset={1} stopColor="#6D62A2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.31859 26.5348) rotate(136.909) scale(0.612598 1.21342)"
>
<stop stopColor="#7F78AD" />
<stop offset={1} stopColor="#7F78AD" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_4791_915"
x1={2.83645}
y1={29.4499}
x2={3.52914}
y2={28.7861}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6B4DA4" />
<stop offset={1} stopColor="#6B4DA4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_4791_915"
x1={13.3852}
y1={18.0202}
x2={23.7561}
y2={8.22539}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6C1CB" />
<stop offset={1} stopColor="#C6C1CB" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_4791_915"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.5388 18.5963) rotate(-38.418) scale(1.42172 1.60748)"
>
<stop stopColor="#CAC5D0" />
<stop offset={1} stopColor="#CAC5D0" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_4791_915"
x1={23.6217}
y1={2.86703}
x2={29.3448}
y2={8.78231}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7D7FB3" />
<stop offset={1} stopColor="#776C9A" />
</linearGradient>
</defs>
</svg>
);
module.exports = CrutchIcon;