@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 10.5 kB
JSX
const React = require("react");
const LeoIcon = ({ 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_ii_18590_1194)">
<rect
x={2.51233}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1194)"
/>
<rect
x={2.51233}
y={1.6875}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1194)"
/>
</g>
<g filter="url(#filter1_f_18590_1194)">
<path
d="M28.6998 4.1875V27.0625"
stroke="url(#paint2_linear_18590_1194)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1194)">
<path
d="M5.9762 3.5H27.7574"
stroke="url(#paint3_linear_18590_1194)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1194)">
<path
d="M25.0884 22.1914C24.6984 22.3314 24.4484 22.7114 24.4484 23.1314C24.4484 24.2514 23.5184 25.1614 22.3884 25.1314C21.2284 25.1014 20.3684 24.0614 20.4584 22.9014C20.4884 22.4814 20.6084 22.0714 20.7984 21.7014L24.8984 13.8314C24.9184 13.8014 24.9284 13.7714 24.9484 13.7314C25.2784 12.9114 25.4484 12.0414 25.4484 11.1414C25.4584 7.34142 22.4784 4.25142 18.6784 4.12142C14.7184 4.01142 11.4484 7.19142 11.4484 11.1314C11.4484 11.7807 11.5344 12.4127 11.7064 13.0196C11.7257 13.0877 11.6715 13.1548 11.6009 13.1501C11.526 13.145 11.4504 13.1414 11.3784 13.1414C8.56835 13.1414 6.30835 15.5014 6.45835 18.3414C6.58835 20.8414 8.60835 22.8614 11.1084 22.9914C13.9484 23.1414 16.3084 20.8814 16.3084 18.0714C16.3084 16.7414 15.7784 15.5314 14.9184 14.6414C14.5684 14.2814 14.2584 13.8914 14.0284 13.4514C13.6484 12.7414 13.4484 11.9514 13.4484 11.1314C13.4484 8.37142 15.6884 6.13142 18.4484 6.13142C21.2084 6.13142 23.4484 8.37142 23.4484 11.1314C23.4484 11.7614 23.3284 12.3714 23.1084 12.9514L19.0284 20.7814C18.6484 21.5014 18.4484 22.3214 18.4484 23.1314C18.4484 25.3414 20.2384 27.1314 22.4484 27.1314C24.6584 27.1314 26.4484 25.3414 26.4484 23.1314C26.4484 22.4614 25.7884 21.9514 25.0884 22.1914ZM11.3784 21.0114C9.75835 21.0114 8.44835 19.6914 8.44835 18.0814C8.44835 16.4714 9.75835 15.1514 11.3784 15.1514C12.9984 15.1514 14.3084 16.4614 14.3084 18.0814C14.3084 19.7014 12.9884 21.0114 11.3784 21.0114Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1194)">
<path
d="M25.0884 22.1914C24.6984 22.3314 24.4484 22.7114 24.4484 23.1314C24.4484 24.2514 23.5184 25.1614 22.3884 25.1314C21.2284 25.1014 20.3684 24.0614 20.4584 22.9014C20.4884 22.4814 20.6084 22.0714 20.7984 21.7014L24.8984 13.8314C24.9184 13.8014 24.9284 13.7714 24.9484 13.7314C25.2784 12.9114 25.4484 12.0414 25.4484 11.1414C25.4584 7.34142 22.4784 4.25142 18.6784 4.12142C14.7184 4.01142 11.4484 7.19142 11.4484 11.1314C11.4484 11.7807 11.5344 12.4127 11.7064 13.0196C11.7257 13.0877 11.6715 13.1548 11.6009 13.1501C11.526 13.145 11.4504 13.1414 11.3784 13.1414C8.56835 13.1414 6.30835 15.5014 6.45835 18.3414C6.58835 20.8414 8.60835 22.8614 11.1084 22.9914C13.9484 23.1414 16.3084 20.8814 16.3084 18.0714C16.3084 16.7414 15.7784 15.5314 14.9184 14.6414C14.5684 14.2814 14.2584 13.8914 14.0284 13.4514C13.6484 12.7414 13.4484 11.9514 13.4484 11.1314C13.4484 8.37142 15.6884 6.13142 18.4484 6.13142C21.2084 6.13142 23.4484 8.37142 23.4484 11.1314C23.4484 11.7614 23.3284 12.3714 23.1084 12.9514L19.0284 20.7814C18.6484 21.5014 18.4484 22.3214 18.4484 23.1314C18.4484 25.3414 20.2384 27.1314 22.4484 27.1314C24.6584 27.1314 26.4484 25.3414 26.4484 23.1314C26.4484 22.4614 25.7884 21.9514 25.0884 22.1914ZM11.3784 21.0114C9.75835 21.0114 8.44835 19.6914 8.44835 18.0814C8.44835 16.4714 9.75835 15.1514 11.3784 15.1514C12.9984 15.1514 14.3084 16.4614 14.3084 18.0814C14.3084 19.7014 12.9884 21.0114 11.3784 21.0114Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1194"
x={2.51233}
y={0.6875}
width={29.875}
height={28.875}
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={2} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1194"
/>
<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={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1194"
result="effect2_innerShadow_18590_1194"
/>
</filter>
<filter
id="filter1_f_18590_1194"
x={25.9498}
y={1.4375}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1194"
/>
</filter>
<filter
id="filter2_f_18590_1194"
x={3.2262}
y={0.75}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1194"
/>
</filter>
<filter
id="filter3_f_18590_1194"
x={5.45129}
y={3.11865}
width={21.9971}
height={25.0128}
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_18590_1194"
/>
</filter>
<filter
id="filter4_ii_18590_1194"
x={6.05129}
y={3.71865}
width={20.7971}
height={23.8128}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1194"
/>
<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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1194"
result="effect2_innerShadow_18590_1194"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1194"
x1={16.4498}
y1={5.26201}
x2={16.4498}
y2={38.5147}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1194"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 3.78125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1194"
x1={29.1998}
y1={4.1875}
x2={29.1998}
y2={27.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1194"
x1={28.9137}
y1={3.75002}
x2={3.38245}
y2={3.75002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = LeoIcon;