@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
372 lines (371 loc) • 15.2 kB
JSX
const React = require("react");
const PalmUpHandIcon = ({ 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_20020_6662)">
<path
d="M15.5006 15.0392C14.4034 15.4319 13.89 16.6629 14.2813 17.8047L16.25 22.6406L19.8765 21.3248L18.1941 16.4022C17.8054 15.2568 16.5983 14.6496 15.5006 15.0392Z"
fill="url(#paint0_radial_20020_6662)"
/>
<path
d="M15.5006 15.0392C14.4034 15.4319 13.89 16.6629 14.2813 17.8047L16.25 22.6406L19.8765 21.3248L18.1941 16.4022C17.8054 15.2568 16.5983 14.6496 15.5006 15.0392Z"
fill="url(#paint1_radial_20020_6662)"
/>
</g>
<g filter="url(#filter1_i_20020_6662)">
<path
d="M19.4305 13.1035C18.295 13.2185 17.4685 14.2298 17.5805 15.3652L18.071 20.2551L22.1797 19.8433L21.6922 14.9504C21.5772 13.815 20.5659 12.9884 19.4305 13.1035Z"
fill="url(#paint2_radial_20020_6662)"
/>
<path
d="M19.4305 13.1035C18.295 13.2185 17.4685 14.2298 17.5805 15.3652L18.071 20.2551L22.1797 19.8433L21.6922 14.9504C21.5772 13.815 20.5659 12.9884 19.4305 13.1035Z"
fill="url(#paint3_radial_20020_6662)"
/>
<path
d="M19.4305 13.1035C18.295 13.2185 17.4685 14.2298 17.5805 15.3652L18.071 20.2551L22.1797 19.8433L21.6922 14.9504C21.5772 13.815 20.5659 12.9884 19.4305 13.1035Z"
fill="url(#paint4_linear_20020_6662)"
/>
</g>
<g filter="url(#filter2_i_20020_6662)">
<path
d="M24.0906 12.2172C22.9788 12.0099 21.9091 12.7461 21.7017 13.8579L21.0822 17.9555C21.0063 18.4575 20.7423 18.9119 20.3437 19.2265L20.1254 19.3988H24.8418L25.7312 14.6061C25.9356 13.4913 25.2024 12.4215 24.0906 12.2172Z"
fill="url(#paint5_radial_20020_6662)"
/>
<path
d="M24.0906 12.2172C22.9788 12.0099 21.9091 12.7461 21.7017 13.8579L21.0822 17.9555C21.0063 18.4575 20.7423 18.9119 20.3437 19.2265L20.1254 19.3988H24.8418L25.7312 14.6061C25.9356 13.4913 25.2024 12.4215 24.0906 12.2172Z"
fill="url(#paint6_radial_20020_6662)"
/>
</g>
<g filter="url(#filter3_ii_20020_6662)">
<path
d="M12.625 16.1266C12.625 17.8282 14.2969 19.0078 16.1094 19.0078H19.7656C20.5664 19.0078 20.9401 18.8703 21.4219 18.3867L25.4516 14.9318C26.5143 13.9461 28.0543 13.5779 29.2242 14.682C30.4674 15.8554 30.0366 17.4425 28.9129 18.4538L23.0461 23.555C21.6395 24.8695 20.7866 25.369 19.0368 25.369L10.3214 25.3979C5.49579 25.4268 2.04688 22.9375 2.04688 18.5468C2.04688 16.4218 3.64062 14.1796 5.04688 12.7656L7.10938 10.7656C8.60156 9.36714 9.77344 8.72652 11.2031 8.35152C12.6328 7.97652 14.5078 8.21089 14.5078 8.21089C15.0986 8.21089 15.563 8.13309 16.0703 7.82808C16.9757 7.28227 18.2675 7.28312 19.0156 8.0312C19.6562 8.58589 20.0156 9.5312 19.7344 10.5078C19.4874 11.1228 19.2244 11.4112 18.6953 11.8359C17.6178 12.7023 16.0352 13.0525 14.729 13.1562C13.2812 13.4062 12.625 14.441 12.625 16.1266Z"
fill="url(#paint7_radial_20020_6662)"
/>
</g>
<path
d="M12.625 16.1266C12.625 17.8282 14.2969 19.0078 16.1094 19.0078H19.7656C20.5664 19.0078 20.9401 18.8703 21.4219 18.3867L25.4516 14.9318C26.5143 13.9461 28.0543 13.5779 29.2242 14.682C30.4674 15.8554 30.0366 17.4425 28.9129 18.4538L23.0461 23.555C21.6395 24.8695 20.7866 25.369 19.0368 25.369L10.3214 25.3979C5.49579 25.4268 2.04688 22.9375 2.04688 18.5468C2.04688 16.4218 3.64062 14.1796 5.04688 12.7656L7.10938 10.7656C8.60156 9.36714 9.77344 8.72652 11.2031 8.35152C12.6328 7.97652 14.5078 8.21089 14.5078 8.21089C15.0986 8.21089 15.563 8.13309 16.0703 7.82808C16.9757 7.28227 18.2675 7.28312 19.0156 8.0312C19.6562 8.58589 20.0156 9.5312 19.7344 10.5078C19.4874 11.1228 19.2244 11.4112 18.6953 11.8359C17.6178 12.7023 16.0352 13.0525 14.729 13.1562C13.2812 13.4062 12.625 14.441 12.625 16.1266Z"
fill="url(#paint8_radial_20020_6662)"
/>
<path
d="M12.625 16.1266C12.625 17.8282 14.2969 19.0078 16.1094 19.0078H19.7656C20.5664 19.0078 20.9401 18.8703 21.4219 18.3867L25.4516 14.9318C26.5143 13.9461 28.0543 13.5779 29.2242 14.682C30.4674 15.8554 30.0366 17.4425 28.9129 18.4538L23.0461 23.555C21.6395 24.8695 20.7866 25.369 19.0368 25.369L10.3214 25.3979C5.49579 25.4268 2.04688 22.9375 2.04688 18.5468C2.04688 16.4218 3.64062 14.1796 5.04688 12.7656L7.10938 10.7656C8.60156 9.36714 9.77344 8.72652 11.2031 8.35152C12.6328 7.97652 14.5078 8.21089 14.5078 8.21089C15.0986 8.21089 15.563 8.13309 16.0703 7.82808C16.9757 7.28227 18.2675 7.28312 19.0156 8.0312C19.6562 8.58589 20.0156 9.5312 19.7344 10.5078C19.4874 11.1228 19.2244 11.4112 18.6953 11.8359C17.6178 12.7023 16.0352 13.0525 14.729 13.1562C13.2812 13.4062 12.625 14.441 12.625 16.1266Z"
fill="url(#paint9_linear_20020_6662)"
/>
<g filter="url(#filter4_f_20020_6662)">
<path
d="M21.0399 22.7057L27.7803 16.7647C28.0984 16.4843 28.1057 15.9908 27.796 15.7011C27.5267 15.4492 27.1105 15.4421 26.8328 15.6846L21.9785 19.923C21.5668 20.2824 21.0259 20.4577 20.4817 20.4081L14.2101 19.8368C12.1501 19.6492 10.573 17.9219 10.573 15.8533V15.6668C10.573 14.7194 10.9093 13.8027 11.522 13.08L11.7095 12.8589C12.2039 12.2758 12.9023 11.9034 13.6621 11.8179L15.5685 11.6032C16.2192 11.53 16.8281 11.2458 17.3022 10.7942L18.2528 9.88857C18.4788 9.67326 18.4807 9.31326 18.2569 9.09563C18.0607 8.90485 17.7542 8.88721 17.5374 9.05422L17.2601 9.26786C16.6925 9.70514 15.9816 9.91371 15.2677 9.85238L12.9708 9.65506C11.7849 9.55317 10.6152 9.98472 9.77968 10.8324L5.9907 14.6764C5.02996 15.6511 4.63424 17.0494 4.94169 18.383L5.21806 19.5817C5.72878 21.7971 7.66974 23.389 9.94218 23.4563L18.2765 23.7032C19.2908 23.7333 20.2786 23.3767 21.0399 22.7057Z"
fill="url(#paint10_radial_20020_6662)"
/>
</g>
<defs>
<filter
id="filter0_i_20020_6662"
x={14.1509}
y={14.9213}
width={5.72552}
height={7.7193}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.623529 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_6662"
/>
</filter>
<filter
id="filter1_i_20020_6662"
x={17.5703}
y={13.0928}
width={4.60938}
height={7.16235}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.623529 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_6662"
/>
</filter>
<filter
id="filter2_i_20020_6662"
x={20.1254}
y={12.1823}
width={5.64001}
height={7.21655}
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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.623529 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_6662"
/>
</filter>
<filter
id="filter3_ii_20020_6662"
x={2.04688}
y={6.19141}
width={29.1807}
height={19.2067}
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.25} dy={-1.25} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.984314 0 0 0 0 0.623529 0 0 0 0 0.286275 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_6662"
/>
<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 />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.541176 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_20020_6662"
result="effect2_innerShadow_20020_6662"
/>
</filter>
<filter
id="filter4_f_20020_6662"
x={2.83936}
y={6.93982}
width={27.1843}
height={18.7651}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_20020_6662"
/>
</filter>
<radialGradient
id="paint0_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1875 16.3125) rotate(69.0343) scale(3.58082 2.34566)"
>
<stop stopColor="#EDB249" />
<stop offset={1} stopColor="#D7911D" />
</radialGradient>
<radialGradient
id="paint1_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5938 17.6875) rotate(-142.242) scale(4.03173 2.5908)"
>
<stop offset={0.310388} stopColor="#D18802" />
<stop offset={1} stopColor="#D18802" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.625 13.75) rotate(81.5642) scale(7.45566 2.10591)"
>
<stop stopColor="#FEC953" />
<stop offset={1} stopColor="#F3AE18" />
</radialGradient>
<radialGradient
id="paint3_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1797 16.9375) rotate(-102.434) scale(4.60808 1.56665)"
>
<stop offset={0.243679} stopColor="#D08B04" />
<stop offset={1} stopColor="#D08B04" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_20020_6662"
x1={17.5703}
y1={17.7812}
x2={19.1875}
y2={17.7187}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E89F2C" />
<stop offset={1} stopColor="#E89F2C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1431 12.798) rotate(101.967) scale(7.33679 1.03879)"
>
<stop stopColor="#FFD055" />
<stop offset={1} stopColor="#FDB626" />
</radialGradient>
<radialGradient
id="paint6_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.3382 12.642) rotate(100.235) scale(2.85393 2.98344)"
>
<stop stopColor="#FFDA4B" />
<stop offset={1} stopColor="#FFDA4B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.3929 13.3035) rotate(149.268) scale(21.5432 31.4978)"
>
<stop stopColor="#FCC92A" />
<stop offset={1} stopColor="#FFB254" />
</radialGradient>
<radialGradient
id="paint8_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.47989 22.7418) rotate(-37.9131) scale(5.33341 12.6508)"
>
<stop stopColor="#CE8961" />
<stop offset={1} stopColor="#ED9F33" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_20020_6662"
x1={14.4792}
y1={25.3982}
x2={14.4792}
y2={24.3252}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F27BBC" />
<stop offset={1} stopColor="#F98577" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_20020_6662"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.32953 18.8578) rotate(-17.2658) scale(12.541 9.77596)"
>
<stop stopColor="#FFDF56" stopOpacity={0} />
<stop offset={0.790294} stopColor="#FFDF56" />
</radialGradient>
</defs>
</svg>
);
module.exports = PalmUpHandIcon;