@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
217 lines (216 loc) • 6.3 kB
JSX
const React = require("react");
const GemStoneIcon = ({ 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="M9.23438 14.25L15.9844 30.1641L23.5156 14.25H9.23438Z"
fill="#72ADF1"
/>
<path
d="M9.23438 14.25L15.9844 30.1641L23.5156 14.25H9.23438Z"
fill="url(#paint0_linear_18_17750)"
/>
<path
d="M9.23438 14.25L15.9844 30.1641L23.5156 14.25H9.23438Z"
fill="url(#paint1_linear_18_17750)"
/>
<path
d="M7.54688 7.96875L2.04688 15.375H11.0781L16 7.96875H7.54688Z"
fill="url(#paint2_linear_18_17750)"
/>
<path
d="M7.54688 7.96875L2.04688 15.375H11.0781L16 7.96875H7.54688Z"
fill="url(#paint3_linear_18_17750)"
/>
<path
d="M7.54688 7.96875L2.04688 15.375H11.0781L16 7.96875H7.54688Z"
fill="url(#paint4_linear_18_17750)"
/>
<path
d="M24.4297 7.96875L29.9297 15.375H20.8984L15.9766 7.96875H24.4297Z"
fill="url(#paint5_radial_18_17750)"
/>
<path
d="M24.4297 7.96875L29.9297 15.375H20.8984L15.9766 7.96875H24.4297Z"
fill="url(#paint6_linear_18_17750)"
/>
<path
d="M15.9902 30.1738L2.04688 15.375H11.0781L15.9902 30.1738Z"
fill="url(#paint7_linear_18_17750)"
/>
<path
d="M15.9902 30.1738L2.04688 15.375H11.0781L15.9902 30.1738Z"
fill="url(#paint8_linear_18_17750)"
/>
<path
d="M15.9844 30.1641L29.9336 15.375H20.9023L15.9844 30.1641Z"
fill="url(#paint9_radial_18_17750)"
/>
<path
d="M15.9844 30.1641L29.9336 15.375H20.9023L15.9844 30.1641Z"
fill="url(#paint10_linear_18_17750)"
/>
<path
d="M15.9844 30.1641L29.9336 15.375H20.9023L15.9844 30.1641Z"
fill="url(#paint11_linear_18_17750)"
/>
<path
d="M11.0781 15.3749H20.8984L15.9883 7.98633L11.0781 15.3749Z"
fill="url(#paint12_linear_18_17750)"
/>
<defs>
<linearGradient
id="paint0_linear_18_17750"
x1={16.375}
y1={14.8484}
x2={16.375}
y2={16.848}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#72C8F9" />
<stop offset={1} stopColor="#73AEF2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_17750"
x1={19.1912}
y1={25.113}
x2={15.9474}
y2={24.4909}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#73D2FF" />
<stop offset={1} stopColor="#73AEF2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_17750"
x1={11.1719}
y1={15}
x2={7.23437}
y2={9.875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.329505} stopColor="#2E97D8" />
<stop offset={1} stopColor="#1C82CA" />
</linearGradient>
<linearGradient
id="paint3_linear_18_17750"
x1={2.48437}
y1={16.0625}
x2={6.29687}
y2={13.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2E8BDB" />
<stop offset={1} stopColor="#2E8BDB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_17750"
x1={13.5701}
y1={12.4711}
x2={12.7036}
y2={11.9157}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32B3EA" />
<stop offset={1} stopColor="#32B3EA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_17750"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.9844 12.5) rotate(-5.73208) scale(8.29146 11.2063)"
>
<stop stopColor="#20D5FC" />
<stop offset={1} stopColor="#20BFF7" />
</radialGradient>
<linearGradient
id="paint6_linear_18_17750"
x1={19.5781}
y1={13.5937}
x2={20.2031}
y2={13.1875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.17} stopColor="#20D0F6" />
<stop offset={1} stopColor="#20D0F6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_17750"
x1={9.01855}
y1={15.375}
x2={15.9902}
y2={29.7342}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.379031} stopColor="#296BCC" />
<stop offset={1} stopColor="#3E7DE1" />
</linearGradient>
<linearGradient
id="paint8_linear_18_17750"
x1={9.01855}
y1={15.375}
x2={9.01855}
y2={15.7813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2D75D2" />
<stop offset={1} stopColor="#2D75D2" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_17750"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.2344 29.5625) rotate(-60.9647) scale(11.7949 6.18417)"
>
<stop stopColor="#42A2EC" />
<stop offset={1} stopColor="#3294E4" />
</radialGradient>
<linearGradient
id="paint10_linear_18_17750"
x1={17.5625}
y1={24.8984}
x2={18.0625}
y2={25.0937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#368FE1" />
<stop offset={1} stopColor="#368FE1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_17750"
x1={22.959}
y1={15.0625}
x2={22.959}
y2={16.0937}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#309EE9" />
<stop offset={1} stopColor="#309EE9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_17750"
x1={19.6719}
y1={11.3124}
x2={11.0781}
y2={17.3124}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6CE8FE" />
<stop offset={0.642405} stopColor="#68CAEA" />
</linearGradient>
</defs>
</svg>
);
module.exports = GemStoneIcon;