@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
588 lines (587 loc) • 18.9 kB
JSX
const React = require("react");
const DimButtonIcon = ({ 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_iiii_18590_1588)">
<path
d="M16 23.865C11.46 23.865 7.77002 20.175 7.77002 15.635C7.77002 11.095 11.46 7.40503 16 7.40503C20.54 7.40503 24.23 11.095 24.23 15.635C24.23 20.175 20.54 23.865 16 23.865ZM16 10.395C13.12 10.395 10.77 12.745 10.77 15.625C10.77 18.505 13.12 20.855 16 20.855C18.88 20.855 21.23 18.505 21.23 15.625C21.23 12.745 18.89 10.395 16 10.395Z"
fill="#FF9B5A"
/>
</g>
<g filter="url(#filter1_i_18590_1588)">
<path
d="M9.29998 7.32504C9.29998 8.3799 8.44484 9.23504 7.38998 9.23504C6.33512 9.23504 5.47998 8.3799 5.47998 7.32504C5.47998 6.27017 6.33512 5.41504 7.38998 5.41504C8.44484 5.41504 9.29998 6.27017 9.29998 7.32504Z"
fill="url(#paint0_radial_18590_1588)"
/>
</g>
<g filter="url(#filter2_i_18590_1588)">
<path
d="M4.04 17.755C5.09487 17.755 5.95 16.8999 5.95 15.845C5.95 14.7901 5.09487 13.935 4.04 13.935C2.98514 13.935 2.13 14.7901 2.13 15.845C2.13 16.8999 2.98514 17.755 4.04 17.755Z"
fill="url(#paint1_radial_18590_1588)"
/>
</g>
<g filter="url(#filter3_i_18590_1588)">
<path
d="M9.60998 24.245C9.60998 25.2999 8.75484 26.155 7.69998 26.155C6.64511 26.155 5.78998 25.2999 5.78998 24.245C5.78998 23.1902 6.64511 22.335 7.69998 22.335C8.75484 22.335 9.60998 23.1902 9.60998 24.245Z"
fill="url(#paint2_radial_18590_1588)"
/>
</g>
<g filter="url(#filter4_i_18590_1588)">
<path
d="M16.22 29.495C17.2749 29.495 18.13 28.6399 18.13 27.585C18.13 26.5301 17.2749 25.675 16.22 25.675C15.1651 25.675 14.31 26.5301 14.31 27.585C14.31 28.6399 15.1651 29.495 16.22 29.495Z"
fill="url(#paint3_radial_18590_1588)"
/>
</g>
<g filter="url(#filter5_i_18590_1588)">
<path
d="M26.53 23.935C26.53 24.9898 25.6749 25.845 24.62 25.845C23.5652 25.845 22.71 24.9898 22.71 23.935C22.71 22.8801 23.5652 22.025 24.62 22.025C25.6749 22.025 26.53 22.8801 26.53 23.935Z"
fill="url(#paint4_radial_18590_1588)"
/>
</g>
<g filter="url(#filter6_i_18590_1588)">
<path
d="M27.96 17.315C29.0149 17.315 29.87 16.4599 29.87 15.405C29.87 14.3501 29.0149 13.495 27.96 13.495C26.9052 13.495 26.05 14.3501 26.05 15.405C26.05 16.4599 26.9052 17.315 27.96 17.315Z"
fill="url(#paint5_radial_18590_1588)"
/>
</g>
<g filter="url(#filter7_i_18590_1588)">
<path
d="M26.22 7.01498C26.22 8.06984 25.3649 8.92498 24.31 8.92498C23.2552 8.92498 22.4 8.06984 22.4 7.01498C22.4 5.96012 23.2552 5.10498 24.31 5.10498C25.3649 5.10498 26.22 5.96012 26.22 7.01498Z"
fill="url(#paint6_radial_18590_1588)"
/>
</g>
<g filter="url(#filter8_i_18590_1588)">
<path
d="M15.78 5.575C16.8349 5.575 17.69 4.71987 17.69 3.665C17.69 2.61014 16.8349 1.755 15.78 1.755C14.7251 1.755 13.87 2.61014 13.87 3.665C13.87 4.71987 14.7251 5.575 15.78 5.575Z"
fill="url(#paint7_radial_18590_1588)"
/>
</g>
<g filter="url(#filter9_f_18590_1588)">
<ellipse
cx={16.2487}
cy={15.2719}
rx={6.81064}
ry={6.81561}
stroke="url(#paint8_linear_18590_1588)"
/>
<ellipse
cx={16.2487}
cy={15.2719}
rx={6.81064}
ry={6.81561}
stroke="url(#paint9_linear_18590_1588)"
/>
</g>
<defs>
<filter
id="filter0_iiii_18590_1588"
x={7.77002}
y={6.40503}
width={17.46}
height={17.46}
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={-1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.466667 0 0 0 0 0.305882 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
<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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.345098 0 0 0 0 0.215686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1588"
result="effect2_innerShadow_18590_1588"
/>
<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={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.501961 0 0 0 0 0.25098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1588"
result="effect3_innerShadow_18590_1588"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.913725 0 0 0 0 0.396078 0 0 0 0 0.184314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_18590_1588"
result="effect4_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter1_i_18590_1588"
x={5.47998}
y={5.01504}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter2_i_18590_1588"
x={2.13}
y={13.535}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter3_i_18590_1588"
x={5.78998}
y={21.935}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter4_i_18590_1588"
x={14.31}
y={25.275}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter5_i_18590_1588"
x={22.71}
y={21.625}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter6_i_18590_1588"
x={26.05}
y={13.095}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter7_i_18590_1588"
x={22.4}
y={4.70498}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter8_i_18590_1588"
x={13.87}
y={1.355}
width={4.22001}
height={4.22}
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.4} dy={-0.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1588"
/>
</filter>
<filter
id="filter9_f_18590_1588"
x={8.28811}
y={7.30624}
width={15.9213}
height={15.9312}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18590_1588"
/>
</filter>
<radialGradient
id="paint0_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.45496 6.56006) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint1_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.10498 15.08) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint2_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.76495 23.48) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint3_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.285 26.82) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint4_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.685 23.17) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint5_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.025 14.64) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint6_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.375 6.25) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<radialGradient
id="paint7_radial_18590_1588"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.845 2.90002) rotate(137.891) scale(2.1904)"
>
<stop offset={0.151028} stopColor="#FFBF76" />
<stop offset={1} stopColor="#FF9250" />
</radialGradient>
<linearGradient
id="paint8_linear_18590_1588"
x1={21.2283}
y1={9.42833}
x2={16.2445}
y2={15.2683}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBE77" />
<stop offset={1} stopColor="#FFBE77" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18590_1588"
x1={11.3323}
y1={20.8505}
x2={14.0061}
y2={17.3285}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBE77" />
<stop offset={1} stopColor="#FFBE77" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = DimButtonIcon;