UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

217 lines (216 loc) 6.3 kB
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;