@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
542 lines (541 loc) • 20.4 kB
JSX
const React = require("react");
const MoaiIcon = ({ 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_26730)">
<path
d="M26.0227 6.53125C26.0227 6.25511 26.2466 6.03125 26.5227 6.03125H27.5461C28.3746 6.03125 29.0461 6.70282 29.0461 7.53125V21.375C29.0461 22.2034 28.3746 22.875 27.5461 22.875H26.5227C26.2466 22.875 26.0227 22.6511 26.0227 22.375V6.53125Z"
fill="url(#paint0_linear_18_26730)"
/>
<path
d="M26.0227 6.53125C26.0227 6.25511 26.2466 6.03125 26.5227 6.03125H27.5461C28.3746 6.03125 29.0461 6.70282 29.0461 7.53125V21.375C29.0461 22.2034 28.3746 22.875 27.5461 22.875H26.5227C26.2466 22.875 26.0227 22.6511 26.0227 22.375V6.53125Z"
fill="url(#paint1_linear_18_26730)"
/>
</g>
<path
d="M26.0227 6.53125C26.0227 6.25511 26.2466 6.03125 26.5227 6.03125H27.5461C28.3746 6.03125 29.0461 6.70282 29.0461 7.53125V21.375C29.0461 22.2034 28.3746 22.875 27.5461 22.875H26.5227C26.2466 22.875 26.0227 22.6511 26.0227 22.375V6.53125Z"
fill="url(#paint2_linear_18_26730)"
/>
<g filter="url(#filter1_ii_18_26730)">
<path
d="M8.07743 8.19049C7.89463 7.47667 8.11913 6.72016 8.66172 6.2216L11.88 3.26452C12.7104 2.50153 13.797 2.07812 14.9247 2.07812H22.2727C24.3438 2.07812 26.0227 3.75706 26.0227 5.82812V25.9063C26.0227 28.1154 24.2319 29.9063 22.0227 29.9063H6.96806C5.17314 29.9063 3.71806 28.4512 3.71806 26.6563V24.9131C3.71806 24.3285 3.62321 23.7478 3.4372 23.1936L3.36972 22.9925C3.33141 22.8783 3.31321 22.7584 3.31594 22.638C3.32316 22.32 3.47555 22.0227 3.72956 21.8312L4.6157 21.1631C5.13115 20.7744 5.52259 20.2444 5.74241 19.6374L8.51245 11.9889C8.71767 11.4222 8.74747 10.8069 8.59795 10.223L8.07743 8.19049Z"
fill="url(#paint3_linear_18_26730)"
/>
<path
d="M8.07743 8.19049C7.89463 7.47667 8.11913 6.72016 8.66172 6.2216L11.88 3.26452C12.7104 2.50153 13.797 2.07812 14.9247 2.07812H22.2727C24.3438 2.07812 26.0227 3.75706 26.0227 5.82812V25.9063C26.0227 28.1154 24.2319 29.9063 22.0227 29.9063H6.96806C5.17314 29.9063 3.71806 28.4512 3.71806 26.6563V24.9131C3.71806 24.3285 3.62321 23.7478 3.4372 23.1936L3.36972 22.9925C3.33141 22.8783 3.31321 22.7584 3.31594 22.638C3.32316 22.32 3.47555 22.0227 3.72956 21.8312L4.6157 21.1631C5.13115 20.7744 5.52259 20.2444 5.74241 19.6374L8.51245 11.9889C8.71767 11.4222 8.74747 10.8069 8.59795 10.223L8.07743 8.19049Z"
fill="url(#paint4_radial_18_26730)"
/>
</g>
<path
d="M8.07743 8.19049C7.89463 7.47667 8.11913 6.72016 8.66172 6.2216L11.88 3.26452C12.7104 2.50153 13.797 2.07812 14.9247 2.07812H22.2727C24.3438 2.07812 26.0227 3.75706 26.0227 5.82812V25.9063C26.0227 28.1154 24.2319 29.9063 22.0227 29.9063H6.96806C5.17314 29.9063 3.71806 28.4512 3.71806 26.6563V24.9131C3.71806 24.3285 3.62321 23.7478 3.4372 23.1936L3.36972 22.9925C3.33141 22.8783 3.31321 22.7584 3.31594 22.638C3.32316 22.32 3.47555 22.0227 3.72956 21.8312L4.6157 21.1631C5.13115 20.7744 5.52259 20.2444 5.74241 19.6374L8.51245 11.9889C8.71767 11.4222 8.74747 10.8069 8.59795 10.223L8.07743 8.19049Z"
fill="url(#paint5_radial_18_26730)"
/>
<path
d="M8.07743 8.19049C7.89463 7.47667 8.11913 6.72016 8.66172 6.2216L11.88 3.26452C12.7104 2.50153 13.797 2.07812 14.9247 2.07812H22.2727C24.3438 2.07812 26.0227 3.75706 26.0227 5.82812V25.9063C26.0227 28.1154 24.2319 29.9063 22.0227 29.9063H6.96806C5.17314 29.9063 3.71806 28.4512 3.71806 26.6563V24.9131C3.71806 24.3285 3.62321 23.7478 3.4372 23.1936L3.36972 22.9925C3.33141 22.8783 3.31321 22.7584 3.31594 22.638C3.32316 22.32 3.47555 22.0227 3.72956 21.8312L4.6157 21.1631C5.13115 20.7744 5.52259 20.2444 5.74241 19.6374L8.51245 11.9889C8.71767 11.4222 8.74747 10.8069 8.59795 10.223L8.07743 8.19049Z"
fill="url(#paint6_radial_18_26730)"
/>
<g filter="url(#filter2_f_18_26730)">
<path
d="M3.98119 24.9688V24.9131C3.98119 24.3285 3.88854 23.7478 3.70693 23.1935L3.64098 22.9925C3.62834 22.9539 3.61785 22.9147 3.60974 22.875H14.0704C14.6351 22.875 15.093 23.3437 15.093 23.9219C15.093 24.5001 14.6351 24.9688 14.0704 24.9688H3.98119Z"
stroke="url(#paint7_linear_18_26730)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter3_f_18_26730)">
<path
d="M25.6855 10.7048V25.4609C25.6855 27.6053 23.9472 29.3437 21.8027 29.3437H14.5125C14.7326 17.6112 21.932 11.9671 25.6855 10.7048Z"
fill="url(#paint8_linear_18_26730)"
/>
<path
d="M25.6855 10.7048V25.4609C25.6855 27.6053 23.9472 29.3437 21.8027 29.3437H14.5125C14.7326 17.6112 21.932 11.9671 25.6855 10.7048Z"
fill="url(#paint9_radial_18_26730)"
/>
</g>
<g filter="url(#filter4_i_18_26730)">
<path
d="M3.71802 24.9688V24.9131C3.71802 24.3285 3.62317 23.7478 3.43726 23.1935L3.36975 22.9925C3.35681 22.9539 3.34607 22.9147 3.33777 22.875H14.0461C14.6243 22.875 15.093 23.3437 15.093 23.9219C15.093 24.5001 14.6243 24.9688 14.0461 24.9688H3.71802Z"
fill="#737276"
/>
</g>
<g filter="url(#filter5_f_18_26730)">
<path
d="M8.34629 6.98438C8.20473 7.36319 8.17709 7.78378 8.2796 8.19049L8.79199 10.2231C8.87563 10.5549 8.90231 10.8969 8.87262 11.2344H18.9543C20.1096 11.2344 21.0462 10.283 21.0462 9.10938C21.0462 7.93576 20.1096 6.98438 18.9543 6.98438H8.34629Z"
stroke="url(#paint10_linear_18_26730)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter6_i_18_26730)">
<path
d="M8.1452 6.98438C8.0014 7.36319 7.97332 7.78378 8.07745 8.19049L8.59796 10.2231C8.68292 10.5549 8.71002 10.8969 8.67986 11.2344H18.9212C20.0948 11.2344 21.0462 10.283 21.0462 9.10938C21.0462 7.93576 20.0948 6.98438 18.9212 6.98438H8.1452Z"
fill="#737276"
/>
</g>
<path
d="M8.1452 6.98438C8.0014 7.36319 7.97332 7.78378 8.07745 8.19049L8.59796 10.2231C8.68292 10.5549 8.71002 10.8969 8.67986 11.2344H18.9212C20.0948 11.2344 21.0462 10.283 21.0462 9.10938C21.0462 7.93576 20.0948 6.98438 18.9212 6.98438H8.1452Z"
fill="url(#paint11_linear_18_26730)"
/>
<g filter="url(#filter7_i_18_26730)">
<path
d="M2.92846 17.3607L12.3786 10.3643C12.6745 10.1452 13.0574 10.081 13.4086 10.1915C14.0267 10.3861 14.3622 11.0525 14.1504 11.6649L11.5895 19.0684C11.3804 19.6727 10.8113 20.0781 10.1719 20.0781H3.82488C2.99285 20.0781 2.31836 19.4036 2.31836 18.5715C2.31836 18.0941 2.54471 17.6448 2.92846 17.3607Z"
fill="#B6B4BB"
/>
<path
d="M2.92846 17.3607L12.3786 10.3643C12.6745 10.1452 13.0574 10.081 13.4086 10.1915C14.0267 10.3861 14.3622 11.0525 14.1504 11.6649L11.5895 19.0684C11.3804 19.6727 10.8113 20.0781 10.1719 20.0781H3.82488C2.99285 20.0781 2.31836 19.4036 2.31836 18.5715C2.31836 18.0941 2.54471 17.6448 2.92846 17.3607Z"
fill="url(#paint12_linear_18_26730)"
/>
<path
d="M2.92846 17.3607L12.3786 10.3643C12.6745 10.1452 13.0574 10.081 13.4086 10.1915C14.0267 10.3861 14.3622 11.0525 14.1504 11.6649L11.5895 19.0684C11.3804 19.6727 10.8113 20.0781 10.1719 20.0781H3.82488C2.99285 20.0781 2.31836 19.4036 2.31836 18.5715C2.31836 18.0941 2.54471 17.6448 2.92846 17.3607Z"
fill="url(#paint13_radial_18_26730)"
/>
</g>
<g filter="url(#filter8_f_18_26730)">
<path
d="M13.1395 11.2344L3.60974 18.1282"
stroke="#C5C4C8"
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_i_18_26730"
x={26.0227}
y={5.78125}
width={3.12344}
height={17.0938}
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.1} 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.356863 0 0 0 0 0.309804 0 0 0 0 0.447059 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26730"
/>
</filter>
<filter
id="filter1_ii_18_26730"
x={3.31567}
y={1.67812}
width={23.007}
height={28.2281}
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.3} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.670588 0 0 0 0 0.666667 0 0 0 0 0.682353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26730"
/>
<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.4} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.388235 0 0 0 0 0.333333 0 0 0 0 0.494118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_26730"
result="effect2_innerShadow_18_26730"
/>
</filter>
<filter
id="filter2_f_18_26730"
x={3.30667}
y={22.6}
width={12.0614}
height={2.64375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_18_26730"
/>
</filter>
<filter
id="filter3_f_18_26730"
x={13.7625}
y={9.95483}
width={12.6731}
height={20.1389}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_26730"
/>
</filter>
<filter
id="filter4_i_18_26730"
x={3.33777}
y={22.875}
width={11.7552}
height={3.09375}
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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.317647 0 0 0 0 0.301961 0 0 0 0 0.34902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26730"
/>
</filter>
<filter
id="filter5_f_18_26730"
x={7.94302}
y={6.70937}
width={13.3781}
height={4.8}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_18_26730"
/>
</filter>
<filter
id="filter6_i_18_26730"
x={8.01489}
y={6.98438}
width={13.0312}
height={5.75}
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={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.345098 0 0 0 0 0.337255 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26730"
/>
</filter>
<filter
id="filter7_i_18_26730"
x={2.31836}
y={10.1384}
width={12.3955}
height={10.1396}
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.2} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.541176 0 0 0 0 0.533333 0 0 0 0 0.560784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_26730"
/>
</filter>
<filter
id="filter8_f_18_26730"
x={2.10974}
y={9.73438}
width={12.5298}
height={9.89392}
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_26730"
/>
</filter>
<linearGradient
id="paint0_linear_18_26730"
x1={27.5344}
y1={6.03125}
x2={27.5344}
y2={22.3264}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C4C3C7" />
<stop offset={1} stopColor="#939198" />
</linearGradient>
<linearGradient
id="paint1_linear_18_26730"
x1={27.5344}
y1={6.03125}
x2={27.5344}
y2={7.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E1E0E2" />
<stop offset={1} stopColor="#C8C7CB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_26730"
x1={26.0227}
y1={16.4709}
x2={26.6541}
y2={16.4709}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#525155" />
<stop offset={1} stopColor="#7C7B7F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_26730"
x1={14.6692}
y1={11.0625}
x2={14.6692}
y2={29.9063}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B3B1B9" />
<stop offset={1} stopColor="#98959E" />
</linearGradient>
<radialGradient
id="paint4_radial_18_26730"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.6692 2.07813) rotate(-29.1457) scale(16.5864 8.65353)"
>
<stop offset={0.659904} stopColor="#D2D1D4" />
<stop offset={1} stopColor="#D2D1D4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_26730"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.37427 20.1563) rotate(161.565) scale(6.62102 2.31572)"
>
<stop offset={0.293913} stopColor="#54515D" />
<stop offset={1} stopColor="#7F7E83" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_26730"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.5392 15.1105) rotate(18.9465) scale(1.33851 7.07423)"
>
<stop offset={0.5833} stopColor="#AAA7B1" />
<stop offset={1} stopColor="#AAA7B1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_26730"
x1={11.1245}
y1={24.9688}
x2={11.1245}
y2={22.6562}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A5A3A8" />
<stop offset={1} stopColor="#5D556C" />
</linearGradient>
<linearGradient
id="paint8_linear_18_26730"
x1={20.099}
y1={10.7048}
x2={20.099}
y2={27.3719}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7F798D" />
<stop offset={1} stopColor="#929097" />
</linearGradient>
<radialGradient
id="paint9_radial_18_26730"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0237 29.3437) rotate(-120.919) scale(6.61216 8.85899)"
>
<stop stopColor="#99979E" />
<stop offset={1} stopColor="#99979E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_26730"
x1={16.6129}
y1={11.2344}
x2={16.6129}
y2={6.54035}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BDBCC0" />
<stop offset={1} stopColor="#898395" />
</linearGradient>
<linearGradient
id="paint11_linear_18_26730"
x1={8.01489}
y1={10}
x2={10.7493}
y2={9.53125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F8D94" />
<stop offset={1} stopColor="#6D6B73" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_26730"
x1={6.06836}
y1={20.0781}
x2={6.06836}
y2={18.6562}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#696179" />
<stop offset={1} stopColor="#928E9C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_26730"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.883 15.3262) rotate(108.969) scale(6.66038 3.38732)"
>
<stop offset={0.23707} stopColor="#A9A7B0" />
<stop offset={1} stopColor="#A9A7B0" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = MoaiIcon;