@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
471 lines (470 loc) • 14 kB
JSX
const React = require("react");
const DiamondWithADotIcon = ({ 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_2928)">
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 21.6569)"
fill="#5DB4FF"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 21.6569)"
fill="url(#paint0_linear_18590_2928)"
/>
</g>
<g filter="url(#filter1_ii_18590_2928)">
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 16 16)"
fill="#5DB4FF"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 16 16)"
fill="url(#paint1_linear_18590_2928)"
/>
</g>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 16 16)"
fill="url(#paint2_linear_18590_2928)"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 16 16)"
fill="url(#paint3_linear_18590_2928)"
/>
<g filter="url(#filter2_ii_18590_2928)">
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 27.3137 16)"
fill="#5DB4FF"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 27.3137 16)"
fill="url(#paint4_linear_18590_2928)"
/>
</g>
<g filter="url(#filter3_ii_18590_2928)">
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 10.3431)"
fill="#5DB4FF"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 10.3431)"
fill="url(#paint5_linear_18590_2928)"
/>
</g>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 10.3431)"
fill="url(#paint6_linear_18590_2928)"
/>
<rect
width={8}
height={8}
rx={1.8}
transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 21.6569 10.3431)"
fill="url(#paint7_linear_18590_2928)"
/>
<g filter="url(#filter4_d_18590_2928)">
<circle cx={16} cy={16} r={2} fill="url(#paint8_radial_18590_2928)" />
<circle cx={16} cy={16} r={2} fill="url(#paint9_radial_18590_2928)" />
</g>
<defs>
<filter
id="filter0_ii_18590_2928"
x={11.0887}
y={15.2456}
width={11.3225}
height={11.3225}
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={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.321569 0 0 0 0 0.737255 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2928"
/>
<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.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2928"
result="effect2_innerShadow_18590_2928"
/>
</filter>
<filter
id="filter1_ii_18590_2928"
x={5.43188}
y={9.58875}
width={11.3225}
height={11.3225}
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={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.321569 0 0 0 0 0.737255 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2928"
/>
<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.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2928"
result="effect2_innerShadow_18590_2928"
/>
</filter>
<filter
id="filter2_ii_18590_2928"
x={16.7456}
y={9.58875}
width={11.3225}
height={11.3225}
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={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.321569 0 0 0 0 0.737255 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2928"
/>
<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.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2928"
result="effect2_innerShadow_18590_2928"
/>
</filter>
<filter
id="filter3_ii_18590_2928"
x={11.0887}
y={3.93188}
width={11.3225}
height={11.3225}
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={1.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.321569 0 0 0 0 0.737255 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2928"
/>
<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.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2928"
result="effect2_innerShadow_18590_2928"
/>
</filter>
<filter
id="filter4_d_18590_2928"
x={13.25}
y={13.75}
width={5}
height={5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.192157 0 0 0 0 0.611765 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18590_2928"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18590_2928"
result="shape"
/>
</filter>
<linearGradient
id="paint0_linear_18590_2928"
x1={4}
y1={1.5497e-8}
x2={3.87}
y2={2.87657}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#71DBFF" />
<stop offset={1} stopColor="#5EB5FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18590_2928"
x1={4}
y1={1.5497e-8}
x2={3.87}
y2={2.87657}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#71DBFF" />
<stop offset={1} stopColor="#5EB5FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18590_2928"
x1={-0.903661}
y1={3.98103}
x2={1.46073}
y2={3.87054}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.192214} stopColor="#0F7BFF" />
<stop offset={1} stopColor="#309BFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18590_2928"
x1={9.53878}
y1={3.82541}
x2={7.11836}
y2={3.99829}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#84D0FF" />
<stop offset={1} stopColor="#84D0FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18590_2928"
x1={4}
y1={2.67376e-8}
x2={4.17953}
y2={3.23059}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.176466} stopColor="#71DBFF" />
<stop offset={1} stopColor="#5EB5FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18590_2928"
x1={3.82509}
y1={0.49057}
x2={3.82509}
y2={3.23061}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0303872} stopColor="#71DBFF" />
<stop offset={1} stopColor="#5EB5FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18590_2928"
x1={-0.638517}
y1={3.93772}
x2={1.46073}
y2={3.87054}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.192214} stopColor="#0F7BFF" />
<stop offset={1} stopColor="#309BFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18590_2928"
x1={9.53878}
y1={3.82541}
x2={7.11836}
y2={3.99829}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#84D0FF" />
<stop offset={1} stopColor="#84D0FF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint8_radial_18590_2928"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7085 15.5545) rotate(144.705) scale(2.56047)"
>
<stop offset={0.134155} stopColor="#74C9FF" />
<stop offset={1} stopColor="#4294FF" />
</radialGradient>
<radialGradient
id="paint9_radial_18590_2928"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 17.0029) rotate(-90) scale(3.00285)"
>
<stop offset={0.710075} stopColor="#44B5FF" stopOpacity={0} />
<stop offset={1} stopColor="#44B5FF" />
</radialGradient>
</defs>
</svg>
);
module.exports = DiamondWithADotIcon;