@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
250 lines (249 loc) • 8.97 kB
JSX
const React = require("react");
const FlyingDiscIcon = ({ 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_i_18_2404)">
<path
d="M23.029 15.54C13.619 5.59001 21.519 3.69 28.319 3.56C28.739 3.55 29.089 3.21 29.089 2.78C29.089 2.35 28.739 2 28.309 2H15.089C8.46899 2 3.099 7.36999 3.099 13.99V19.03L24.579 17.43L23.029 15.54Z"
fill="url(#paint0_linear_18_2404)"
/>
<path
d="M23.029 15.54C13.619 5.59001 21.519 3.69 28.319 3.56C28.739 3.55 29.089 3.21 29.089 2.78C29.089 2.35 28.739 2 28.309 2H15.089C8.46899 2 3.099 7.36999 3.099 13.99V19.03L24.579 17.43L23.029 15.54Z"
fill="url(#paint1_radial_18_2404)"
/>
<path
d="M23.029 15.54C13.619 5.59001 21.519 3.69 28.319 3.56C28.739 3.55 29.089 3.21 29.089 2.78C29.089 2.35 28.739 2 28.309 2H15.089C8.46899 2 3.099 7.36999 3.099 13.99V19.03L24.579 17.43L23.029 15.54Z"
fill="url(#paint2_radial_18_2404)"
/>
</g>
<g filter="url(#filter1_i_18_2404)">
<path
d="M26.2489 25.41C28.0189 21.02 24.359 15.41 18.079 12.89C11.799 10.36 5.27896 11.87 3.50896 16.26C1.73896 20.65 5.39897 26.26 11.679 28.78C17.959 31.31 24.4789 29.8 26.2489 25.41Z"
fill="url(#paint3_radial_18_2404)"
/>
</g>
<path
d="M25.759 23.12C27.159 19.63 23.759 14.98 18.159 12.72C12.559 10.46 6.87902 11.46 5.47902 14.95C4.07902 18.44 7.47902 23.09 13.079 25.35C18.679 27.61 24.359 26.61 25.759 23.12Z"
fill="url(#paint4_radial_18_2404)"
/>
<g filter="url(#filter2_iiif_18_2404)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.11113 20.0474C10.1085 21.4098 11.756 22.6795 13.8246 23.5125C15.8932 24.3454 17.9609 24.5716 19.6241 24.2805C21.2931 23.9883 22.4997 23.19 22.9694 22.0235C23.4391 20.857 23.1223 19.4453 22.1215 18.0781C21.1241 16.7156 19.4766 15.4459 17.408 14.613C15.3394 13.7801 13.2717 13.5538 11.6085 13.845C9.93949 14.1372 8.73284 14.9355 8.26316 16.102C7.79347 17.2685 8.11025 18.6802 9.11113 20.0474ZM8.55769 20.4525C7.47694 18.9762 7.03633 17.3125 7.62692 15.8458C8.2175 14.3791 9.68803 13.4849 11.4903 13.1694C13.2984 12.8529 15.4961 13.1037 17.6642 13.9767C19.8323 14.8497 21.5906 16.1917 22.6749 17.6729C23.7557 19.1493 24.1963 20.8129 23.6057 22.2797C23.0151 23.7464 21.5446 24.6406 19.7423 24.9561C17.9342 25.2726 15.7365 25.0217 13.5684 24.1487C11.4003 23.2757 9.64198 21.9337 8.55769 20.4525Z"
fill="#21C2FF"
/>
</g>
<defs>
<filter
id="filter0_i_18_2404"
x={3.099}
y={1.85}
width={26.14}
height={17.18}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.443137 0 0 0 0 0.796078 0 0 0 0 0.894118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2404"
/>
</filter>
<filter
id="filter1_i_18_2404"
x={2.81323}
y={11.3635}
width={23.8815}
height={18.6431}
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.25} dy={-0.3} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.490196 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2404"
/>
</filter>
<filter
id="filter2_iiif_18_2404"
x={7.21322}
y={12.8881}
width={16.9062}
height={12.4492}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.4 0 0 0 0 0.866667 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2404"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.180392 0 0 0 0 0.815686 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2404"
result="effect2_innerShadow_18_2404"
/>
<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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.14902 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_2404"
result="effect3_innerShadow_18_2404"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect4_foregroundBlur_18_2404"
/>
</filter>
<linearGradient
id="paint0_linear_18_2404"
x1={22.5633}
y1={1.1875}
x2={16.094}
y2={15.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9FF6FB" />
<stop offset={1} stopColor="#8DEBFC" />
</linearGradient>
<radialGradient
id="paint1_radial_18_2404"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.18826 19.03) rotate(-67.399) scale(5.85461 8.66592)"
>
<stop stopColor="#6DC8EA" />
<stop offset={1} stopColor="#6DC8EA" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_2404"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.5064 19.03) rotate(-42.8298) scale(25.0506 38.2305)"
>
<stop offset={0.972263} stopColor="#BEFDFD" stopOpacity={0} />
<stop offset={0.995397} stopColor="#BEFDFD" />
</radialGradient>
<radialGradient
id="paint3_radial_18_2404"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6257 25.5625) rotate(-133.519) scale(20.513 26.4269)"
>
<stop offset={0.100167} stopColor="#46A7FF" />
<stop offset={1} stopColor="#3C7AB0" />
</radialGradient>
<radialGradient
id="paint4_radial_18_2404"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.06326 15.6875) rotate(25.448) scale(20.0725 27.8904)"
>
<stop stopColor="#43CEFF" />
<stop offset={1} stopColor="#43D1FF" />
</radialGradient>
</defs>
</svg>
);
module.exports = FlyingDiscIcon;