@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
670 lines (669 loc) • 21.4 kB
JSX
const React = require("react");
const ElectricPlugIcon = ({ 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_19384)">
<path
d="M12.5576 2.95313C12.5576 2.40947 12.9983 1.96875 13.542 1.96875C14.0856 1.96875 14.5264 2.40947 14.5264 2.95312V9.08594C14.5264 9.62959 14.0856 10.0703 13.542 10.0703C12.9983 10.0703 12.5576 9.62959 12.5576 9.08594V2.95313Z"
fill="url(#paint0_linear_18_19384)"
/>
</g>
<g filter="url(#filter1_f_18_19384)">
<path
d="M13.6357 2.70313C13.6357 2.5478 13.7617 2.42188 13.917 2.42188C14.0723 2.42188 14.1982 2.54779 14.1982 2.70312V7.6875C14.1982 7.84283 14.0723 7.96875 13.917 7.96875C13.7617 7.96875 13.6357 7.84283 13.6357 7.6875V2.70313Z"
fill="url(#paint1_linear_18_19384)"
/>
</g>
<g filter="url(#filter2_i_18_19384)">
<path
d="M17.5264 2.95313C17.5264 2.40947 17.9671 1.96875 18.5107 1.96875C19.0544 1.96875 19.4951 2.40947 19.4951 2.95312V9.08594C19.4951 9.62959 19.0544 10.0703 18.5107 10.0703C17.9671 10.0703 17.5264 9.62959 17.5264 9.08594V2.95313Z"
fill="url(#paint2_linear_18_19384)"
/>
</g>
<g filter="url(#filter3_f_18_19384)">
<path
d="M18.6045 2.70313C18.6045 2.5478 18.7304 2.42188 18.8857 2.42188C19.0411 2.42188 19.167 2.54779 19.167 2.70312V7.6875C19.167 7.84283 19.0411 7.96875 18.8857 7.96875C18.7304 7.96875 18.6045 7.84283 18.6045 7.6875V2.70313Z"
fill="url(#paint3_linear_18_19384)"
/>
</g>
<rect
x={14.5321}
y={22.2891}
width={2.98843}
height={7.64062}
fill="url(#paint4_linear_18_19384)"
/>
<rect
x={14.5321}
y={22.2891}
width={2.98843}
height={7.64062}
fill="url(#paint5_linear_18_19384)"
/>
<rect
x={14.5321}
y={22.2891}
width={2.98843}
height={7.64062}
fill="url(#paint6_linear_18_19384)"
/>
<path
d="M13.5342 16H18.5186V21.9219C18.5186 22.4742 18.0708 22.9219 17.5186 22.9219H14.5342C13.9819 22.9219 13.5342 22.4742 13.5342 21.9219V16Z"
fill="url(#paint7_linear_18_19384)"
/>
<path
d="M13.5342 16H18.5186V21.9219C18.5186 22.4742 18.0708 22.9219 17.5186 22.9219H14.5342C13.9819 22.9219 13.5342 22.4742 13.5342 21.9219V16Z"
fill="url(#paint8_linear_18_19384)"
/>
<path
d="M13.5342 16H18.5186V21.9219C18.5186 22.4742 18.0708 22.9219 17.5186 22.9219H14.5342C13.9819 22.9219 13.5342 22.4742 13.5342 21.9219V16Z"
fill="url(#paint9_linear_18_19384)"
/>
<path
d="M13.5342 16H18.5186V21.9219C18.5186 22.4742 18.0708 22.9219 17.5186 22.9219H14.5342C13.9819 22.9219 13.5342 22.4742 13.5342 21.9219V16Z"
fill="url(#paint10_radial_18_19384)"
/>
<path
d="M13.5342 16H18.5186V21.9219C18.5186 22.4742 18.0708 22.9219 17.5186 22.9219H14.5342C13.9819 22.9219 13.5342 22.4742 13.5342 21.9219V16Z"
fill="url(#paint11_radial_18_19384)"
/>
<path
d="M10.5576 7.82812H21.4951V13.1875C21.4951 16.2078 19.0467 18.6562 16.0264 18.6562C13.0061 18.6562 10.5576 16.2078 10.5576 13.1875V7.82812Z"
fill="url(#paint12_radial_18_19384)"
/>
<path
d="M10.5576 7.82812H21.4951V13.1875C21.4951 16.2078 19.0467 18.6562 16.0264 18.6562C13.0061 18.6562 10.5576 16.2078 10.5576 13.1875V7.82812Z"
fill="url(#paint13_linear_18_19384)"
/>
<path
d="M10.5576 7.82812H21.4951V13.1875C21.4951 16.2078 19.0467 18.6562 16.0264 18.6562C13.0061 18.6562 10.5576 16.2078 10.5576 13.1875V7.82812Z"
fill="url(#paint14_radial_18_19384)"
/>
<g filter="url(#filter4_f_18_19384)">
<path
d="M16.9757 9.01562H20.4687V13.2847C20.4687 14.2493 19.6868 15.0312 18.7222 15.0312V15.0312C17.7576 15.0312 16.9757 14.2493 16.9757 13.2847V9.01562Z"
fill="#544E5A"
/>
</g>
<path
d="M9.53796 8.48828C9.53796 7.6577 10.2113 6.98438 11.0419 6.98438H21.0109C21.8415 6.98438 22.5148 7.6577 22.5148 8.48828C22.5148 9.31887 21.8415 9.99219 21.0109 9.99219H11.0419C10.2113 9.99219 9.53796 9.31887 9.53796 8.48828Z"
fill="url(#paint15_linear_18_19384)"
/>
<path
d="M9.53796 8.48828C9.53796 7.6577 10.2113 6.98438 11.0419 6.98438H21.0109C21.8415 6.98438 22.5148 7.6577 22.5148 8.48828C22.5148 9.31887 21.8415 9.99219 21.0109 9.99219H11.0419C10.2113 9.99219 9.53796 9.31887 9.53796 8.48828Z"
fill="url(#paint16_radial_18_19384)"
/>
<path
d="M9.53796 8.48828C9.53796 7.6577 10.2113 6.98438 11.0419 6.98438H21.0109C21.8415 6.98438 22.5148 7.6577 22.5148 8.48828C22.5148 9.31887 21.8415 9.99219 21.0109 9.99219H11.0419C10.2113 9.99219 9.53796 9.31887 9.53796 8.48828Z"
fill="url(#paint17_radial_18_19384)"
/>
<g filter="url(#filter5_i_18_19384)">
<path
d="M14.1045 11.4727C14.1045 11.1987 14.3266 10.9766 14.6006 10.9766H17.4521C17.7261 10.9766 17.9482 11.1987 17.9482 11.4727C17.9482 11.7466 17.7261 11.9688 17.4521 11.9688H14.6006C14.3266 11.9688 14.1045 11.7466 14.1045 11.4727Z"
fill="url(#paint18_linear_18_19384)"
/>
</g>
<g filter="url(#filter6_i_18_19384)">
<path
d="M14.1045 13.4489C14.1045 13.1749 14.3266 12.9528 14.6006 12.9528H17.4521C17.7261 12.9528 17.9482 13.1749 17.9482 13.4489C17.9482 13.7228 17.7261 13.9449 17.4521 13.9449H14.6006C14.3266 13.9449 14.1045 13.7228 14.1045 13.4489Z"
fill="url(#paint19_linear_18_19384)"
/>
</g>
<g filter="url(#filter7_f_18_19384)">
<rect
x={14.3882}
y={11.4219}
width={3.25165}
height={0.325985}
rx={0.162992}
fill="url(#paint20_linear_18_19384)"
/>
<rect
x={14.3882}
y={11.4219}
width={3.25165}
height={0.325985}
rx={0.162992}
fill="url(#paint21_linear_18_19384)"
/>
</g>
<g filter="url(#filter8_f_18_19384)">
<rect
x={14.3741}
y={13.4059}
width={3.25165}
height={0.325985}
rx={0.162992}
fill="url(#paint22_linear_18_19384)"
/>
<rect
x={14.3741}
y={13.4059}
width={3.25165}
height={0.325985}
rx={0.162992}
fill="url(#paint23_linear_18_19384)"
/>
</g>
<defs>
<filter
id="filter0_i_18_19384"
x={12.5576}
y={1.86875}
width={2.06875}
height={8.20156}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.745098 0 0 0 0 0.498039 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19384"
/>
</filter>
<filter
id="filter1_f_18_19384"
x={13.2357}
y={2.02187}
width={1.3625}
height={6.34688}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_19384"
/>
</filter>
<filter
id="filter2_i_18_19384"
x={17.5264}
y={1.86875}
width={2.06875}
height={8.20156}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.470588 0 0 0 0 0.27451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19384"
/>
</filter>
<filter
id="filter3_f_18_19384"
x={18.2045}
y={2.02187}
width={1.3625}
height={6.34688}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_19384"
/>
</filter>
<filter
id="filter4_f_18_19384"
x={14.9757}
y={7.01562}
width={7.49304}
height={10.0156}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_19384"
/>
</filter>
<filter
id="filter5_i_18_19384"
x={14.1045}
y={10.9766}
width={3.84375}
height={1.24219}
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={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.47451 0 0 0 0 0.305882 0 0 0 0 0.768627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19384"
/>
</filter>
<filter
id="filter6_i_18_19384"
x={14.1045}
y={12.9528}
width={3.84375}
height={1.24219}
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={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.47451 0 0 0 0 0.305882 0 0 0 0 0.768627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_19384"
/>
</filter>
<filter
id="filter7_f_18_19384"
x={14.1382}
y={11.1719}
width={3.75171}
height={0.825928}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_19384"
/>
</filter>
<filter
id="filter8_f_18_19384"
x={14.1241}
y={13.1559}
width={3.75171}
height={0.825928}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_19384"
/>
</filter>
<linearGradient
id="paint0_linear_18_19384"
x1={13.542}
y1={1.96875}
x2={13.542}
y2={8.07812}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0741688} stopColor="#DBA572" />
<stop offset={1} stopColor="#C1834B" />
</linearGradient>
<linearGradient
id="paint1_linear_18_19384"
x1={13.917}
y1={2.42187}
x2={13.917}
y2={7.96875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F3C39A" />
<stop offset={1} stopColor="#F3C39A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_19384"
x1={18.5107}
y1={1.96875}
x2={18.5107}
y2={8.07812}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0741688} stopColor="#DBA572" />
<stop offset={1} stopColor="#C1834B" />
</linearGradient>
<linearGradient
id="paint3_linear_18_19384"
x1={18.8857}
y1={2.42187}
x2={18.8857}
y2={7.96875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F3C39A" />
<stop offset={1} stopColor="#F3C39A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_19384"
x1={15.2257}
y1={28.5781}
x2={17.3194}
y2={28.5781}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.19403} stopColor="#38333E" />
<stop offset={0.701493} stopColor="#534F58" />
</linearGradient>
<linearGradient
id="paint5_linear_18_19384"
x1={17.5851}
y1={29.3281}
x2={17.2413}
y2={29.3281}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.352273} stopColor="#4E4B51" />
<stop offset={1} stopColor="#4E4B51" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_19384"
x1={14.5321}
y1={29.3281}
x2={15.0069}
y2={29.3281}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4F4D51" />
<stop offset={1} stopColor="#4F4D51" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_19384"
x1={17.5695}
y1={21.9844}
x2={15.4132}
y2={21.9844}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.231884} stopColor="#534E59" />
<stop offset={1} stopColor="#36303D" />
</linearGradient>
<linearGradient
id="paint8_linear_18_19384"
x1={13.3507}
y1={20.8594}
x2={14.4132}
y2={20.8594}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#504F52" />
<stop offset={1} stopColor="#504F52" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_19384"
x1={16.882}
y1={22.9219}
x2={16.882}
y2={21.7656}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.310811} stopColor="#392948" />
<stop offset={1} stopColor="#392948" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0264 22.9219) rotate(-90) scale(0.296875 2.60562)"
>
<stop stopColor="#2A1E35" />
<stop offset={1} stopColor="#2A1E35" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0264 17.6406) rotate(90) scale(1.35938 2.61327)"
>
<stop stopColor="#2B2234" />
<stop offset={1} stopColor="#2B2234" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.1945 18.4219) rotate(-90) scale(6.03125 9.84375)"
>
<stop offset={0.170984} stopColor="#352346" />
<stop offset={1} stopColor="#393240" />
</radialGradient>
<linearGradient
id="paint13_linear_18_19384"
x1={10.2257}
y1={13.2422}
x2={13.0695}
y2={13.2422}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4E4B51" />
<stop offset={1} stopColor="#4E4B51" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint14_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0264 9.57812) rotate(90) scale(0.84375 6.92563)"
>
<stop offset={0.351852} stopColor="#291E34" />
<stop offset={1} stopColor="#291E34" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_19384"
x1={16.0264}
y1={6.98438}
x2={16.0264}
y2={9.99219}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3D3642" />
<stop offset={1} stopColor="#382548" />
</linearGradient>
<radialGradient
id="paint16_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.53796 8.23438) scale(3.9378 2.46875)"
>
<stop stopColor="#524F54" />
<stop offset={1} stopColor="#524F54" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_19384"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4133 8.07812) rotate(90) scale(1.3125 5.66263)"
>
<stop stopColor="#635D69" />
<stop offset={1} stopColor="#635D69" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_18_19384"
x1={16.2101}
y1={11.4727}
x2={18.0695}
y2={11.4727}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7D53C7" />
<stop offset={0.900974} stopColor="#734CBD" />
</linearGradient>
<linearGradient
id="paint19_linear_18_19384"
x1={16.2101}
y1={13.4489}
x2={18.0695}
y2={13.4489}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7D53C7" />
<stop offset={0.900974} stopColor="#734CBD" />
</linearGradient>
<linearGradient
id="paint20_linear_18_19384"
x1={17.6398}
y1={11.7479}
x2={15.051}
y2={11.7479}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F6DD2" />
<stop offset={1} stopColor="#8F6DD2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_19384"
x1={14.4748}
y1={11.673}
x2={14.944}
y2={11.673}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.192982} stopColor="#8F6DD2" />
<stop offset={1} stopColor="#8F6DD2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint22_linear_18_19384"
x1={17.6258}
y1={13.7319}
x2={15.037}
y2={13.7319}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8F6DD2" />
<stop offset={1} stopColor="#8F6DD2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint23_linear_18_19384"
x1={14.4607}
y1={13.657}
x2={14.93}
y2={13.657}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.192982} stopColor="#8F6DD2" />
<stop offset={1} stopColor="#8F6DD2" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ElectricPlugIcon;