@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
373 lines (372 loc) • 12.8 kB
JSX
const React = require("react");
const ChartIncreasingIcon = ({ 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_18_22937)">
<rect
x={2.07043}
y={2.04688}
width={27.9062}
height={27.9062}
rx={3.8}
fill="#D8D1E0"
/>
</g>
<rect
x={2.07043}
y={2.04688}
width={27.9062}
height={27.9062}
rx={3.8}
fill="url(#paint0_linear_18_22937)"
/>
<rect
x={2.07043}
y={2.04688}
width={27.9062}
height={27.9062}
rx={3.8}
fill="url(#paint1_radial_18_22937)"
/>
<rect
x={2.07043}
y={2.04688}
width={27.9062}
height={27.9062}
rx={3.8}
fill="url(#paint2_radial_18_22937)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.547 2.04688H10.547V10.4375H2.07043V11.4375H10.547V20.4062H2.07043V21.4062H10.547V29.9531H11.547V21.4062H20.547V29.9531H21.547V21.4062H29.9767V20.4062H21.547V11.4375H29.9767V10.4375H21.547V2.04688H20.547V10.4375H11.547V2.04688ZM20.547 11.4375V20.4062H11.547V11.4375H20.547Z"
fill="url(#paint3_linear_18_22937)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.547 2.04688H10.547V10.4375H2.07043V11.4375H10.547V20.4062H2.07043V21.4062H10.547V29.9531H11.547V21.4062H20.547V29.9531H21.547V21.4062H29.9767V20.4062H21.547V11.4375H29.9767V10.4375H21.547V2.04688H20.547V10.4375H11.547V2.04688ZM20.547 11.4375V20.4062H11.547V11.4375H20.547Z"
fill="url(#paint4_linear_18_22937)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.547 2.04688H10.547V10.4375H2.07043V11.4375H10.547V20.4062H2.07043V21.4062H10.547V29.9531H11.547V21.4062H20.547V29.9531H21.547V21.4062H29.9767V20.4062H21.547V11.4375H29.9767V10.4375H21.547V2.04688H20.547V10.4375H11.547V2.04688ZM20.547 11.4375V20.4062H11.547V11.4375H20.547Z"
fill="url(#paint5_linear_18_22937)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.547 2.04688H10.547V10.4375H2.07043V11.4375H10.547V20.4062H2.07043V21.4062H10.547V29.9531H11.547V21.4062H20.547V29.9531H21.547V21.4062H29.9767V20.4062H21.547V11.4375H29.9767V10.4375H21.547V2.04688H20.547V10.4375H11.547V2.04688ZM20.547 11.4375V20.4062H11.547V11.4375H20.547Z"
fill="url(#paint6_linear_18_22937)"
/>
<g filter="url(#filter1_f_18_22937)">
<path
d="M3.06299 26.9816C2.96314 26.6547 2.90942 26.3077 2.90942 25.9481V24.5053L9.49528 17.9195C10.3892 17.0256 11.8335 17.0099 12.7466 17.8842L14.5383 19.5999C14.7209 19.7747 15.0096 19.7716 15.1884 19.593L28.7161 6.07812C28.8075 6.39205 28.8565 6.72404 28.8565 7.06746V8.56648L16.5027 20.9085C15.6087 21.8017 14.165 21.817 13.2522 20.943L11.4605 19.2274C11.2779 19.0525 10.989 19.0556 10.8102 19.2344L3.06299 26.9816Z"
fill="#B19AA4"
/>
<path
d="M3.06299 26.9816C2.96314 26.6547 2.90942 26.3077 2.90942 25.9481V24.5053L9.49528 17.9195C10.3892 17.0256 11.8335 17.0099 12.7466 17.8842L14.5383 19.5999C14.7209 19.7747 15.0096 19.7716 15.1884 19.593L28.7161 6.07812C28.8075 6.39205 28.8565 6.72404 28.8565 7.06746V8.56648L16.5027 20.9085C15.6087 21.8017 14.165 21.817 13.2522 20.943L11.4605 19.2274C11.2779 19.0525 10.989 19.0556 10.8102 19.2344L3.06299 26.9816Z"
fill="url(#paint7_radial_18_22937)"
/>
</g>
<g filter="url(#filter2_i_18_22937)">
<path
d="M2.23559 27.2647C2.12821 26.9131 2.07043 26.5399 2.07043 26.1531V24.6014L9.15357 17.5183C10.1149 16.5569 11.6683 16.5401 12.6503 17.4804L14.5774 19.3256C14.7737 19.5136 15.0843 19.5103 15.2766 19.3181L29.8257 4.78284C29.924 5.12047 29.9767 5.47752 29.9767 5.84688V7.45908L16.6901 20.733C15.7286 21.6936 14.1758 21.7101 13.1942 20.7701L11.2671 18.9249C11.0707 18.7369 10.7601 18.7402 10.5678 18.9325L2.23559 27.2647Z"
fill="url(#paint8_linear_18_22937)"
/>
</g>
<g filter="url(#filter3_f_18_22937)">
<path
d="M3.39648 24.7851L9.97875 18.1321C10.5547 17.55 11.491 17.5373 12.0825 18.1037L14.0056 19.9451C14.5939 20.5084 15.5242 20.4993 16.1014 19.9247L29.5403 6.54358"
stroke="url(#paint9_radial_18_22937)"
strokeWidth={0.5}
/>
<path
d="M3.39648 24.7851L9.97875 18.1321C10.5547 17.55 11.491 17.5373 12.0825 18.1037L14.0056 19.9451C14.5939 20.5084 15.5242 20.4993 16.1014 19.9247L29.5403 6.54358"
stroke="url(#paint10_linear_18_22937)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_iii_18_22937"
x={1.07043}
y={1.04688}
width={29.9062}
height={29.9062}
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={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.878431 0 0 0 0 0.87451 0 0 0 0 0.886275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22937"
/>
<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={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.698039 0 0 0 0 0.74902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22937"
result="effect2_innerShadow_18_22937"
/>
<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} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.729412 0 0 0 0 0.729412 0 0 0 0 0.729412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_22937"
result="effect3_innerShadow_18_22937"
/>
</filter>
<filter
id="filter1_f_18_22937"
x={1.90942}
y={5.07812}
width={27.9471}
height={22.9036}
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_22937"
/>
</filter>
<filter
id="filter2_i_18_22937"
x={2.07043}
y={4.78284}
width={28.1562}
height={22.7318}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.835294 0 0 0 0 0.239216 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22937"
/>
</filter>
<filter
id="filter3_f_18_22937"
x={2.61877}
y={5.76646}
width={27.6979}
height={19.7945}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_22937"
/>
</filter>
<linearGradient
id="paint0_linear_18_22937"
x1={21.4987}
y1={30.2157}
x2={21.4987}
y2={27.9181}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A88AC4" />
<stop offset={1} stopColor="#CDBCE0" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint1_radial_18_22937"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.9767 16.3954) rotate(177.86) scale(5.59248 21.8038)"
>
<stop stopColor="#F2EDF5" />
<stop offset={1} stopColor="#DED3E7" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_22937"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.6099 2.88832) rotate(138.434) scale(4.93201 5.10499)"
>
<stop stopColor="#F7F4F7" />
<stop offset={1} stopColor="#E2DCE5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_22937"
x1={16.0236}
y1={4.35938}
x2={16.0236}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C2BEC6" />
<stop offset={1} stopColor="#BAACC6" />
</linearGradient>
<linearGradient
id="paint4_linear_18_22937"
x1={21.7424}
y1={30.6683}
x2={21.7424}
y2={27.1871}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9E83B7" />
<stop offset={1} stopColor="#9E83B7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_22937"
x1={1.10168}
y1={17.3594}
x2={6.41418}
y2={17.3594}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#96909C" />
<stop offset={1} stopColor="#96909C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_22937"
x1={30.7892}
y1={18.0469}
x2={26.9767}
y2={18.0469}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D6D1DA" />
<stop offset={1} stopColor="#D6D1DA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_22937"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.8536 19.4763) rotate(71.9277) scale(3.0185 3.7468)"
>
<stop offset={0.57821} stopColor="#814F7C" />
<stop offset={1} stopColor="#814F7C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_22937"
x1={27.6642}
y1={13.4219}
x2={4.10168}
y2={23.1719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DA267D" />
<stop offset={1} stopColor="#DF2B49" />
</linearGradient>
<radialGradient
id="paint9_radial_18_22937"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3527 18.6582) rotate(122.6) scale(7.10744 9.62353)"
>
<stop stopColor="#F35571" />
<stop offset={1} stopColor="#F35571" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_22937"
x1={30.3758}
y1={6.54358}
x2={16.4684}
y2={21.4779}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE4591" />
<stop offset={1} stopColor="#EE4591" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ChartIncreasingIcon;