@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
195 lines (194 loc) • 7.62 kB
JSX
const React = require("react");
const OnArrowIcon = ({ 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_iii_18590_938)">
<path
d="M22.9803 26.5121C22.9803 27.0621 23.4303 27.5121 23.9803 27.5121C24.5403 27.5121 24.9803 27.0721 24.9803 26.5121V21.7021C24.9803 21.1521 24.5303 20.7021 23.9803 20.7021C23.4303 20.7021 22.9803 21.1521 22.9803 21.7021V26.5121Z"
fill="#59555F"
/>
<path
d="M20.8603 30.0021C20.5303 30.0021 20.2103 29.8421 20.0203 29.5521L17.0703 25.0621V29.0021C17.0703 29.5521 16.6203 30.0021 16.0703 30.0021C15.5203 30.0021 15.0703 29.5521 15.0703 29.0021V21.7121C15.0703 21.2721 15.3603 20.8821 15.7803 20.7521C16.2003 20.6221 16.6603 20.7921 16.9003 21.1621L19.8503 25.6521V21.7121C19.8503 21.1621 20.3003 20.7121 20.8503 20.7121C21.4003 20.7121 21.8503 21.1621 21.8503 21.7121V29.0021C21.8503 29.4421 21.5603 29.8321 21.1403 29.9621C21.0503 29.9921 20.9603 30.0021 20.8603 30.0021Z"
fill="#59555F"
/>
<path
d="M10.9803 30.0021C9.23029 30.0021 7.80029 28.5721 7.80029 26.8221V23.8921C7.80029 22.1421 9.23029 20.7121 10.9803 20.7121C12.7303 20.7121 14.1603 22.1421 14.1603 23.8921V26.8221C14.1603 28.5721 12.7303 30.0021 10.9803 30.0021ZM10.9803 22.7121C10.3303 22.7121 9.80029 23.2421 9.80029 23.8921V26.8221C9.80029 27.4721 10.3303 28.0021 10.9803 28.0021C11.6303 28.0021 12.1603 27.4721 12.1603 26.8221V23.8921C12.1603 23.2421 11.6303 22.7121 10.9803 22.7121Z"
fill="#59555F"
/>
<path
d="M23.9803 30.0021C24.4829 30.0021 24.8903 29.5947 24.8903 29.0921C24.8903 28.5896 24.4829 28.1821 23.9803 28.1821C23.4777 28.1821 23.0703 28.5896 23.0703 29.0921C23.0703 29.5947 23.4777 30.0021 23.9803 30.0021Z"
fill="#59555F"
/>
</g>
<g filter="url(#filter1_iii_18590_938)">
<path
d="M22.9804 2.22212L30.1204 8.72212C30.4804 9.04212 30.4804 9.61212 30.1204 9.93212L22.9804 16.4321C22.4504 16.9121 21.6004 16.5321 21.6004 15.8221V12.9721C21.6004 12.5221 21.2304 12.1521 20.7804 12.1521H12.0004C11.5504 12.1521 11.1804 12.5221 11.1804 12.9721V15.8221C11.1804 16.5421 10.3304 16.9121 9.80038 16.4321L2.66038 9.93212C2.30038 9.60212 2.30038 9.04212 2.66038 8.71212L9.80038 2.21212C10.3304 1.73212 11.1804 2.11212 11.1804 2.82212V5.68212C11.1804 6.13212 11.5504 6.50212 12.0004 6.50212H20.7804C21.2304 6.50212 21.6004 6.13212 21.6004 5.68212V2.83212C21.6004 2.11212 22.4504 1.74212 22.9804 2.22212Z"
fill="url(#paint0_linear_18590_938)"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_938"
x={7.60029}
y={20.0521}
width={18.0301}
height={9.95}
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.65} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_938"
/>
<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} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_938"
result="effect2_innerShadow_18590_938"
/>
<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.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.141176 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_938"
result="effect3_innerShadow_18590_938"
/>
</filter>
<filter
id="filter1_iii_18590_938"
x={1.39038}
y={0.997864}
width={29}
height={16.6505}
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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.505882 0 0 0 0 0.47451 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_938"
/>
<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={-1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.152941 0 0 0 0 0.12549 0 0 0 0 0.188235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_938"
result="effect2_innerShadow_18590_938"
/>
<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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.192157 0 0 0 0 0.290196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_938"
result="effect3_innerShadow_18590_938"
/>
</filter>
<linearGradient
id="paint0_linear_18590_938"
x1={16.3904}
y1={4.82573}
x2={16.3904}
y2={16.6484}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#61576D" />
<stop offset={1} stopColor="#4D4753" />
</linearGradient>
</defs>
</svg>
);
module.exports = OnArrowIcon;