@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
215 lines (214 loc) • 8.8 kB
JSX
const React = require("react");
const RiceBallIcon = ({ 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="M10.7051 6.0525L3.91508 17.8125C1.31508 22.3225 4.56508 27.9525 9.76508 27.9525H22.2151C27.4151 27.9525 30.6751 22.3225 28.0651 17.8125L21.2751 6.0525C18.9251 1.9825 13.0551 1.9825 10.7051 6.0525Z"
fill="#D5CEDE"
/>
<path
d="M10.7051 6.0525L3.91508 17.8125C1.31508 22.3225 4.56508 27.9525 9.76508 27.9525H22.2151C27.4151 27.9525 30.6751 22.3225 28.0651 17.8125L21.2751 6.0525C18.9251 1.9825 13.0551 1.9825 10.7051 6.0525Z"
fill="url(#paint0_linear_18_28941)"
/>
<path
d="M10.7051 6.0525L3.91508 17.8125C1.31508 22.3225 4.56508 27.9525 9.76508 27.9525H22.2151C27.4151 27.9525 30.6751 22.3225 28.0651 17.8125L21.2751 6.0525C18.9251 1.9825 13.0551 1.9825 10.7051 6.0525Z"
fill="url(#paint1_linear_18_28941)"
/>
<path
d="M10.7051 6.0525L3.91508 17.8125C1.31508 22.3225 4.56508 27.9525 9.76508 27.9525H22.2151C27.4151 27.9525 30.6751 22.3225 28.0651 17.8125L21.2751 6.0525C18.9251 1.9825 13.0551 1.9825 10.7051 6.0525Z"
fill="url(#paint2_linear_18_28941)"
/>
<g filter="url(#filter0_f_18_28941)">
<path
d="M11.586 7.62497L6.06254 17.6875C4.18031 20.9525 7.14102 24.75 10.9055 24.75H19.9184C23.6829 24.75 25.452 19.8768 23.5625 16.6119L18.647 7.62497C16.9457 4.67856 13.2872 4.67856 11.586 7.62497Z"
fill="#D5CEDF"
/>
</g>
<g filter="url(#filter1_f_18_28941)">
<path
d="M8.65625 27.3125C8.90625 26.9125 9.66668 24.3854 9.96877 23.25L10.4375 27.7812C9.73958 27.7917 8.40625 27.7125 8.65625 27.3125Z"
fill="#846AA7"
/>
</g>
<path
d="M21.6251 17.6925H10.3451C9.91507 17.6925 9.57507 18.0325 9.57507 18.4625V27.0725C9.57507 28.6925 10.8851 30.0025 12.5051 30.0025H19.4651C21.0851 30.0025 22.3951 28.6925 22.3951 27.0725V18.4625C22.3951 18.0425 22.0551 17.6925 21.6251 17.6925Z"
fill="url(#paint3_linear_18_28941)"
/>
<g filter="url(#filter2_f_18_28941)">
<path
d="M21.4424 17.8918H10.5277C10.1116 17.8918 9.78265 18.2208 9.78265 18.6369V26.9681C9.78265 28.5356 11.0502 29.8032 12.6178 29.8032H19.3524C20.9199 29.8032 22.1875 28.5356 22.1875 26.9681V18.6369C22.1875 18.2305 21.8585 17.8918 21.4424 17.8918Z"
fill="url(#paint4_linear_18_28941)"
/>
</g>
<path
d="M12.0551 14.8924L12.8651 16.7024C13.0451 17.1024 13.5151 17.2824 13.9151 17.1024C14.3151 16.9224 14.4951 16.4524 14.3151 16.0524L13.5051 14.2424C13.3251 13.8424 12.8551 13.6624 12.4551 13.8424C12.0551 14.0224 11.8751 14.4924 12.0551 14.8924Z"
fill="#BEB8C6"
/>
<path
d="M7.92504 15.6125L6.16504 16.5325C5.77504 16.7325 5.62504 17.2125 5.82504 17.6025C6.02504 17.9925 6.50504 18.1425 6.89504 17.9425L8.65504 17.0225C9.04504 16.8225 9.19504 16.3425 8.99504 15.9525C8.78504 15.5625 8.30504 15.4125 7.92504 15.6125Z"
fill="#ACA8B2"
/>
<path
d="M26.465 18.6725L24.8651 17.4925C24.5151 17.2325 24.0151 17.3025 23.7551 17.6625C23.4951 18.0125 23.5651 18.5125 23.9251 18.7725L25.5251 19.9525C25.8751 20.2125 26.375 20.1425 26.635 19.7825C26.885 19.4325 26.815 18.9325 26.465 18.6725Z"
fill="#D0CCD6"
/>
<path
d="M23.0451 12.5825L22.1251 10.8225C21.9251 10.4325 21.4451 10.2825 21.0551 10.4825C20.6651 10.6825 20.5151 11.1625 20.7151 11.5525L21.6351 13.3125C21.8351 13.7025 22.3151 13.8525 22.7051 13.6525C23.0951 13.4525 23.2451 12.9725 23.0451 12.5825Z"
fill="#D4D1D9"
/>
<path
d="M11.7551 8.72254L10.5751 10.3225C10.3151 10.6625 10.3851 11.1625 10.7351 11.4225C11.0951 11.6825 11.5851 11.6125 11.8451 11.2625L13.0251 9.66254C13.2851 9.31254 13.2151 8.81254 12.8551 8.55254C12.5151 8.29254 12.0151 8.36254 11.7551 8.72254Z"
fill="#B1ACB6"
/>
<path
d="M15.0851 6.4225L16.6851 7.6025C17.0351 7.8625 17.5351 7.7925 17.7951 7.4325C18.0551 7.0825 17.9851 6.5825 17.6251 6.3225L16.0251 5.1425C15.6751 4.8825 15.1751 4.9525 14.9151 5.3125C14.6551 5.6625 14.7251 6.1625 15.0851 6.4225Z"
fill="#C5C1C9"
/>
<path
d="M18.2451 16.8925L20.2251 16.7525C20.6651 16.7225 20.9951 16.3425 20.9551 15.9025C20.9251 15.4625 20.5451 15.1325 20.1051 15.1725L18.1251 15.3125C17.6851 15.3425 17.3551 15.7225 17.3951 16.1625C17.4251 16.5925 17.8051 16.9225 18.2451 16.8925Z"
fill="#BFB9C7"
/>
<path
d="M24.635 24.6425L26.095 23.2925C26.415 22.9925 26.435 22.4925 26.135 22.1725C25.835 21.8525 25.335 21.8325 25.015 22.1325L23.555 23.4825C23.235 23.7825 23.215 24.2825 23.515 24.6025C23.805 24.9225 24.315 24.9425 24.635 24.6425Z"
fill="#BFB7CA"
/>
<path
d="M8.48504 22.8225L7.48504 21.1025C7.26504 20.7225 6.78504 20.5925 6.40504 20.8125C6.02504 21.0325 5.89504 21.5125 6.11504 21.8925L7.10504 23.6125C7.32504 23.9925 7.80504 24.1225 8.18504 23.9025C8.56504 23.6825 8.69504 23.2025 8.48504 22.8225Z"
fill="#B2ABBD"
/>
<path
d="M17.6951 11.3925L15.8751 10.6125C15.4751 10.4425 15.0051 10.6225 14.8351 11.0325C14.6651 11.4325 14.8451 11.9025 15.2551 12.0725L17.0751 12.8525C17.4751 13.0225 17.9451 12.8425 18.1151 12.4325C18.2851 12.0325 18.0951 11.5725 17.6951 11.3925Z"
fill="#BEB9C6"
/>
<defs>
<filter
id="filter0_f_18_28941"
x={3.47992}
y={3.41516}
width={22.8459}
height={23.3348}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_28941"
/>
</filter>
<filter
id="filter1_f_18_28941"
x={7.87543}
y={22.5}
width={3.31207}
height={6.0321}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_28941"
/>
</filter>
<filter
id="filter2_f_18_28941"
x={9.68265}
y={17.7918}
width={12.6048}
height={12.1114}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.05}
result="effect1_foregroundBlur_18_28941"
/>
</filter>
<linearGradient
id="paint0_linear_18_28941"
x1={6.375}
y1={12.9375}
x2={11.125}
y2={15.4763}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8C8B8B" />
<stop offset={1} stopColor="#929090" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_28941"
x1={25.125}
y1={11.75}
x2={20.1875}
y2={14.625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.202226} stopColor="#FAF8FB" />
<stop offset={1} stopColor="#F8F7F8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_28941"
x1={8.5}
y1={29.9375}
x2={8.5}
y2={23.3125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.273585} stopColor="#8469A9" />
<stop offset={1} stopColor="#866BA9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_28941"
x1={21.7287}
y1={17.476}
x2={10.2479}
y2={28.9568}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.242369} stopColor="#7A77BE" />
<stop offset={0.60983} stopColor="#523E72" />
<stop offset={1} stopColor="#483054" />
</linearGradient>
<linearGradient
id="paint4_linear_18_28941"
x1={21.5427}
y1={17.6824}
x2={10.4337}
y2={28.7914}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5E669C" />
<stop offset={1} stopColor="#513468" />
</linearGradient>
</defs>
</svg>
);
module.exports = RiceBallIcon;