@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
405 lines (404 loc) • 13.5 kB
JSX
const React = require("react");
const CallMeHandIcon = ({ 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_2615)">
<path
d="M17.9797 10.4196C21.1972 12.2461 23.3789 15.7662 23.3789 19.6931C23.3789 21.2964 23.0153 22.805 22.3659 24.1463H26.5352C28.1359 24.1463 29.4336 25.4439 29.4336 27.0447C29.4336 28.6455 28.1359 29.9431 26.5352 29.9431H17.082L17.0704 29.9431H14.0664C13.8434 29.9431 13.63 29.9403 13.4261 29.9349C13.286 29.9404 13.1453 29.9431 13.0039 29.9431C6.06641 29.9431 2.56641 25.3919 2.56641 19.6619C2.56641 15.3775 5.19836 11.5948 8.92172 9.95888C8.93323 9.9525 8.94501 9.94597 8.95703 9.93924C10.3945 9.33377 13.2198 7.13495 15.6289 3.43535C16.8321 1.88846 18.653 1.67148 19.9246 2.64383C21.1962 3.61617 21.3086 5.42752 20.5117 6.71659C19.9659 7.59957 18.5826 9.56743 17.9797 10.4196Z"
fill="url(#paint0_linear_20020_2615)"
/>
<path
d="M17.9797 10.4196C21.1972 12.2461 23.3789 15.7662 23.3789 19.6931C23.3789 21.2964 23.0153 22.805 22.3659 24.1463H26.5352C28.1359 24.1463 29.4336 25.4439 29.4336 27.0447C29.4336 28.6455 28.1359 29.9431 26.5352 29.9431H17.082L17.0704 29.9431H14.0664C13.8434 29.9431 13.63 29.9403 13.4261 29.9349C13.286 29.9404 13.1453 29.9431 13.0039 29.9431C6.06641 29.9431 2.56641 25.3919 2.56641 19.6619C2.56641 15.3775 5.19836 11.5948 8.92172 9.95888C8.93323 9.9525 8.94501 9.94597 8.95703 9.93924C10.3945 9.33377 13.2198 7.13495 15.6289 3.43535C16.8321 1.88846 18.653 1.67148 19.9246 2.64383C21.1962 3.61617 21.3086 5.42752 20.5117 6.71659C19.9659 7.59957 18.5826 9.56743 17.9797 10.4196Z"
fill="url(#paint1_radial_20020_2615)"
/>
</g>
<g filter="url(#filter1_f_20020_2615)">
<path
d="M14.6602 14.7153C14.6602 13.276 15.7293 12.1093 17.0481 12.1093H20.5222C21.841 12.1093 22.9102 13.276 22.9102 14.7153C22.9102 15.6567 22.4528 16.4815 21.7674 16.9395C22.4504 17.3691 22.9102 18.174 22.9102 19.0961C22.9102 20.0297 22.4388 20.8432 21.7416 21.2686C22.4409 21.718 22.9102 22.5481 22.9102 23.4978C22.9102 24.2474 22.7655 25.3724 21.5719 25.6487L17.0289 26.0829C15.7207 26.0829 14.6602 24.9255 14.6602 23.4978C14.6602 22.5481 15.1294 21.718 15.8287 21.2686C15.1315 20.8432 14.6602 20.0297 14.6602 19.0961C14.6602 18.174 15.1199 17.3691 15.8029 16.9395C15.1175 16.4815 14.6602 15.6567 14.6602 14.7153Z"
fill="url(#paint2_radial_20020_2615)"
/>
</g>
<rect
x={14.1836}
y={24.1462}
width={15.25}
height={5.79688}
rx={2.89844}
fill="url(#paint3_radial_20020_2615)"
/>
<rect
x={14.1836}
y={24.1462}
width={15.25}
height={5.79688}
rx={2.89844}
fill="url(#paint4_radial_20020_2615)"
/>
<rect
x={15.4987}
y={9.56812}
width={10.0884}
height={5.82812}
rx={2.91406}
fill="url(#paint5_radial_20020_2615)"
/>
<rect
x={15.4987}
y={9.56812}
width={10.0884}
height={5.82812}
rx={2.91406}
fill="url(#paint6_linear_20020_2615)"
/>
<rect
x={15.4987}
y={19.4119}
width={10.0884}
height={5.78125}
rx={2.89062}
fill="url(#paint7_radial_20020_2615)"
/>
<rect
x={15.4987}
y={19.4119}
width={10.0884}
height={5.78125}
rx={2.89062}
fill="url(#paint8_linear_20020_2615)"
/>
<rect
x={15.4987}
y={19.4119}
width={10.0884}
height={5.78125}
rx={2.89062}
fill="url(#paint9_radial_20020_2615)"
/>
<g filter="url(#filter2_f_20020_2615)">
<rect
x={17.1815}
y={14.4509}
width={6.81457}
height={0.6875}
rx={0.34375}
fill="#C26B04"
/>
</g>
<g filter="url(#filter3_f_20020_2615)">
<rect
x={17.1815}
y={19.622}
width={6.81457}
height={0.6875}
rx={0.34375}
fill="#C26B04"
/>
</g>
<rect
x={15.4987}
y={14.5994}
width={10.0884}
height={5.5625}
rx={2.78125}
fill="url(#paint10_radial_20020_2615)"
/>
<rect
x={15.4987}
y={14.5994}
width={10.0884}
height={5.5625}
rx={2.78125}
fill="url(#paint11_linear_20020_2615)"
/>
<rect
x={15.4987}
y={14.5994}
width={10.0884}
height={5.5625}
rx={2.78125}
fill="url(#paint12_radial_20020_2615)"
/>
<path
d="M10.6614 14.7581C9.60282 13.9487 8.23524 12.0477 8.36756 10.6998C8.41836 10.1824 8.5033 10.1931 8.95703 9.93924C10.3945 9.33377 13.2199 7.13495 15.6289 3.43535C16.8321 1.88846 18.653 1.67148 19.9246 2.64383C21.1962 3.61617 21.3086 5.42753 20.5117 6.71659C19.8045 7.86064 17.6914 10.826 17.6914 10.826L14.7244 14.2162C13.752 15.4878 11.933 15.7304 10.6614 14.7581Z"
fill="url(#paint13_radial_20020_2615)"
/>
<path
d="M10.6614 14.7581C9.60282 13.9487 8.23524 12.0477 8.36756 10.6998C8.41836 10.1824 8.5033 10.1931 8.95703 9.93924C10.3945 9.33377 13.2199 7.13495 15.6289 3.43535C16.8321 1.88846 18.653 1.67148 19.9246 2.64383C21.1962 3.61617 21.3086 5.42753 20.5117 6.71659C19.8045 7.86064 17.6914 10.826 17.6914 10.826L14.7244 14.2162C13.752 15.4878 11.933 15.7304 10.6614 14.7581Z"
fill="url(#paint14_radial_20020_2615)"
/>
<defs>
<filter
id="filter0_i_20020_2615"
x={2.56641}
y={1.30688}
width={27.6172}
height={28.6363}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.898039 0 0 0 0 0.470588 0 0 0 0 0.364706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_20020_2615"
/>
</filter>
<filter
id="filter1_f_20020_2615"
x={13.1602}
y={10.6093}
width={11.25}
height={16.9737}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_20020_2615"
/>
</filter>
<filter
id="filter2_f_20020_2615"
x={16.4315}
y={13.7009}
width={8.31458}
height={2.1875}
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_20020_2615"
/>
</filter>
<filter
id="filter3_f_20020_2615"
x={16.4315}
y={18.872}
width={8.31458}
height={2.1875}
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_20020_2615"
/>
</filter>
<linearGradient
id="paint0_linear_20020_2615"
x1={14.3444}
y1={31.333}
x2={30.6075}
y2={11.833}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDB033" />
<stop offset={1} stopColor="#FFCB25" />
</linearGradient>
<radialGradient
id="paint1_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.63383 11.0435) scale(8.64474 4.57895)"
>
<stop stopColor="#FFD337" />
<stop offset={1} stopColor="#FFC42A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.696 24.5958) rotate(-56.9218) scale(8.5892 7.14806)"
>
<stop stopColor="#E47938" />
<stop offset={1} stopColor="#A95A0C" />
</radialGradient>
<radialGradient
id="paint3_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1601 26.3592) rotate(180) scale(10.1053 1.65789)"
>
<stop stopColor="#FFD230" />
<stop offset={1} stopColor="#FFD230" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.1075 25.6487) rotate(149.897) scale(2.78329 3.32669)"
>
<stop stopColor="#FFEA4A" />
<stop offset={1} stopColor="#FFEA4A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7852 11.8494) rotate(180) scale(5.875 2.84274)"
>
<stop stopColor="#FFE949" />
<stop offset={1} stopColor="#FFBE3E" />
</radialGradient>
<linearGradient
id="paint6_linear_20020_2615"
x1={14.8947}
y1={13.2933}
x2={19.225}
y2={13.2933}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E08C16" />
<stop offset={1} stopColor="#E08C16" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7852 21.6748) rotate(180) scale(5.875 2.81988)"
>
<stop stopColor="#FFE949" />
<stop offset={1} stopColor="#FFBE3E" />
</radialGradient>
<linearGradient
id="paint8_linear_20020_2615"
x1={14.8947}
y1={23.1071}
x2={19.225}
y2={23.1071}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E08C16" />
<stop offset={1} stopColor="#E08C16" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4221 25.3037) scale(6.56347 1.84498)"
>
<stop stopColor="#F27C5B" />
<stop offset={1} stopColor="#F27C5B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7852 16.7766) rotate(180) scale(5.875 2.71318)"
>
<stop stopColor="#FFE949" />
<stop offset={1} stopColor="#FFBE3E" />
</radialGradient>
<linearGradient
id="paint11_linear_20020_2615"
x1={15.4987}
y1={17.9908}
x2={19.1601}
y2={17.9908}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E08C16" />
<stop offset={1} stopColor="#E08C16" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4221 20.2683) scale(6.56347 1.39474)"
>
<stop stopColor="#E9842F" />
<stop offset={1} stopColor="#E9842F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9727 6.38065) rotate(44.029) scale(2.60783 7.54039)"
>
<stop stopColor="#D6983B" />
<stop offset={0.858415} stopColor="#D6983B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_20020_2615"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.0162 3.06815) rotate(143.588) scale(4.0537 4.18537)"
>
<stop stopColor="#FFEA4A" />
<stop offset={1} stopColor="#FFEA4A" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = CallMeHandIcon;