@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
302 lines (301 loc) • 14.2 kB
JSX
const React = require("react");
const PieIcon = ({ 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="M15.91 29.3482C21.5102 29.3482 26.05 24.8084 26.05 19.2082C26.05 13.6081 21.5102 9.06824 15.91 9.06824C10.3099 9.06824 5.77002 13.6081 5.77002 19.2082C5.77002 24.8084 10.3099 29.3482 15.91 29.3482Z"
fill="url(#paint0_radial_18_29374)"
/>
<path
d="M17.35 2.25827C19.07 1.59827 21.02 2.23827 22.03 3.77827C22.56 4.58827 23.36 5.16827 24.29 5.41827C26.07 5.89827 27.27 7.55827 27.18 9.39827C27.13 10.3583 27.44 11.3083 28.04 12.0583C29.2 13.4983 29.2 15.5383 28.04 16.9783C27.44 17.7283 27.13 18.6683 27.18 19.6383C27.27 21.4783 26.07 23.1383 24.29 23.6183C23.36 23.8683 22.56 24.4583 22.03 25.2583C21.02 26.7983 19.07 27.4383 17.35 26.7783C16.45 26.4383 15.46 26.4383 14.56 26.7783C12.84 27.4383 10.89 26.7983 9.88 25.2583C9.35 24.4483 8.55 23.8683 7.62 23.6183C5.84 23.1383 4.64 21.4783 4.73 19.6383C4.78 18.6783 4.47 17.7283 3.87 16.9783C2.71 15.5383 2.71 13.4983 3.87 12.0583C4.47 11.2983 4.78 10.3583 4.73 9.39827C4.64 7.55827 5.84 5.89827 7.62 5.41827C8.55 5.16827 9.35 4.57827 9.88 3.77827C10.89 2.23827 12.84 1.59827 14.56 2.25827C15.46 2.59827 16.45 2.59827 17.35 2.25827Z"
fill="#E78D60"
/>
<path
d="M17.35 2.25827C19.07 1.59827 21.02 2.23827 22.03 3.77827C22.56 4.58827 23.36 5.16827 24.29 5.41827C26.07 5.89827 27.27 7.55827 27.18 9.39827C27.13 10.3583 27.44 11.3083 28.04 12.0583C29.2 13.4983 29.2 15.5383 28.04 16.9783C27.44 17.7283 27.13 18.6683 27.18 19.6383C27.27 21.4783 26.07 23.1383 24.29 23.6183C23.36 23.8683 22.56 24.4583 22.03 25.2583C21.02 26.7983 19.07 27.4383 17.35 26.7783C16.45 26.4383 15.46 26.4383 14.56 26.7783C12.84 27.4383 10.89 26.7983 9.88 25.2583C9.35 24.4483 8.55 23.8683 7.62 23.6183C5.84 23.1383 4.64 21.4783 4.73 19.6383C4.78 18.6783 4.47 17.7283 3.87 16.9783C2.71 15.5383 2.71 13.4983 3.87 12.0583C4.47 11.2983 4.78 10.3583 4.73 9.39827C4.64 7.55827 5.84 5.89827 7.62 5.41827C8.55 5.16827 9.35 4.57827 9.88 3.77827C10.89 2.23827 12.84 1.59827 14.56 2.25827C15.46 2.59827 16.45 2.59827 17.35 2.25827Z"
fill="url(#paint1_radial_18_29374)"
/>
<path
d="M17.35 2.25827C19.07 1.59827 21.02 2.23827 22.03 3.77827C22.56 4.58827 23.36 5.16827 24.29 5.41827C26.07 5.89827 27.27 7.55827 27.18 9.39827C27.13 10.3583 27.44 11.3083 28.04 12.0583C29.2 13.4983 29.2 15.5383 28.04 16.9783C27.44 17.7283 27.13 18.6683 27.18 19.6383C27.27 21.4783 26.07 23.1383 24.29 23.6183C23.36 23.8683 22.56 24.4583 22.03 25.2583C21.02 26.7983 19.07 27.4383 17.35 26.7783C16.45 26.4383 15.46 26.4383 14.56 26.7783C12.84 27.4383 10.89 26.7983 9.88 25.2583C9.35 24.4483 8.55 23.8683 7.62 23.6183C5.84 23.1383 4.64 21.4783 4.73 19.6383C4.78 18.6783 4.47 17.7283 3.87 16.9783C2.71 15.5383 2.71 13.4983 3.87 12.0583C4.47 11.2983 4.78 10.3583 4.73 9.39827C4.64 7.55827 5.84 5.89827 7.62 5.41827C8.55 5.16827 9.35 4.57827 9.88 3.77827C10.89 2.23827 12.84 1.59827 14.56 2.25827C15.46 2.59827 16.45 2.59827 17.35 2.25827Z"
fill="url(#paint2_radial_18_29374)"
/>
<g filter="url(#filter0_f_18_29374)">
<path
d="M17.309 2.48439C19.4025 1.69328 20.7527 2.75834 21.7004 4.20382C22.1978 4.9641 22.9484 5.69962 23.8211 5.93427C25.4913 6.38481 26.6174 7.94292 26.5329 9.66997C26.486 10.571 26.7769 11.4627 27.3399 12.1667C28.4284 13.5183 28.4284 15.4331 27.3399 16.7847C26.7769 17.4887 26.486 18.371 26.5329 19.2814C26.6174 21.0085 25.4913 22.5666 23.8211 23.0171C22.9484 23.2518 22.1978 23.8056 21.7004 24.5565C20.7527 26.0019 18.9229 26.6027 17.309 25.9832C16.4645 25.664 15.5355 25.664 14.691 25.9832C13.0771 26.6027 11.1977 26.508 10.25 25.0625C9.75268 24.3022 8.81016 23.6097 7.9375 23.375C6.26725 22.9245 5.10304 21.8208 5.1875 20.0938C5.23441 19.1927 4.75051 17.4852 4.1875 16.7812C3.09902 15.4296 3.09902 13.8204 4.1875 12.4688C4.7505 11.7554 5.23441 10.571 5.1875 9.66997C5.08826 7.76401 5.84537 6.2943 7.51562 5.84376C8.38828 5.60911 9.3933 5.14583 9.89062 4.39494C11.2231 2.383 13.0771 1.8649 14.691 2.48439C15.5355 2.80352 16.4645 2.80352 17.309 2.48439Z"
fill="url(#paint3_linear_18_29374)"
/>
<path
d="M17.309 2.48439C19.4025 1.69328 20.7527 2.75834 21.7004 4.20382C22.1978 4.9641 22.9484 5.69962 23.8211 5.93427C25.4913 6.38481 26.6174 7.94292 26.5329 9.66997C26.486 10.571 26.7769 11.4627 27.3399 12.1667C28.4284 13.5183 28.4284 15.4331 27.3399 16.7847C26.7769 17.4887 26.486 18.371 26.5329 19.2814C26.6174 21.0085 25.4913 22.5666 23.8211 23.0171C22.9484 23.2518 22.1978 23.8056 21.7004 24.5565C20.7527 26.0019 18.9229 26.6027 17.309 25.9832C16.4645 25.664 15.5355 25.664 14.691 25.9832C13.0771 26.6027 11.1977 26.508 10.25 25.0625C9.75268 24.3022 8.81016 23.6097 7.9375 23.375C6.26725 22.9245 5.10304 21.8208 5.1875 20.0938C5.23441 19.1927 4.75051 17.4852 4.1875 16.7812C3.09902 15.4296 3.09902 13.8204 4.1875 12.4688C4.7505 11.7554 5.23441 10.571 5.1875 9.66997C5.08826 7.76401 5.84537 6.2943 7.51562 5.84376C8.38828 5.60911 9.3933 5.14583 9.89062 4.39494C11.2231 2.383 13.0771 1.8649 14.691 2.48439C15.5355 2.80352 16.4645 2.80352 17.309 2.48439Z"
fill="url(#paint4_radial_18_29374)"
/>
</g>
<path
d="M15.91 25.3483C21.9851 25.3483 26.91 20.4234 26.91 14.3483C26.91 8.27313 21.9851 3.34827 15.91 3.34827C9.83484 3.34827 4.90997 8.27313 4.90997 14.3483C4.90997 20.4234 9.83484 25.3483 15.91 25.3483Z"
fill="#FFB663"
/>
<path
d="M15.91 25.3483C21.9851 25.3483 26.91 20.4234 26.91 14.3483C26.91 8.27313 21.9851 3.34827 15.91 3.34827C9.83484 3.34827 4.90997 8.27313 4.90997 14.3483C4.90997 20.4234 9.83484 25.3483 15.91 25.3483Z"
fill="url(#paint5_radial_18_29374)"
/>
<path
d="M15.91 25.3483C21.9851 25.3483 26.91 20.4234 26.91 14.3483C26.91 8.27313 21.9851 3.34827 15.91 3.34827C9.83484 3.34827 4.90997 8.27313 4.90997 14.3483C4.90997 20.4234 9.83484 25.3483 15.91 25.3483Z"
fill="url(#paint6_radial_18_29374)"
/>
<path
d="M15.91 25.3483C21.9851 25.3483 26.91 20.4234 26.91 14.3483C26.91 8.27313 21.9851 3.34827 15.91 3.34827C9.83484 3.34827 4.90997 8.27313 4.90997 14.3483C4.90997 20.4234 9.83484 25.3483 15.91 25.3483Z"
fill="url(#paint7_radial_18_29374)"
/>
<path
d="M15.91 25.3483C21.9851 25.3483 26.91 20.4234 26.91 14.3483C26.91 8.27313 21.9851 3.34827 15.91 3.34827C9.83484 3.34827 4.90997 8.27313 4.90997 14.3483C4.90997 20.4234 9.83484 25.3483 15.91 25.3483Z"
fill="url(#paint8_radial_18_29374)"
/>
<path
d="M14.3 11.7083L10.52 8.97827"
stroke="url(#paint9_linear_18_29374)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.52 11.7083L21.3 8.97827"
stroke="url(#paint10_linear_18_29374)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21.3 17.7083L17.52 14.9783"
stroke="url(#paint11_linear_18_29374)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M14.3 14.9783L10.52 17.7083"
stroke="url(#paint12_linear_18_29374)"
strokeMiterlimit={10}
strokeLinecap="round"
strokeLinejoin="round"
/>
<g filter="url(#filter1_f_18_29374)">
<path
d="M27.7188 12.375C28.125 12.9375 29.1217 14.5562 27.5 16.8125C25.947 18.9731 27.0731 20.1006 26.25 21.375C25.4269 22.6494 23.6562 22.8125 22.625 23.625C21.5938 24.4375 21.25 25.5938 20.2188 26.1875"
stroke="url(#paint13_radial_18_29374)"
strokeWidth={0.5}
/>
</g>
<defs>
<filter
id="filter0_f_18_29374"
x={2.87114}
y={1.71503}
width={25.7851}
height={25.1302}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_29374"
/>
</filter>
<filter
id="filter1_f_18_29374"
x={19.594}
y={11.7286}
width={9.5515}
height={15.1755}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_29374"
/>
</filter>
<radialGradient
id="paint0_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.91 19.2082) rotate(90) scale(10.14)"
>
<stop offset={0.768418} stopColor="#8962A9" />
<stop offset={1} stopColor="#694B82" />
</radialGradient>
<radialGradient
id="paint1_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1875 2.3125) rotate(38.2193) scale(19.7289 5.35389)"
>
<stop offset={0.592782} stopColor="#FFD690" />
<stop offset={1} stopColor="#FFD690" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.875 3.3125) rotate(136.529) scale(21.5302 9.33843)"
>
<stop offset={0.300483} stopColor="#C19F65" />
<stop offset={0.711635} stopColor="#BA8E50" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_29374"
x1={16}
y1={26.2255}
x2={16}
y2={2.72578}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#F79D62" />
<stop offset={0.198429} stopColor="#F59E60" />
<stop offset={0.496304} stopColor="#F7A15E" />
<stop offset={0.795299} stopColor="#F5BA73" />
<stop offset={1} stopColor="#F7CC80" />
</linearGradient>
<radialGradient
id="paint4_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.9375 20.8125) rotate(-32.9368) scale(22.4153 23.2004)"
>
<stop stopColor="#CF8255" />
<stop offset={1} stopColor="#DCA15D" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.375 11.3125) rotate(124.37) scale(14.6139)"
>
<stop stopColor="#FFE198" />
<stop offset={0.893567} stopColor="#FFE19A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.3125 15.75) rotate(24.1164) scale(42.5241 52.214)"
>
<stop offset={0.141775} stopColor="#F9C377" stopOpacity={0} />
<stop offset={0.205962} stopColor="#F0BF72" />
<stop offset={0.339906} stopColor="#AC834B" />
</radialGradient>
<radialGradient
id="paint7_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.3125 25.8125) rotate(-52.9207) scale(20.5251)"
>
<stop offset={0.05836} stopColor="#EB8775" />
<stop offset={0.353627} stopColor="#FA9473" />
<stop offset={1} stopColor="#F28D6F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5 10.625) rotate(110.556) scale(9.612)"
>
<stop stopColor="#FFE195" />
<stop offset={1} stopColor="#FFCC80" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_29374"
x1={10.52}
y1={8.97827}
x2={14.3}
y2={11.7083}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B8702F" />
<stop offset={1} stopColor="#E28F4C" />
</linearGradient>
<linearGradient
id="paint10_linear_18_29374"
x1={17.52}
y1={12.0625}
x2={21.75}
y2={8.97827}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F0994F" />
<stop offset={1} stopColor="#F0933A" />
</linearGradient>
<linearGradient
id="paint11_linear_18_29374"
x1={17.52}
y1={14.9783}
x2={21.3}
y2={17.7083}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F19655" />
<stop offset={1} stopColor="#EC8840" />
</linearGradient>
<linearGradient
id="paint12_linear_18_29374"
x1={10.52}
y1={17.7083}
x2={14.3}
y2={14.9783}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C46A38" />
<stop offset={1} stopColor="#E38B50" />
</linearGradient>
<radialGradient
id="paint13_radial_18_29374"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5 16.9375) rotate(110.583) scale(15.2885 7.45531)"
>
<stop offset={0.17556} stopColor="#FFBE82" />
<stop offset={0.429149} stopColor="#FFBE82" stopOpacity={0.42} />
<stop offset={0.737771} stopColor="#FCA56C" />
<stop offset={1} stopColor="#F1996A" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = PieIcon;