@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
696 lines (695 loc) • 21.8 kB
JSX
const React = require("react");
const PrayerBeadsIcon = ({ 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}
<circle
cx={11.6719}
cy={20.5156}
r={2.28125}
fill="url(#paint0_radial_18_17637)"
/>
<circle
cx={11.6719}
cy={20.5156}
r={2.28125}
fill="url(#paint1_radial_18_17637)"
/>
<circle
cx={11.6719}
cy={20.5156}
r={2.28125}
fill="url(#paint2_radial_18_17637)"
/>
<circle
cx={8.48438}
cy={17.3438}
r={2.28125}
fill="url(#paint3_radial_18_17637)"
/>
<circle
cx={8.48438}
cy={17.3438}
r={2.28125}
fill="url(#paint4_radial_18_17637)"
/>
<circle
cx={8.48438}
cy={17.3438}
r={2.28125}
fill="url(#paint5_radial_18_17637)"
/>
<circle
cx={11.7188}
cy={5.54688}
r={2.28125}
fill="url(#paint6_radial_18_17637)"
/>
<circle
cx={11.7188}
cy={5.54688}
r={2.28125}
fill="url(#paint7_radial_18_17637)"
/>
<circle
cx={11.7188}
cy={5.54688}
r={2.28125}
fill="url(#paint8_radial_18_17637)"
/>
<circle
cx={19.2344}
cy={13.7812}
r={2.28125}
fill="url(#paint9_radial_18_17637)"
/>
<circle
cx={19.2344}
cy={13.7812}
r={2.28125}
fill="url(#paint10_radial_18_17637)"
/>
<circle
cx={19.2344}
cy={13.7812}
r={2.28125}
fill="url(#paint11_radial_18_17637)"
/>
<circle
cx={16}
cy={4.36719}
r={2.28125}
fill="url(#paint12_radial_18_17637)"
/>
<circle
cx={16}
cy={4.36719}
r={2.28125}
fill="url(#paint13_radial_18_17637)"
/>
<circle
cx={16}
cy={4.36719}
r={2.28125}
fill="url(#paint14_radial_18_17637)"
/>
<circle
cx={17.3984}
cy={10.0547}
r={2.28125}
fill="url(#paint15_radial_18_17637)"
/>
<circle
cx={17.3984}
cy={10.0547}
r={2.28125}
fill="url(#paint16_radial_18_17637)"
/>
<circle
cx={17.3984}
cy={10.0547}
r={2.28125}
fill="url(#paint17_radial_18_17637)"
/>
<circle
cx={20.2344}
cy={20.5106}
r={2.28125}
fill="url(#paint18_radial_18_17637)"
/>
<circle
cx={20.2344}
cy={20.5106}
r={2.28125}
fill="url(#paint19_radial_18_17637)"
/>
<circle
cx={20.2344}
cy={20.5106}
r={2.28125}
fill="url(#paint20_radial_18_17637)"
/>
<g filter="url(#filter0_i_18_17637)">
<path
d="M15.0675 22.7919L15.9826 23.3809L16.8977 22.7919L20.1282 28.2292C20.4389 28.752 20.2722 29.4273 19.7541 29.7456C19.2664 30.0451 18.6312 29.9259 18.2853 29.47L18.2387 29.4085L18.2383 29.414C18.1433 29.2682 17.8571 28.9914 17.4727 29.0508C17.1615 29.0988 16.9709 29.2663 16.882 29.3884C16.6446 29.7734 16.3742 29.9531 15.9766 29.9531C15.5733 29.9531 15.2969 29.7456 15.0642 29.3739C14.9712 29.2534 14.7836 29.097 14.4844 29.0508C14.1759 29.0031 13.9306 29.1721 13.7966 29.316L13.6799 29.47C13.334 29.9259 12.6987 30.0451 12.2111 29.7456C11.693 29.4273 11.5263 28.752 11.8369 28.2292L15.0675 22.7919Z"
fill="url(#paint21_linear_18_17637)"
/>
<path
d="M15.0675 22.7919L15.9826 23.3809L16.8977 22.7919L20.1282 28.2292C20.4389 28.752 20.2722 29.4273 19.7541 29.7456C19.2664 30.0451 18.6312 29.9259 18.2853 29.47L18.2387 29.4085L18.2383 29.414C18.1433 29.2682 17.8571 28.9914 17.4727 29.0508C17.1615 29.0988 16.9709 29.2663 16.882 29.3884C16.6446 29.7734 16.3742 29.9531 15.9766 29.9531C15.5733 29.9531 15.2969 29.7456 15.0642 29.3739C14.9712 29.2534 14.7836 29.097 14.4844 29.0508C14.1759 29.0031 13.9306 29.1721 13.7966 29.316L13.6799 29.47C13.334 29.9259 12.6987 30.0451 12.2111 29.7456C11.693 29.4273 11.5263 28.752 11.8369 28.2292L15.0675 22.7919Z"
fill="url(#paint22_linear_18_17637)"
/>
<path
d="M15.0675 22.7919L15.9826 23.3809L16.8977 22.7919L20.1282 28.2292C20.4389 28.752 20.2722 29.4273 19.7541 29.7456C19.2664 30.0451 18.6312 29.9259 18.2853 29.47L18.2387 29.4085L18.2383 29.414C18.1433 29.2682 17.8571 28.9914 17.4727 29.0508C17.1615 29.0988 16.9709 29.2663 16.882 29.3884C16.6446 29.7734 16.3742 29.9531 15.9766 29.9531C15.5733 29.9531 15.2969 29.7456 15.0642 29.3739C14.9712 29.2534 14.7836 29.097 14.4844 29.0508C14.1759 29.0031 13.9306 29.1721 13.7966 29.316L13.6799 29.47C13.334 29.9259 12.6987 30.0451 12.2111 29.7456C11.693 29.4273 11.5263 28.752 11.8369 28.2292L15.0675 22.7919Z"
fill="url(#paint23_radial_18_17637)"
/>
</g>
<circle
cx={22.5156}
cy={16.8281}
r={2.28125}
fill="url(#paint24_radial_18_17637)"
/>
<circle
cx={22.5156}
cy={16.8281}
r={2.28125}
fill="url(#paint25_radial_18_17637)"
/>
<circle
cx={8.52344}
cy={8.70312}
r={2.28125}
fill="url(#paint26_radial_18_17637)"
/>
<circle
cx={8.52344}
cy={8.70312}
r={2.28125}
fill="url(#paint27_radial_18_17637)"
/>
<circle
cx={8.52344}
cy={8.70312}
r={2.28125}
fill="url(#paint28_radial_18_17637)"
/>
<circle
cx={7.32812}
cy={13}
r={2.28125}
fill="url(#paint29_radial_18_17637)"
/>
<circle
cx={7.32812}
cy={13}
r={2.28125}
fill="url(#paint30_radial_18_17637)"
/>
<circle
cx={7.32812}
cy={13}
r={2.28125}
fill="url(#paint31_radial_18_17637)"
/>
<circle
cx={19.2344}
cy={6.24219}
r={2.28125}
fill="url(#paint32_radial_18_17637)"
/>
<circle
cx={19.2344}
cy={6.24219}
r={2.28125}
fill="url(#paint33_radial_18_17637)"
/>
<g filter="url(#filter1_f_18_17637)">
<path
d="M16.6406 23.8387L19.4219 28.62"
stroke="url(#paint34_linear_18_17637)"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<circle
cx={15.9766}
cy={21.7734}
r={2.45312}
fill="url(#paint35_radial_18_17637)"
/>
<defs>
<filter
id="filter0_i_18_17637"
x={11.6807}
y={22.5419}
width={8.60376}
height={7.41125}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.827451 0 0 0 0 0.156863 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17637"
/>
</filter>
<filter
id="filter1_f_18_17637"
x={15.5156}
y={22.7136}
width={5.03125}
height={7.03149}
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_17637"
/>
</filter>
<radialGradient
id="paint0_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8351 19.0086) rotate(131.022) scale(3.95907)"
>
<stop stopColor="#FFC69F" />
<stop offset={0.557281} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint1_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2401 22.7969) rotate(-84.7891) scale(2.29072 4.42029)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.9531 21.4011) rotate(-161.441) scale(1.30733 2.49191)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.0959 16.304) rotate(145.768) scale(4.06814)"
>
<stop stopColor="#FFC69F" />
<stop offset={0.557281} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint4_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.05262 19.625) rotate(-84.7891) scale(2.29072 4.42029)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.4426 19.1126) rotate(-140.389) scale(1.30525 2.48793)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.5231 4.51475) rotate(132.797) scale(3.82771)"
>
<stop offset={0.203958} stopColor="#FFC69F" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint7_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9098 8.18934) rotate(-111.615) scale(1.97674 3.81443)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.3147 8.29337) rotate(-71.565) scale(1.86405 3.55306)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.323 13.0264) rotate(138.734) scale(3.83801)"
>
<stop offset={0.203958} stopColor="#FFC69F" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint10_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.9087 16.4774) rotate(-87.7905) scale(2.69815 3.33059)"
>
<stop stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.4254 16.4237) rotate(-111.615) scale(1.97674 3.81443)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9961 3.50919) rotate(134.31) scale(4.07036)"
>
<stop offset={0.0606474} stopColor="#FFDAA2" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint13_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.191 7.00965) rotate(-111.615) scale(1.97674 3.81443)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3775 6.17912) rotate(-144.823) scale(1.68524 2.651)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.4871 9.29981) rotate(138.734) scale(3.83801)"
>
<stop offset={0.203958} stopColor="#FFC69F" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint16_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.5894 12.6972) rotate(-111.615) scale(1.97674 3.81443)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.4177 7.25402) rotate(107.745) scale(1.82032 2.247)"
>
<stop offset={0.280116} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.0876 19.4594) rotate(132.117) scale(3.41238)"
>
<stop stopColor="#FFC69F" />
<stop offset={0.557281} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint19_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.2344 22.7919) rotate(-90) scale(1.70282 3.28586)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint20_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.6077 18.5925) rotate(121.218) scale(1.338 2.59709)"
>
<stop offset={0.171927} stopColor="#F6A66C" />
<stop offset={1} stopColor="#F6A66C" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint21_linear_18_17637"
x1={15.9826}
y1={26.3725}
x2={15.9826}
y2={29.9531}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F13A52" />
<stop offset={0.967272} stopColor="#DD238F" />
</linearGradient>
<linearGradient
id="paint22_linear_18_17637"
x1={13.4454}
y1={25.5}
x2={14.7891}
y2={26.1562}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D9363C" />
<stop offset={1} stopColor="#D9363C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint23_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9826 23.6896) rotate(90) scale(0.970881 1.96846)"
>
<stop offset={0.464286} stopColor="#D82A30" />
<stop offset={1} stopColor="#D82A30" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint24_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.5117 15.9701) rotate(134.31) scale(4.07036)"
>
<stop offset={0.0606474} stopColor="#FFDAA2" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint25_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5156 20.1631) rotate(-79.6339) scale(2.57227 4.96359)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint26_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.54107 7.39272) rotate(137.261) scale(3.77092)"
>
<stop offset={0.0791433} stopColor="#FFC69F" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint27_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.71445 11.3456) rotate(-111.615) scale(1.97674 3.81443)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint28_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.11943 11.4496) rotate(-71.565) scale(1.86405 3.55306)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint29_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.67422 12.3858) rotate(148.98) scale(3.61501)"
>
<stop offset={0.0791433} stopColor="#FFC69F" />
<stop offset={0.557281} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint30_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.79625 14.9517) rotate(-56.1676) scale(2.34958 4.53387)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint31_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.77824 15.5759) rotate(-106.882) scale(1.71297 3.26509)"
>
<stop offset={0.171927} stopColor="#EC8C51" />
<stop offset={1} stopColor="#EC8C51" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint32_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.2304 5.38419) rotate(134.31) scale(4.07036)"
>
<stop offset={0.0606474} stopColor="#FFDAA2" />
<stop offset={0.553092} stopColor="#F9AA79" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
<radialGradient
id="paint33_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.2344 9.5772) rotate(-79.6339) scale(2.57227 4.96359)"
>
<stop stopColor="#D76C85" />
<stop offset={1} stopColor="#EA854F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint34_linear_18_17637"
x1={17.0547}
y1={24.0625}
x2={19.4219}
y2={28.9062}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF5D66" />
<stop offset={1} stopColor="#FD527D" />
</linearGradient>
<radialGradient
id="paint35_radial_18_17637"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.2388 21.1584) rotate(145.84) scale(3.51991)"
>
<stop stopColor="#FFE65C" />
<stop offset={0.557281} stopColor="#FFC145" />
<stop offset={1} stopColor="#E7894A" />
</radialGradient>
</defs>
</svg>
);
module.exports = PrayerBeadsIcon;