@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
314 lines (313 loc) • 9.88 kB
JSX
const React = require("react");
const MicrophoneIcon = ({ 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_18367)">
<circle
cx={22.333}
cy={10.206}
r={7.46553}
fill="url(#paint0_radial_18_18367)"
/>
<circle
cx={22.333}
cy={10.206}
r={7.46553}
fill="url(#paint1_radial_18_18367)"
/>
<circle
cx={22.333}
cy={10.206}
r={7.46553}
fill="url(#paint2_radial_18_18367)"
/>
</g>
<path
d="M17.5423 4.4801C15.9072 5.84957 14.8674 7.90638 14.8674 10.2061C14.8674 14.3292 18.2099 17.6716 22.333 17.6716C24.4061 17.6716 26.2818 16.8266 27.6346 15.4622L17.5423 4.4801Z"
fill="url(#paint3_linear_18_18367)"
/>
<path
d="M16.5105 3.53886C17.1595 2.93297 18.1767 2.96787 18.7826 3.61683L28.6699 14.2067C29.2758 14.8556 29.2408 15.8729 28.5919 16.4788C27.9429 17.0847 26.9257 17.0498 26.3198 16.4008L16.4325 5.81098C15.8266 5.16202 15.8615 4.14476 16.5105 3.53886Z"
fill="url(#paint4_linear_18_18367)"
/>
<path
d="M16.5105 3.53886C17.1595 2.93297 18.1767 2.96787 18.7826 3.61683L28.6699 14.2067C29.2758 14.8556 29.2408 15.8729 28.5919 16.4788C27.9429 17.0847 26.9257 17.0498 26.3198 16.4008L16.4325 5.81098C15.8266 5.16202 15.8615 4.14476 16.5105 3.53886Z"
fill="url(#paint5_radial_18_18367)"
/>
<g filter="url(#filter1_i_18_18367)">
<path
d="M14.8855 10.9608L21.1071 17.5788L5.76224 28.8125C4.83278 29.4929 3.54446 29.3865 2.73929 28.5627C1.90485 27.709 1.85644 26.3607 2.6275 25.4494L14.8855 10.9608Z"
fill="url(#paint6_linear_18_18367)"
/>
<path
d="M14.8855 10.9608L21.1071 17.5788L5.76224 28.8125C4.83278 29.4929 3.54446 29.3865 2.73929 28.5627C1.90485 27.709 1.85644 26.3607 2.6275 25.4494L14.8855 10.9608Z"
fill="url(#paint7_radial_18_18367)"
/>
</g>
<g filter="url(#filter2_f_18_18367)">
<circle cx={13.79} cy={18.0875} r={1.39503} fill="#8A858F" />
</g>
<g filter="url(#filter3_ii_18_18367)">
<circle
cx={13.8994}
cy={18.0875}
r={1.39503}
fill="url(#paint8_linear_18_18367)"
/>
</g>
<defs>
<filter
id="filter0_i_18_18367"
x={14.8674}
y={2.74048}
width={15.431}
height={15.431}
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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.301961 0 0 0 0 0.290196 0 0 0 0 0.317647 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18367"
/>
</filter>
<filter
id="filter1_i_18_18367"
x={2.07983}
y={10.9608}
width={20.2773}
height={19.0487}
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={0.75} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.490196 0 0 0 0 0.490196 0 0 0 0 0.494118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18367"
/>
</filter>
<filter
id="filter2_f_18_18367"
x={12.245}
y={16.5425}
width={3.09004}
height={3.09004}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.075}
result="effect1_foregroundBlur_18_18367"
/>
</filter>
<filter
id="filter3_ii_18_18367"
x={12.3544}
y={16.6925}
width={3.09004}
height={2.79004}
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} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.862745 0 0 0 0 0.847059 0 0 0 0 0.882353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18367"
/>
<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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.584314 0 0 0 0 0.572549 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18367"
result="effect2_innerShadow_18_18367"
/>
</filter>
<radialGradient
id="paint0_radial_18_18367"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9939 17.6715) rotate(-88.2396) scale(11.0379)"
>
<stop offset={0.189327} stopColor="#512F70" />
<stop offset={1} stopColor="#372D44" />
</radialGradient>
<radialGradient
id="paint1_radial_18_18367"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4314 7.76384) rotate(140.631) scale(6.306 4.91911)"
>
<stop offset={0.125442} stopColor="#6C6476" />
<stop offset={1} stopColor="#6C6476" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_18367"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.9314 7.51384) rotate(82.6375) scale(10.2421 10.1707)"
>
<stop offset={0.911427} stopColor="#513071" stopOpacity={0} />
<stop offset={1} stopColor="#72538F" />
</radialGradient>
<linearGradient
id="paint3_linear_18_18367"
x1={22.4314}
y1={11.5451}
x2={21.5564}
y2={12.3576}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#382A4B" />
<stop offset={1} stopColor="#382A4B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_18367"
x1={15.494}
y1={4.2639}
x2={26.619}
y2={16.2639}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#848286" />
<stop offset={1} stopColor="#A89FB0" />
</linearGradient>
<radialGradient
id="paint5_radial_18_18367"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.3065 10.0088) rotate(133.811) scale(2.30218 13.2353)"
>
<stop offset={0.161105} stopColor="#C9C8CB" />
<stop offset={1} stopColor="#A7A0AF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_18367"
x1={14.5878}
y1={21.9514}
x2={9.49403}
y2={16.9514}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ADA3B3" />
<stop offset={1} stopColor="#949198" />
</linearGradient>
<radialGradient
id="paint7_radial_18_18367"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.6815 15.1389) rotate(142.272) scale(19.2022 2.51231)"
>
<stop stopColor="#AEA6B5" />
<stop offset={1} stopColor="#AEA6B5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_18367"
x1={13.0876}
y1={16.9513}
x2={14.9626}
y2={19.3263}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C0BAC6" />
<stop offset={1} stopColor="#CDC4D4" />
</linearGradient>
</defs>
</svg>
);
module.exports = MicrophoneIcon;