@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
378 lines (377 loc) • 14.4 kB
JSX
const React = require("react");
const TelephoneReceiverIcon = ({ 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_18_19175)">
<path
d="M2.55078 6.64233C2.55078 4.86108 3.4336 3.23608 4.13672 2.6814L12.8711 11.2439C12.4961 11.7439 11.6758 12.2751 10.6992 12.7283C10.1602 13.0564 9.61328 13.6892 10.0273 14.7517C12.4023 18.8533 16.418 21.6814 17.4492 21.9001C18.1923 22.0578 18.832 21.7595 19.2617 20.697C19.7383 19.7439 20.293 19.072 20.6211 18.7751L29.4492 27.533C28.9284 28.2205 27.5117 29.4548 24.8867 29.3064C19.6836 29.197 13.3711 27.4158 8.29297 21.9001C2.91797 15.8376 2.55078 8.89233 2.55078 6.64233Z"
fill="url(#paint0_linear_18_19175)"
/>
<path
d="M2.55078 6.64233C2.55078 4.86108 3.4336 3.23608 4.13672 2.6814L12.8711 11.2439C12.4961 11.7439 11.6758 12.2751 10.6992 12.7283C10.1602 13.0564 9.61328 13.6892 10.0273 14.7517C12.4023 18.8533 16.418 21.6814 17.4492 21.9001C18.1923 22.0578 18.832 21.7595 19.2617 20.697C19.7383 19.7439 20.293 19.072 20.6211 18.7751L29.4492 27.533C28.9284 28.2205 27.5117 29.4548 24.8867 29.3064C19.6836 29.197 13.3711 27.4158 8.29297 21.9001C2.91797 15.8376 2.55078 8.89233 2.55078 6.64233Z"
fill="url(#paint1_radial_18_19175)"
/>
</g>
<g filter="url(#filter1_f_18_19175)">
<path
d="M4.47719 3.1862C4.50405 3.16217 4.53072 3.13969 4.5571 3.1189L12.543 10.9449C11.6516 11.5103 10.5943 11.8376 9.46057 11.8376C6.27866 11.8376 3.69922 9.25909 3.69922 6.07828C3.69922 5.02414 3.98253 4.03614 4.47719 3.1862Z"
fill="url(#paint2_radial_18_19175)"
/>
</g>
<g filter="url(#filter2_f_18_19175)">
<path
d="M20.8086 19.7126C20.9424 19.552 21.0637 19.4249 21.1631 19.3342L29.1992 27.3902C29.174 27.4237 29.1466 27.4586 29.1169 27.4946C28.0968 28.3063 26.8085 28.7908 25.4078 28.7908C22.0997 28.7908 19.418 26.0883 19.418 22.7546C19.418 21.5013 20.1597 20.6775 20.8086 19.7126Z"
fill="url(#paint3_radial_18_19175)"
/>
<path
d="M20.8086 19.7126C20.9424 19.552 21.0637 19.4249 21.1631 19.3342L29.1992 27.3902C29.174 27.4237 29.1466 27.4586 29.1169 27.4946C28.0968 28.3063 26.8085 28.7908 25.4078 28.7908C22.0997 28.7908 19.418 26.0883 19.418 22.7546C19.418 21.5013 20.1597 20.6775 20.8086 19.7126Z"
fill="url(#paint4_radial_18_19175)"
/>
<path
d="M20.8086 19.7126C20.9424 19.552 21.0637 19.4249 21.1631 19.3342L29.1992 27.3902C29.174 27.4237 29.1466 27.4586 29.1169 27.4946C28.0968 28.3063 26.8085 28.7908 25.4078 28.7908C22.0997 28.7908 19.418 26.0883 19.418 22.7546C19.418 21.5013 20.1597 20.6775 20.8086 19.7126Z"
fill="url(#paint5_radial_18_19175)"
/>
</g>
<g filter="url(#filter3_i_18_19175)">
<path
d="M4.53206 2.02038C5.21548 1.33696 6.32351 1.33696 7.00693 2.02038L13.4696 8.483C14.153 9.16642 14.153 10.2745 13.4696 10.9579L12.9898 11.4376C12.8336 11.5938 12.5804 11.5938 12.4242 11.4376L4.05234 3.06578C3.89613 2.90957 3.89613 2.65631 4.05234 2.5001L4.53206 2.02038Z"
fill="url(#paint6_radial_18_19175)"
/>
<path
d="M4.53206 2.02038C5.21548 1.33696 6.32351 1.33696 7.00693 2.02038L13.4696 8.483C14.153 9.16642 14.153 10.2745 13.4696 10.9579L12.9898 11.4376C12.8336 11.5938 12.5804 11.5938 12.4242 11.4376L4.05234 3.06578C3.89613 2.90957 3.89613 2.65631 4.05234 2.5001L4.53206 2.02038Z"
fill="url(#paint7_radial_18_19175)"
/>
<path
d="M4.53206 2.02038C5.21548 1.33696 6.32351 1.33696 7.00693 2.02038L13.4696 8.483C14.153 9.16642 14.153 10.2745 13.4696 10.9579L12.9898 11.4376C12.8336 11.5938 12.5804 11.5938 12.4242 11.4376L4.05234 3.06578C3.89613 2.90957 3.89613 2.65631 4.05234 2.5001L4.53206 2.02038Z"
fill="url(#paint8_radial_18_19175)"
/>
</g>
<g filter="url(#filter4_i_18_19175)">
<path
d="M20.8415 18.369C21.5249 17.6855 22.556 17.7208 23.3164 18.369C24.2695 19.1814 29.2383 24.1501 29.8679 24.9203C30.4976 25.6904 30.5513 26.7117 29.8679 27.3952L29.3882 27.8749C29.232 28.0311 28.9787 28.0311 28.8225 27.8749L20.3618 19.4144C20.2056 19.2581 20.2056 19.0049 20.3618 18.8487L20.8415 18.369Z"
fill="url(#paint9_radial_18_19175)"
/>
<path
d="M20.8415 18.369C21.5249 17.6855 22.556 17.7208 23.3164 18.369C24.2695 19.1814 29.2383 24.1501 29.8679 24.9203C30.4976 25.6904 30.5513 26.7117 29.8679 27.3952L29.3882 27.8749C29.232 28.0311 28.9787 28.0311 28.8225 27.8749L20.3618 19.4144C20.2056 19.2581 20.2056 19.0049 20.3618 18.8487L20.8415 18.369Z"
fill="url(#paint10_radial_18_19175)"
/>
</g>
<g filter="url(#filter5_f_18_19175)">
<path
d="M10.7305 20.3298C7.5416 17.3257 6.86589 14.4757 6.48047 13.1423H8.57422C8.55339 13.559 9.31182 16.2245 11.2305 18.2361C15.2617 22.4626 18.3867 23.9731 19.7617 24.4626C18.2617 24.3376 15.4492 24.7751 10.7305 20.3298Z"
fill="url(#paint11_linear_18_19175)"
/>
</g>
<defs>
<filter
id="filter0_i_18_19175"
x={2.55078}
y={2.6814}
width={27.8984}
height={26.6372}
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} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.827451 0 0 0 0 0.317647 0 0 0 0 0.313726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19175"
/>
</filter>
<filter
id="filter1_f_18_19175"
x={2.69922}
y={2.1189}
width={10.8438}
height={10.7188}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_19175"
/>
</filter>
<filter
id="filter2_f_18_19175"
x={18.418}
y={18.3342}
width={11.7812}
height={11.4565}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_19175"
/>
</filter>
<filter
id="filter3_i_18_19175"
x={3.93518}
y={1.35781}
width={10.197}
height={10.197}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.623529 0 0 0 0 0.321569 0 0 0 0 0.47451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19175"
/>
</filter>
<filter
id="filter4_i_18_19175"
x={20.2446}
y={17.7195}
width={10.2658}
height={10.2726}
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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.623529 0 0 0 0 0.321569 0 0 0 0 0.47451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19175"
/>
</filter>
<filter
id="filter5_f_18_19175"
x={4.73047}
y={11.3923}
width={16.7812}
height={14.8203}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.875}
result="effect1_foregroundBlur_18_19175"
/>
</filter>
<linearGradient
id="paint0_linear_18_19175"
x1={-0.644532}
y1={6.4314}
x2={22.8555}
y2={28.5564}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E12D3E" />
<stop offset={1} stopColor="#E821A1" />
</linearGradient>
<radialGradient
id="paint1_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9805 9.6814) rotate(92.8535) scale(20.0874 36.3763)"
>
<stop offset={0.792433} stopColor="#D43EB0" stopOpacity={0} />
<stop offset={1} stopColor="#D43EB0" />
</radialGradient>
<radialGradient
id="paint2_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.3621 8.72176) rotate(131.057) scale(3.4119 5.68442)"
>
<stop offset={0.200051} stopColor="#F52958" />
<stop offset={1} stopColor="#DB2148" />
</radialGradient>
<radialGradient
id="paint3_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.1965 24.0571) rotate(132.154) scale(4.60709 7.09579)"
>
<stop offset={0.292708} stopColor="#FB29AB" />
<stop offset={1} stopColor="#FB29AB" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5613 22.1996) rotate(111.493) scale(6.36167 8.74951)"
>
<stop offset={0.580924} stopColor="#D82BA8" stopOpacity={0} />
<stop offset={0.944551} stopColor="#D531AA" />
</radialGradient>
<radialGradient
id="paint5_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.7856 19.4133) rotate(114.776) scale(4.25662 2.76717)"
>
<stop stopColor="#CE4B6E" />
<stop offset={1} stopColor="#CE4B6E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.1906 4.98107) rotate(132.416) scale(3.86518 7.61725)"
>
<stop stopColor="#C8439B" />
<stop offset={1} stopColor="#B73098" />
</radialGradient>
<radialGradient
id="paint7_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.6054 6.53128) rotate(137.661) scale(1.52198 6.58497)"
>
<stop offset={0.144} stopColor="#DD6CB6" />
<stop offset={1} stopColor="#DB69B6" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.8242 4.80637) rotate(-171.232) scale(6.97045 11.6995)"
>
<stop offset={0.577636} stopColor="#A35479" stopOpacity={0} />
<stop offset={0.962193} stopColor="#A35479" />
</radialGradient>
<radialGradient
id="paint9_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5429 21.3689) rotate(132.397) scale(3.8931 7.67182)"
>
<stop stopColor="#BD3995" />
<stop offset={1} stopColor="#AC3BA4" />
</radialGradient>
<radialGradient
id="paint10_radial_18_19175"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4179 22.9308) rotate(137.226) scale(1.51947 5.12615)"
>
<stop stopColor="#DB69B6" />
<stop offset={1} stopColor="#DB69B6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_19175"
x1={7.54297}
y1={13.0486}
x2={15.168}
y2={22.2048}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6670" />
<stop offset={1} stopColor="#FF5693" />
</linearGradient>
</defs>
</svg>
);
module.exports = TelephoneReceiverIcon;