@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
293 lines (292 loc) • 13.3 kB
JSX
const React = require("react");
const OmIcon = ({ 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_997)">
<rect
x={1.72333}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_997)"
/>
<rect
x={1.72333}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_997)"
/>
</g>
<g filter="url(#filter1_f_18590_997)">
<path
d="M27.9108 4.4375V27.3125"
stroke="url(#paint2_linear_18590_997)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_997)">
<path
d="M5.18719 3.75H26.9684"
stroke="url(#paint3_linear_18590_997)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_997)">
<path
d="M21.5621 8.375C22.1144 8.375 22.5621 7.92728 22.5621 7.375C22.5621 6.82272 22.1144 6.375 21.5621 6.375C21.0098 6.375 20.5621 6.82272 20.5621 7.375C20.5621 7.92728 21.0098 8.375 21.5621 8.375Z"
fill="#6A4EBE"
/>
<path
d="M14.5622 12.375C14.5622 14.0319 13.219 15.375 11.5622 15.375C11.4308 15.375 11.3008 15.4009 11.1795 15.4511C11.0581 15.5014 10.9479 15.575 10.855 15.6679C10.7622 15.7608 10.6885 15.871 10.6383 15.9923C10.588 16.1136 10.5622 16.2437 10.5622 16.375C10.5622 16.5063 10.588 16.6364 10.6383 16.7577C10.6885 16.879 10.7622 16.9892 10.855 17.0821C10.9479 17.175 11.0581 17.2486 11.1795 17.2989C11.3008 17.3491 11.4308 17.375 11.5622 17.375C13.219 17.375 14.5622 18.7181 14.5622 20.375C14.5622 22.0319 13.219 23.375 11.5622 23.375C10.6733 23.375 9.87474 22.9884 9.3254 22.3743C9.32279 22.3714 9.31844 22.3708 9.31519 22.373V22.373C9.31186 22.3752 9.30739 22.3745 9.30483 22.3715L6.12091 18.5463C5.80149 18.1625 5.24663 18.076 4.82553 18.3443C4.32145 18.6654 4.21374 19.3561 4.5961 19.8155L7.64836 23.4825C7.64885 23.4831 7.64872 23.484 7.64809 23.4844V23.4844C7.64747 23.4848 7.64733 23.4856 7.6478 23.4862C8.56383 24.6372 9.97683 25.375 11.5622 25.375C14.3236 25.375 16.5622 23.1364 16.5622 20.375C16.5622 19.7826 16.4591 19.2143 16.2701 18.687C16.2512 18.6345 16.2778 18.5762 16.3302 18.557L20.3234 17.1025C21.8758 16.6076 23.0616 16.7625 23.8109 17.1788C24.5376 17.5825 24.9684 18.2884 24.9684 19.2187C24.9684 20.3617 24.5366 21.0786 23.9535 21.4827C23.3478 21.9025 22.4289 22.0866 21.2941 21.8396L19.2491 21.3128C18.7143 21.175 18.1691 21.4969 18.0313 22.0317C17.8935 22.5665 18.2154 23.1118 18.7502 23.2496L20.8127 23.7809L20.8301 23.7852L20.8464 23.7889C22.3917 24.1303 23.92 23.9392 25.0927 23.1266C26.2909 22.2962 26.9684 20.9194 26.9684 19.2187C26.9684 17.5865 26.1648 16.1986 24.7822 15.4305C23.425 14.6765 21.6325 14.581 19.6937 15.2042C19.6815 15.2081 19.6694 15.2122 19.6574 15.2166L15.1858 16.8454C15.149 16.8588 15.1078 16.8494 15.08 16.8219C14.9495 16.6927 14.812 16.5706 14.668 16.4564C14.6158 16.415 14.6158 16.335 14.668 16.2936C15.822 15.3777 16.5622 13.9628 16.5622 12.375C16.5622 9.61358 14.3236 7.375 11.5622 7.375C8.80073 7.375 6.56215 9.61358 6.56215 12.375C6.56215 12.9273 7.00987 13.375 7.56215 13.375C8.11444 13.375 8.56215 12.9273 8.56215 12.375C8.56215 10.7181 9.9053 9.375 11.5622 9.375C13.219 9.375 14.5622 10.7181 14.5622 12.375Z"
fill="#6A4EBE"
/>
<path
d="M19.9817 8.84226C19.6702 8.38619 19.048 8.26896 18.5919 8.58042C18.1358 8.89189 18.0186 9.51411 18.3301 9.97019L18.6738 10.4735C19.7497 12.049 21.6284 12.8749 23.5166 12.6025L24.2986 12.4897C24.8452 12.4109 25.2245 11.9038 25.1456 11.3572C25.0668 10.8106 24.5597 10.4314 24.0131 10.5102L23.2311 10.623C22.0981 10.7864 20.971 10.2909 20.3254 9.34562L19.9817 8.84226Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_997)">
<path
d="M21.5621 8.375C22.1144 8.375 22.5621 7.92728 22.5621 7.375C22.5621 6.82272 22.1144 6.375 21.5621 6.375C21.0098 6.375 20.5621 6.82272 20.5621 7.375C20.5621 7.92728 21.0098 8.375 21.5621 8.375Z"
fill="#FCF2FF"
/>
<path
d="M14.5622 12.375C14.5622 14.0319 13.219 15.375 11.5622 15.375C11.4308 15.375 11.3008 15.4009 11.1795 15.4511C11.0581 15.5014 10.9479 15.575 10.855 15.6679C10.7622 15.7608 10.6885 15.871 10.6383 15.9923C10.588 16.1136 10.5622 16.2437 10.5622 16.375C10.5622 16.5063 10.588 16.6364 10.6383 16.7577C10.6885 16.879 10.7622 16.9892 10.855 17.0821C10.9479 17.175 11.0581 17.2486 11.1795 17.2989C11.3008 17.3491 11.4308 17.375 11.5622 17.375C13.219 17.375 14.5622 18.7181 14.5622 20.375C14.5622 22.0319 13.219 23.375 11.5622 23.375C10.6733 23.375 9.87474 22.9884 9.3254 22.3743C9.32279 22.3714 9.31844 22.3708 9.31519 22.373V22.373C9.31186 22.3752 9.30739 22.3745 9.30483 22.3715L6.12091 18.5463C5.80149 18.1625 5.24663 18.076 4.82553 18.3443C4.32145 18.6654 4.21374 19.3561 4.5961 19.8155L7.64836 23.4825C7.64885 23.4831 7.64872 23.484 7.64809 23.4844V23.4844C7.64747 23.4848 7.64733 23.4856 7.6478 23.4862C8.56383 24.6372 9.97683 25.375 11.5622 25.375C14.3236 25.375 16.5622 23.1364 16.5622 20.375C16.5622 19.7826 16.4591 19.2143 16.2701 18.687C16.2512 18.6345 16.2778 18.5762 16.3302 18.557L20.3234 17.1025C21.8758 16.6076 23.0616 16.7625 23.8109 17.1788C24.5376 17.5825 24.9684 18.2884 24.9684 19.2187C24.9684 20.3617 24.5366 21.0786 23.9535 21.4827C23.3478 21.9025 22.4289 22.0866 21.2941 21.8396L19.2491 21.3128C18.7143 21.175 18.1691 21.4969 18.0313 22.0317C17.8935 22.5665 18.2154 23.1118 18.7502 23.2496L20.8127 23.7809L20.8301 23.7852L20.8464 23.7889C22.3917 24.1303 23.92 23.9392 25.0927 23.1266C26.2909 22.2962 26.9684 20.9194 26.9684 19.2187C26.9684 17.5865 26.1648 16.1986 24.7822 15.4305C23.425 14.6765 21.6325 14.581 19.6937 15.2042C19.6815 15.2081 19.6694 15.2122 19.6574 15.2166L15.1858 16.8454C15.149 16.8588 15.1078 16.8494 15.08 16.8219C14.9495 16.6927 14.812 16.5706 14.668 16.4564C14.6158 16.415 14.6158 16.335 14.668 16.2936C15.822 15.3777 16.5622 13.9628 16.5622 12.375C16.5622 9.61358 14.3236 7.375 11.5622 7.375C8.80073 7.375 6.56215 9.61358 6.56215 12.375C6.56215 12.9273 7.00987 13.375 7.56215 13.375C8.11444 13.375 8.56215 12.9273 8.56215 12.375C8.56215 10.7181 9.9053 9.375 11.5622 9.375C13.219 9.375 14.5622 10.7181 14.5622 12.375Z"
fill="#FCF2FF"
/>
<path
d="M19.9817 8.84226C19.6702 8.38619 19.048 8.26896 18.5919 8.58042C18.1358 8.89189 18.0186 9.51411 18.3301 9.97019L18.6738 10.4735C19.7497 12.049 21.6284 12.8749 23.5166 12.6025L24.2986 12.4897C24.8452 12.4109 25.2245 11.9038 25.1456 11.3572C25.0668 10.8106 24.5597 10.4314 24.0131 10.5102L23.2311 10.623C22.0981 10.7864 20.971 10.2909 20.3254 9.34562L19.9817 8.84226Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_997"
x={1.72333}
y={0.9375}
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_997"
/>
<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_997"
result="effect2_innerShadow_18590_997"
/>
</filter>
<filter
id="filter1_f_18590_997"
x={25.1608}
y={1.6875}
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_997"
/>
</filter>
<filter
id="filter2_f_18590_997"
x={2.43719}
y={1}
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_997"
/>
</filter>
<filter
id="filter3_f_18590_997"
x={3.36646}
y={5.375}
width={24.6019}
height={21}
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_997"
/>
</filter>
<filter
id="filter4_ii_18590_997"
x={3.96646}
y={5.975}
width={23.4019}
height={19.8}
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_997"
/>
<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_997"
result="effect2_innerShadow_18590_997"
/>
</filter>
<linearGradient
id="paint0_linear_18590_997"
x1={15.6608}
y1={5.51201}
x2={15.6608}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_997"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.3796 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_997"
x1={28.4108}
y1={4.4375}
x2={28.4108}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_997"
x1={28.1247}
y1={4.00002}
x2={2.59345}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = OmIcon;