@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
341 lines (340 loc) • 11.4 kB
JSX
const React = require("react");
const OdenIcon = ({ 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}
<path
d="M28 27.94L3 3"
stroke="url(#paint0_linear_18_29625)"
strokeWidth={3}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.50999 7.34999L5.39999 14.41C6.01999 16.74 8.93999 17.52 10.64 15.81L15.81 10.64C17.52 8.92999 16.73 6.01999 14.41 5.39999L7.34999 3.50999C5.01999 2.88999 2.88999 5.01999 3.50999 7.34999Z"
fill="url(#paint1_linear_18_29625)"
/>
<path
d="M3.50999 7.34999L5.39999 14.41C6.01999 16.74 8.93999 17.52 10.64 15.81L15.81 10.64C17.52 8.92999 16.73 6.01999 14.41 5.39999L7.34999 3.50999C5.01999 2.88999 2.88999 5.01999 3.50999 7.34999Z"
fill="url(#paint2_radial_18_29625)"
/>
<g filter="url(#filter0_f_18_29625)">
<path
d="M5.55035 8.19566L6.85213 13.0584C7.27917 14.6632 9.29039 15.2005 10.4613 14.0227L14.0223 10.4617C15.2001 9.28393 14.6559 7.2796 13.058 6.85256L8.19524 5.55078C6.5904 5.12374 5.12331 6.59082 5.55035 8.19566Z"
fill="#4F3D81"
/>
</g>
<g filter="url(#filter1_f_18_29625)">
<path
d="M15.875 10.125C13.1875 10.125 9.8125 12.625 9.8125 16.0312C11.9688 16.9688 14.625 17.4375 15.875 16.0312C17.125 14.625 18.125 12.2812 15.875 10.125Z"
fill="#30143D"
/>
</g>
<path
d="M16.78 23.63C20.5631 23.63 23.63 20.5631 23.63 16.78C23.63 12.9968 20.5631 9.92999 16.78 9.92999C12.9968 9.92999 9.92999 12.9968 9.92999 16.78C9.92999 20.5631 12.9968 23.63 16.78 23.63Z"
fill="url(#paint3_radial_18_29625)"
/>
<path
d="M16.78 23.63C20.5631 23.63 23.63 20.5631 23.63 16.78C23.63 12.9968 20.5631 9.92999 16.78 9.92999C12.9968 9.92999 9.92999 12.9968 9.92999 16.78C9.92999 20.5631 12.9968 23.63 16.78 23.63Z"
fill="url(#paint4_radial_18_29625)"
/>
<g filter="url(#filter2_f_18_29625)">
<path
d="M16.5725 22.9925L23.0225 16.5425C24.5 16.8438 24.7187 19.9063 22.8125 21.8125C19.7656 24.8594 16.7656 24.375 16.5725 22.9925Z"
fill="#C26454"
/>
</g>
<path
d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z"
fill="url(#paint5_linear_18_29625)"
/>
<path
d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z"
fill="url(#paint6_radial_18_29625)"
/>
<path
d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z"
fill="url(#paint7_radial_18_29625)"
/>
<path
d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z"
fill="url(#paint8_radial_18_29625)"
/>
<path
d="M28.4 21.95L21.95 28.4C20.52 29.83 18.2 29.83 16.77 28.4C15.34 26.97 15.34 24.65 16.77 23.22L23.22 16.77C24.65 15.34 26.97 15.34 28.4 16.77C29.83 18.2 29.83 20.52 28.4 21.95Z"
fill="url(#paint9_radial_18_29625)"
/>
<path
d="M28 27.94L24.6 24.55"
stroke="url(#paint10_linear_18_29625)"
strokeWidth={3}
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<g filter="url(#filter3_f_18_29625)">
<path
d="M5.875 5.31248C5.91667 5.20831 6.175 5.06248 6.875 5.31248C7.575 5.56248 12.25 6.91666 14.5 7.5625"
stroke="#8C7FCF"
strokeWidth={0.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_18_29625)">
<ellipse
cx={15}
cy={7.56249}
rx={1}
ry={1.21875}
transform="rotate(-17.4027 15 7.56249)"
fill="#6E65A3"
/>
</g>
<defs>
<filter
id="filter0_f_18_29625"
x={3.9754}
y={3.97583}
width={12.1808}
height={12.1826}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_29625"
/>
</filter>
<filter
id="filter1_f_18_29625"
x={8.8125}
y={9.125}
width={9.40076}
height={8.79376}
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_29625"
/>
</filter>
<filter
id="filter2_f_18_29625"
x={15.5725}
y={15.5425}
width={9.61389}
height={9.53143}
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_29625"
/>
</filter>
<filter
id="filter3_f_18_29625"
x={3.62494}
y={2.92444}
width={13.1251}
height={6.88812}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_29625"
/>
</filter>
<filter
id="filter4_f_18_29625"
x={12.4783}
y={4.86139}
width={5.04352}
height={5.40222}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_29625"
/>
</filter>
<linearGradient
id="paint0_linear_18_29625"
x1={3}
y1={5.0625}
x2={5.375}
y2={2.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A96E55" />
<stop offset={0.5} stopColor="#DBA579" />
<stop offset={0.9944} stopColor="#FFD59E" />
</linearGradient>
<linearGradient
id="paint1_linear_18_29625"
x1={3.875}
y1={11.125}
x2={16.25}
y2={6.125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0157881} stopColor="#4A3E60" />
<stop offset={0.183384} stopColor="#422B69" />
<stop offset={0.585431} stopColor="#595295" />
</linearGradient>
<radialGradient
id="paint2_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8 17.0625) rotate(102.529) scale(5.18599 5.18499)"
>
<stop stopColor="#4C2E6E" />
<stop offset={1} stopColor="#503372" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.4375 13.125) rotate(163.142) scale(10.7756)"
>
<stop offset={0.109003} stopColor="#FFCEB9" />
<stop offset={0.618671} stopColor="#DD9490" />
<stop offset={1} stopColor="#A06866" />
</radialGradient>
<radialGradient
id="paint4_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.625 23) rotate(106.243) scale(8.2675)"
>
<stop stopColor="#C56E96" />
<stop offset={1} stopColor="#F1A1C4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_29625"
x1={20.0625}
y1={19.6875}
x2={25.4687}
y2={25.0937}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#D1AE93" />
<stop offset={0.219653} stopColor="#DEC6B5" />
<stop offset={0.549133} stopColor="#F5D3C9" />
<stop offset={0.870901} stopColor="#F9D9CC" />
<stop offset={1} stopColor="#E2C4C2" />
</linearGradient>
<radialGradient
id="paint6_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.9375 18) rotate(73.0339) scale(3.85529)"
>
<stop stopColor="#FFFFEE" />
<stop offset={0.527145} stopColor="#FCEED2" />
<stop offset={1} stopColor="#F5E2CD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1875 29.875) rotate(16.4222) scale(6.19002 4.41327)"
>
<stop stopColor="#D998B6" />
<stop offset={1} stopColor="#DD9BB2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8125 26.6875) rotate(105.888) scale(4.48379 2.13703)"
>
<stop offset={0.278646} stopColor="#D597A2" />
<stop offset={1} stopColor="#D798A3" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_29625"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6975 24.25) rotate(104.251) scale(6.64189 3.85184)"
>
<stop stopColor="#BC997F" />
<stop offset={1} stopColor="#D5AF96" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_29625"
x1={27.3635}
y1={25.1792}
x2={25.2379}
y2={27.3048}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD6A1" />
<stop offset={0.251098} stopColor="#FFD6A1" />
<stop offset={0.574021} stopColor="#EAAA86" />
<stop offset={0.9944} stopColor="#C1706A" />
</linearGradient>
</defs>
</svg>
);
module.exports = OdenIcon;