@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
507 lines (506 loc) • 17.7 kB
JSX
const React = require("react");
const MemoIcon = ({ 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_iiii_18_22438)">
<path
d="M20.4148 2.33586C20.2272 2.14833 19.9729 2.04297 19.7077 2.04297H6.43906C5.66586 2.04297 5.03906 2.66977 5.03906 3.44296V28.557C5.03906 29.3302 5.66586 29.957 6.43906 29.957H25.5609C26.3341 29.957 26.9609 29.3302 26.9609 28.557V9.29623C26.9609 9.03102 26.8556 8.77666 26.668 8.58913L20.4148 2.33586Z"
fill="url(#paint0_linear_18_22438)"
/>
</g>
<g filter="url(#filter1_f_18_22438)">
<path
d="M19.751 2.45703C19.751 2.25563 19.8088 2.127 19.6992 2.10547C19.8034 2.11211 19.9549 2.14986 20.0508 2.1875C20.174 2.23589 20.0219 2.34273 20.1183 2.43694C20.1212 2.43968 20.124 2.44244 20.1267 2.44524L26.38 8.6985C26.399 8.71757 26.4173 8.73732 26.4346 8.75771C26.52 8.85806 26.5842 8.97371 26.6243 9.09766C26.6562 9.19624 26.6729 9.30006 26.6729 9.40561V9.46875C26.6729 9.23655 26.5049 9.09766 26.38 9.09766H20.951C20.2883 9.09766 19.751 8.56039 19.751 7.89766V2.45703Z"
fill="#D2C5DF"
/>
</g>
<g filter="url(#filter2_ii_18_22438)">
<path
d="M20.0391 2.34758C20.0391 2.14618 19.881 2.06645 19.7714 2.04492C19.8756 2.05156 19.9773 2.07442 20.0732 2.11206C20.1964 2.16045 20.3099 2.23328 20.4064 2.32748C20.4092 2.33023 20.412 2.33299 20.4148 2.33578L26.668 8.58905C26.6871 8.60812 26.7053 8.62787 26.7227 8.64825C26.808 8.7486 26.8722 8.86426 26.9124 8.9882C26.9443 9.08678 26.9609 9.19061 26.9609 9.29616V9.3593C26.9609 9.1271 26.793 8.9882 26.668 8.9882H21.2391C20.5763 8.9882 20.0391 8.45094 20.0391 7.78821V2.34758Z"
fill="url(#paint1_linear_18_22438)"
/>
</g>
<path
d="M20.0391 2.34758C20.0391 2.14618 19.881 2.06645 19.7714 2.04492C19.8756 2.05156 19.9773 2.07442 20.0732 2.11206C20.1964 2.16045 20.3099 2.23328 20.4064 2.32748C20.4092 2.33023 20.412 2.33299 20.4148 2.33578L26.668 8.58905C26.6871 8.60812 26.7053 8.62787 26.7227 8.64825C26.808 8.7486 26.8722 8.86426 26.9124 8.9882C26.9443 9.08678 26.9609 9.19061 26.9609 9.29616V9.3593C26.9609 9.1271 26.793 8.9882 26.668 8.9882H21.2391C20.5763 8.9882 20.0391 8.45094 20.0391 7.78821V2.34758Z"
fill="url(#paint2_linear_18_22438)"
/>
<rect
x={9.03906}
y={11.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint3_linear_18_22438)"
/>
<rect
x={9.03906}
y={14.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint4_linear_18_22438)"
/>
<rect
x={9.03906}
y={17.9961}
width={13.9141}
height={0.992188}
rx={0.496094}
fill="url(#paint5_linear_18_22438)"
/>
<rect
x={9.03906}
y={20.9961}
width={8.98438}
height={0.992188}
rx={0.496094}
fill="url(#paint6_linear_18_22438)"
/>
<path
d="M25.0733 13.4985C25.7138 12.9731 26.6589 13.0663 27.1843 13.7068L29.1349 16.0846C29.6604 16.7251 29.5671 17.6702 28.9266 18.1957L14.7888 29.7936L10.9354 25.0964L25.0733 13.4985Z"
fill="url(#paint7_radial_18_22438)"
/>
<path
d="M25.0733 13.4985C25.7138 12.9731 26.6589 13.0663 27.1843 13.7068L29.1349 16.0846C29.6604 16.7251 29.5671 17.6702 28.9266 18.1957L14.7888 29.7936L10.9354 25.0964L25.0733 13.4985Z"
fill="url(#paint8_linear_18_22438)"
/>
<path
d="M25.0733 13.4985C25.7138 12.9731 26.6589 13.0663 27.1843 13.7068L29.1349 16.0846C29.6604 16.7251 29.5671 17.6702 28.9266 18.1957L14.7888 29.7936L10.9354 25.0964L25.0733 13.4985Z"
fill="url(#paint9_linear_18_22438)"
/>
<path
d="M25.0733 13.4985C25.7138 12.9731 26.6589 13.0663 27.1843 13.7068L29.1349 16.0846C29.6604 16.7251 29.5671 17.6702 28.9266 18.1957L14.7888 29.7936L10.9354 25.0964L25.0733 13.4985Z"
fill="url(#paint10_radial_18_22438)"
/>
<path
d="M9.84257 29.7945C9.82663 29.8762 9.88906 29.9522 9.97229 29.9524L14.3259 29.9634C14.4511 29.9637 14.5739 29.9285 14.68 29.8619L14.7888 29.7935L10.9355 25.0963L10.8612 25.1701C10.7672 25.2636 10.7033 25.3831 10.678 25.5132L9.84257 29.7945Z"
fill="url(#paint11_linear_18_22438)"
/>
<path
d="M9.84257 29.7945C9.82663 29.8762 9.88906 29.9522 9.97229 29.9524L14.3259 29.9634C14.4511 29.9637 14.5739 29.9285 14.68 29.8619L14.7888 29.7935L10.9355 25.0963L10.8612 25.1701C10.7672 25.2636 10.7033 25.3831 10.678 25.5132L9.84257 29.7945Z"
fill="url(#paint12_linear_18_22438)"
/>
<path
d="M9.84257 29.7945C9.82663 29.8762 9.88906 29.9522 9.97229 29.9524L14.3259 29.9634C14.4511 29.9637 14.5739 29.9285 14.68 29.8619L14.7888 29.7935L10.9355 25.0963L10.8612 25.1701C10.7672 25.2636 10.7033 25.3831 10.678 25.5132L9.84257 29.7945Z"
fill="url(#paint13_linear_18_22438)"
/>
<path
d="M27.0133 19.7652L29.3179 17.8745C29.7423 17.5264 29.8041 16.9002 29.456 16.4759L26.8632 13.3154C26.5151 12.891 25.889 12.8292 25.4646 13.1773L23.16 15.068L27.0133 19.7652Z"
fill="url(#paint14_linear_18_22438)"
/>
<path
d="M27.0133 19.7652L29.3179 17.8745C29.7423 17.5264 29.8041 16.9002 29.456 16.4759L26.8632 13.3154C26.5151 12.891 25.889 12.8292 25.4646 13.1773L23.16 15.068L27.0133 19.7652Z"
fill="url(#paint15_linear_18_22438)"
/>
<path
d="M27.0133 19.7652L29.3179 17.8745C29.7423 17.5264 29.8041 16.9002 29.456 16.4759L26.8632 13.3154C26.5151 12.891 25.889 12.8292 25.4646 13.1773L23.16 15.068L27.0133 19.7652Z"
fill="url(#paint16_radial_18_22438)"
/>
<path
d="M20.8494 16.9634L23.16 15.0679L27.0133 19.7651L24.7027 21.6605L20.8494 16.9634Z"
fill="url(#paint17_linear_18_22438)"
/>
<path
d="M20.8494 16.9634L23.16 15.0679L27.0133 19.7651L24.7027 21.6605L20.8494 16.9634Z"
fill="url(#paint18_linear_18_22438)"
/>
<path
d="M9.97229 29.9524C9.88905 29.9522 9.82662 29.8762 9.84256 29.7945L10.1356 28.2927L11.5003 29.9563L9.97229 29.9524Z"
fill="url(#paint19_linear_18_22438)"
/>
<defs>
<filter
id="filter0_iiii_18_22438"
x={4.93906}
y={1.74297}
width={22.3219}
height={28.3141}
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} 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.807843 0 0 0 0 0.768627 0 0 0 0 0.85098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22438"
/>
<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.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.709804 0 0 0 0 0.690196 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22438"
result="effect2_innerShadow_18_22438"
/>
<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.1} />
<feGaussianBlur stdDeviation={0.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.65098 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_22438"
result="effect3_innerShadow_18_22438"
/>
<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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.952941 0 0 0 0 0.941176 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18_22438"
result="effect4_innerShadow_18_22438"
/>
</filter>
<filter
id="filter1_f_18_22438"
x={19.1992}
y={1.60547}
width={7.97366}
height={8.36328}
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_22438"
/>
</filter>
<filter
id="filter2_ii_18_22438"
x={19.7714}
y={1.94492}
width={7.28951}
height={7.41433}
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} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.631373 0 0 0 0 0.611765 0 0 0 0 0.654902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22438"
/>
<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.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.752941 0 0 0 0 0.67451 0 0 0 0 0.835294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22438"
result="effect2_innerShadow_18_22438"
/>
</filter>
<linearGradient
id="paint0_linear_18_22438"
x1={16}
y1={2.04297}
x2={16}
y2={30.883}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E4DCEA" />
<stop offset={1} stopColor="#CEC1D5" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22438"
x1={20.5391}
y1={8.70696}
x2={23.1797}
y2={6.06633}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CAC2CE" />
<stop offset={1} stopColor="#BDB4C1" />
</linearGradient>
<linearGradient
id="paint2_linear_18_22438"
x1={23.7734}
y1={5.5507}
x2={22.5156}
y2={6.82043}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.119171} stopColor="#DBDADC" />
<stop offset={0.577307} stopColor="#CBC7D0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_22438"
x1={9.03906}
y1={12.4922}
x2={22.9531}
y2={12.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint4_linear_18_22438"
x1={9.03906}
y1={15.4922}
x2={22.9531}
y2={15.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint5_linear_18_22438"
x1={9.03906}
y1={18.4922}
x2={22.9531}
y2={18.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<linearGradient
id="paint6_linear_18_22438"
x1={9.03906}
y1={21.4922}
x2={18.0234}
y2={21.4922}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C96A2" />
<stop offset={1} stopColor="#9A95A1" />
</linearGradient>
<radialGradient
id="paint7_radial_18_22438"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8345 27.5718) rotate(-40.0074) scale(13.0302 8.0826)"
>
<stop stopColor="#FF9130" />
<stop offset={1} stopColor="#F3633D" />
</radialGradient>
<linearGradient
id="paint8_linear_18_22438"
x1={16.1544}
y1={20.4931}
x2={17.087}
y2={21.5837}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EE9B6A" />
<stop offset={1} stopColor="#EE9B6A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_22438"
x1={22.8414}
y1={23.5663}
x2={21.7068}
y2={22.4142}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E66A62" />
<stop offset={1} stopColor="#E66A62" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_22438"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6819 27.4319) rotate(-39.2242) scale(12.0339 2.691)"
>
<stop stopColor="#FF994D" />
<stop offset={1} stopColor="#FF994D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_22438"
x1={11.3038}
y1={27.4831}
x2={12.766}
y2={30.3735}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D8A587" />
<stop offset={1} stopColor="#CE7A98" />
</linearGradient>
<linearGradient
id="paint12_linear_18_22438"
x1={13.3312}
y1={27.8086}
x2={12.9516}
y2={28.1242}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.207411} stopColor="#FFC09F" />
<stop offset={1} stopColor="#FCB196" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_22438"
x1={9.74805}
y1={27.2255}
x2={11.1369}
y2={27.4874}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DEBCA3" />
<stop offset={1} stopColor="#DEBCA3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_22438"
x1={28.6275}
y1={15.1083}
x2={25.6435}
y2={17.5183}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6153" />
<stop offset={1} stopColor="#FF6154" />
</linearGradient>
<linearGradient
id="paint15_linear_18_22438"
x1={23.8307}
y1={14.3852}
x2={25.7782}
y2={16.5746}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F1553E" />
<stop offset={1} stopColor="#F1553E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_22438"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.0102 15.6715) rotate(140.636) scale(0.907664 2.06194)"
>
<stop offset={0.177419} stopColor="#FF786D" />
<stop offset={1} stopColor="#FF786D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint17_linear_18_22438"
x1={22.0406}
y1={16.0809}
x2={24.5163}
y2={18.8217}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C5C4CB" />
<stop offset={1} stopColor="#E8DEFA" />
</linearGradient>
<linearGradient
id="paint18_linear_18_22438"
x1={25.8707}
y1={21.119}
x2={24.4924}
y2={19.4851}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C9B9E0" />
<stop offset={1} stopColor="#C9B9E0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint19_linear_18_22438"
x1={10.0531}
y1={28.9824}
x2={10.6568}
y2={30.0206}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#461E49" />
<stop offset={1} stopColor="#450F51" />
</linearGradient>
</defs>
</svg>
);
module.exports = MemoIcon;