@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
492 lines (491 loc) • 13.6 kB
JSX
const React = require("react");
const RobotIcon = ({ 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}
<path
d="M22.05 30H9.95C6.66 30 4 27.34 4 24.05V12.03C4 8.7 6.7 6 10.03 6H21.98C25.3 6 28 8.7 28 12.03V24.06C28 27.34 25.34 30 22.05 30Z"
fill="url(#paint0_radial_31_1501)"
/>
<path
d="M4 12C4 8.68629 6.68629 6 10 6H12V30H10C6.68629 30 4 27.3137 4 24V12Z"
fill="url(#paint1_linear_31_1501)"
/>
<path
d="M4 24H28V24C28 27.3137 25.3137 30 22 30H10C6.68629 30 4 27.3137 4 24V24Z"
fill="url(#paint2_linear_31_1501)"
/>
<path
d="M20 6H22C25.3137 6 28 8.68629 28 12V24C28 27.3137 25.3137 30 22 30H20V6Z"
fill="url(#paint3_radial_31_1501)"
/>
<path
d="M3.5 3.94995V13.05"
stroke="url(#paint4_linear_31_1501)"
strokeMiterlimit={10}
/>
<path
d="M4 12V23C2.9 23 2 22.1008 2 21.0018V13.9982C2 12.8992 2.9 12 4 12Z"
fill="url(#paint5_linear_31_1501)"
/>
<path
d="M22.7526 18.5H9.24738C6.9078 18.5 5 16.591 5 14.25C5 11.909 6.9078 10 9.24738 10H22.7526C25.0922 10 27 11.909 27 14.25C27 16.581 25.0822 18.5 22.7526 18.5Z"
fill="url(#paint6_linear_31_1501)"
/>
<path
d="M18.5282 26H13.4718C12.6608 26 12 25.3265 12 24.5C12 23.6735 12.6608 23 13.4718 23H18.5282C19.3392 23 20 23.6735 20 24.5C20 25.3265 19.3392 26 18.5282 26Z"
fill="url(#paint7_linear_31_1501)"
/>
<path
d="M3.5 5C4.32843 5 5 4.32843 5 3.5C5 2.67157 4.32843 2 3.5 2C2.67157 2 2 2.67157 2 3.5C2 4.32843 2.67157 5 3.5 5Z"
fill="url(#paint8_radial_31_1501)"
/>
<path
d="M28.5 4V13.09"
stroke="url(#paint9_linear_31_1501)"
strokeMiterlimit={10}
/>
<path
d="M28.5 5.1C29.3561 5.1 30.05 4.40604 30.05 3.55C30.05 2.69396 29.3561 2 28.5 2C27.644 2 26.95 2.69396 26.95 3.55C26.95 4.40604 27.644 5.1 28.5 5.1Z"
fill="url(#paint10_radial_31_1501)"
/>
<rect
x={7}
y={12}
width={4.5}
height={6}
rx={2}
fill="url(#paint11_radial_31_1501)"
/>
<rect
x={18.5}
y={12}
width={4.5}
height={6}
rx={2}
fill="url(#paint12_radial_31_1501)"
/>
<rect
x={11}
y={3}
width={10}
height={3}
rx={1.5}
fill="url(#paint13_linear_31_1501)"
/>
<rect
x={11}
y={3}
width={10}
height={3}
rx={1.5}
fill="url(#paint14_radial_31_1501)"
/>
<path
d="M28 22.9401V11.9301C29.1 11.9301 30 12.8301 30 13.9301V20.9401C30 22.0401 29.1 22.9401 28 22.9401Z"
fill="url(#paint15_linear_31_1501)"
/>
<rect
x={9}
y={12}
width={2.5}
height={5}
rx={1.25}
fill="url(#paint16_linear_31_1501)"
/>
<rect
x={9}
y={12}
width={2.5}
height={5}
rx={1.25}
fill="url(#paint17_radial_31_1501)"
/>
<rect
x={20.5}
y={12}
width={2.5}
height={5}
rx={1.25}
fill="url(#paint18_linear_31_1501)"
/>
<rect
x={20.5}
y={12}
width={2.5}
height={5}
rx={1.25}
fill="url(#paint19_radial_31_1501)"
/>
<g filter="url(#filter0_f_31_1501)">
<line
x1={3.625}
y1={5}
x2={3.625}
y2={11}
stroke="url(#paint20_linear_31_1501)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter1_f_31_1501)">
<line
x1={28.625}
y1={5}
x2={28.625}
y2={11}
stroke="url(#paint21_linear_31_1501)"
strokeWidth={0.25}
/>
</g>
<ellipse
cx={29}
cy={13.5}
rx={1}
ry={1.5}
fill="url(#paint22_radial_31_1501)"
/>
<ellipse
cx={29}
cy={16.5}
rx={1}
ry={4.5}
fill="url(#paint23_radial_31_1501)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.7756 3.02527C20.3831 3.13809 20.8619 3.61694 20.9747 4.22437C20.8729 4.66862 20.4751 5 20 5C19.4477 5 19 4.55228 19 4C19 3.52486 19.3314 3.12711 19.7756 3.02527Z"
fill="url(#paint24_radial_31_1501)"
/>
<defs>
<filter
id="filter0_f_31_1501"
x={3}
y={4.5}
width={1.25}
height={7}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_31_1501"
/>
</filter>
<filter
id="filter1_f_31_1501"
x={28}
y={4.5}
width={1.25}
height={7}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_31_1501"
/>
</filter>
<radialGradient
id="paint0_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 11.5) rotate(141.911) scale(23.5053)"
>
<stop stopColor="#EEEBF0" />
<stop offset={0.493469} stopColor="#D1BEE3" />
<stop offset={1} stopColor="#D0BCE2" />
</radialGradient>
<linearGradient
id="paint1_linear_31_1501"
x1={12}
y1={18}
x2={4}
y2={18}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D5B2C0" stopOpacity={0} />
<stop offset={1} stopColor="#B4878D" />
</linearGradient>
<linearGradient
id="paint2_linear_31_1501"
x1={16}
y1={27}
x2={16}
y2={31}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B17EDB" stopOpacity={0} />
<stop offset={1} stopColor="#A56BD6" />
</linearGradient>
<radialGradient
id="paint3_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 13.5) rotate(-5.71059) scale(5.02494 19.2064)"
>
<stop stopColor="#F0EAF6" />
<stop offset={1} stopColor="#E7E0EF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_31_1501"
x1={4}
y1={3.94995}
x2={4}
y2={13.05}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EA248A" />
<stop offset={1} stopColor="#DF2232" />
</linearGradient>
<linearGradient
id="paint5_linear_31_1501"
x1={3}
y1={12}
x2={3}
y2={23}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E93273" />
<stop offset={1} stopColor="#D21844" />
</linearGradient>
<linearGradient
id="paint6_linear_31_1501"
x1={15.9982}
y1={17.7006}
x2={15.9982}
y2={11.3908}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#443E75" />
<stop offset={1} stopColor="#2F1A3B" />
</linearGradient>
<linearGradient
id="paint7_linear_31_1501"
x1={15.9982}
y1={25.6859}
x2={15.9982}
y2={22.8893}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#39325E" />
<stop offset={1} stopColor="#2B1831" />
</linearGradient>
<radialGradient
id="paint8_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4 3) rotate(104.036) scale(2.06155)"
>
<stop stopColor="#FF6C82" />
<stop offset={0.441384} stopColor="#FF2455" />
<stop offset={1} stopColor="#D9206C" />
</radialGradient>
<linearGradient
id="paint9_linear_31_1501"
x1={29}
y1={4}
x2={29}
y2={13.09}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EA248A" />
<stop offset={1} stopColor="#DF2232" />
</linearGradient>
<radialGradient
id="paint10_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.0167 3.03333) rotate(104.036) scale(2.13027)"
>
<stop stopColor="#FF6C82" />
<stop offset={0.441384} stopColor="#FF2455" />
<stop offset={1} stopColor="#D9206C" />
</radialGradient>
<radialGradient
id="paint11_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.5 15) rotate(168.69) scale(2.54951 3.48912)"
>
<stop stopColor="#322649" />
<stop offset={1} stopColor="#342950" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21 15) rotate(168.69) scale(2.54951 3.48912)"
>
<stop stopColor="#322649" />
<stop offset={1} stopColor="#342950" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_31_1501"
x1={16}
y1={3}
x2={14.5}
y2={6.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFCE2B" />
<stop offset={1} stopColor="#D9862D" />
</linearGradient>
<radialGradient
id="paint14_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 4) rotate(90) scale(3 10)"
>
<stop offset={0.430882} stopColor="#CA7E29" stopOpacity={0} />
<stop offset={1} stopColor="#673F13" />
</radialGradient>
<linearGradient
id="paint15_linear_31_1501"
x1={29}
y1={11.9301}
x2={29}
y2={22.9401}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF30AA" />
<stop offset={1} stopColor="#FF2353" />
</linearGradient>
<linearGradient
id="paint16_linear_31_1501"
x1={11.5}
y1={14}
x2={9}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#29B6FE" />
<stop offset={1} stopColor="#1769A8" />
</linearGradient>
<radialGradient
id="paint17_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11 13.5) rotate(90) scale(2.5 1.14393)"
>
<stop stopColor="#54C8FF" />
<stop offset={1} stopColor="#54C8FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_31_1501"
x1={23}
y1={14}
x2={20.5}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#29B6FE" />
<stop offset={1} stopColor="#1769A8" />
</linearGradient>
<radialGradient
id="paint19_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5 13.5) rotate(90) scale(2.5 1.14393)"
>
<stop stopColor="#54C8FF" />
<stop offset={1} stopColor="#54C8FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint20_linear_31_1501"
x1={3.5}
y1={7}
x2={3.5}
y2={9}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF96CB" />
<stop offset={1} stopColor="#FF6DB7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_31_1501"
x1={28.5}
y1={7}
x2={28.5}
y2={9}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF96CB" />
<stop offset={1} stopColor="#FF6DB7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint22_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29 13.5) rotate(90) scale(1.5 1)"
>
<stop stopColor="#FF72C1" />
<stop offset={1} stopColor="#FF6EBF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint23_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29 16.5) rotate(90) scale(4.5 0.55944)"
>
<stop stopColor="#FF4B9C" />
<stop offset={1} stopColor="#FF73C1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint24_radial_31_1501"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20 4) rotate(90)"
>
<stop stopColor="#FFEA60" />
<stop offset={1} stopColor="#FFEF66" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = RobotIcon;