Home/Libraries/Fluent Emoji (Iconify)/robot

Fluent Emoji (Iconify)

Robot

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#ioGYGLe)" d="M22.05 30H9.95C6.66 30 4 27.34 4 24.05V12.03C4 8.7 6.7 6 10.03 6h11.95C25.3 6 28 8.7 28 12.03v12.03c0 3.28-2.66 5.94-5.95 5.94"/><path fill="url(#iE4eCod)" d="M4 12a6 6 0 0 1 6-6h2v24h-2a6 6 0 0 1-6-6z"/><path fill="url(#iL7Njge)" d="M4 24h24a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6"/><path fill="url(#ixmdPJe)" d="M20 6h2a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6h-2z"/><path stroke="url(#iNlalmc)" stroke-miterlimit="10" d="M3.5 3.95v9.1"/><path fill="url(#iu2wnad)" d="M4 12v11c-1.1 0-2-.9-2-1.998v-7.004C2 12.9 2.9 12 4 12"/><path fill="url(#i37IFfe)" d="M22.753 18.5H9.247A4.257 4.257 0 0 1 5 14.25A4.257 4.257 0 0 1 9.247 10h13.506A4.257 4.257 0 0 1 27 14.25c0 2.331-1.918 4.25-4.247 4.25"/><path fill="url(#iGkhdKM)" d="M18.528 26h-5.056C12.66 26 12 25.326 12 24.5s.66-1.5 1.472-1.5h5.056c.811 0 1.472.674 1.472 1.5s-.66 1.5-1.472 1.5"/><path fill="url(#iUyzrbd)" d="M3.5 5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path stroke="url(#iFgZgte)" stroke-miterlimit="10" d="M28.5 4v9.09"/><path fill="url(#iVAFQYc)" d="M28.5 5.1a1.55 1.55 0 1 0 0-3.1a1.55 1.55 0 0 0 0 3.1"/><rect width="4.5" height="6" x="7" y="12" fill="url(#ixZ76wt)" rx="2"/><rect width="4.5" height="6" x="18.5" y="12" fill="url(#idl6nae)" rx="2"/><rect width="10" height="3" x="11" y="3" fill="url(#ixAHGHb)" rx="1.5"/><rect width="10" height="3" x="11" y="3" fill="url(#iYVh52d)" rx="1.5"/><path fill="url(#iXlBVsc)" d="M28 22.94V11.93c1.1 0 2 .9 2 2v7.01c0 1.1-.9 2-2 2"/><rect width="2.5" height="5" x="9" y="12" fill="url(#iuNj3lb)" rx="1.25"/><rect width="2.5" height="5" x="9" y="12" fill="url(#iL4qXMd)" rx="1.25"/><rect width="2.5" height="5" x="20.5" y="12" fill="url(#iGpwfoe)" rx="1.25"/><rect width="2.5" height="5" x="20.5" y="12" fill="url(#iraFk1H)" rx="1.25"/><g filter="url(#icAtCpe)"><path stroke="url(#iS2btSc)" stroke-width="1.5" d="M3.625 5v6"/></g><g filter="url(#iZuFTjc)"><path stroke="url(#i7jkKMb)" stroke-width="1.5" d="M28.625 5v6"/></g><ellipse cx="29" cy="13.5" fill="url(#i8plZrc)" rx="1" ry="1.5"/><ellipse cx="29" cy="16.5" fill="url(#i75jy3c)" rx="1" ry="4.5"/><path fill="url(#iNVOLdb)" fill-rule="evenodd" d="M19.776 3.025a1.5 1.5 0 0 1 1.199 1.2a1 1 0 1 1-1.2-1.2" clip-rule="evenodd"/><defs><linearGradient id="iE4eCod" x1="12" x2="4" y1="18" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#D5B2C0" stop-opacity="0"/><stop offset="1" stop-color="#B4878D"/></linearGradient><linearGradient id="iL7Njge" x1="16" x2="16" y1="27" y2="31" gradientUnits="userSpaceOnUse"><stop stop-color="#B17EDB" stop-opacity="0"/><stop offset="1" stop-color="#A56BD6"/></linearGradient><linearGradient id="iNlalmc" x1="4" x2="4" y1="3.95" y2="13.05" gradientUnits="userSpaceOnUse"><stop stop-color="#EA248A"/><stop offset="1" stop-color="#DF2232"/></linearGradient><linearGradient id="iu2wnad" x1="3" x2="3" y1="12" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#E93273"/><stop offset="1" stop-color="#D21844"/></linearGradient><linearGradient id="i37IFfe" x1="15.998" x2="15.998" y1="17.701" y2="11.391" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#443E75"/><stop offset="1" stop-color="#2F1A3B"/></linearGradient><linearGradient id="iGkhdKM" x1="15.998" x2="15.998" y1="25.686" y2="22.889" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#39325E"/><stop offset="1" stop-color="#2B1831"/></linearGradient><linearGradient id="iFgZgte" x1="29" x2="29" y1="4" y2="13.09" gradientUnits="userSpaceOnUse"><stop stop-color="#EA248A"/><stop offset="1" stop-color="#DF2232"/></linearGradient><linearGradient id="ixAHGHb" x1="16" x2="14.5" y1="3" y2="6.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCE2B"/><stop offset="1" stop-color="#D9862D"/></linearGradient><linearGradient id="iXlBVsc" x1="29" x2="29" y1="11.93" y2="22.94" gradientUnits="userSpaceOnUse"><stop stop-color="#FF30AA"/><stop offset="1" stop-color="#FF2353"/></linearGradient><linearGradient id="iuNj3lb" x1="11.5" x2="9" y1="14" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#29B6FE"/><stop offset="1" stop-color="#1769A8"/></linearGradient><linearGradient id="iGpwfoe" x1="23" x2="20.5" y1="14" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#29B6FE"/><stop offset="1" stop-color="#1769A8"/></linearGradient><linearGradient id="iS2btSc" x1="3.5" x2="3.5" y1="7" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF96CB"/><stop offset="1" stop-color="#FF6DB7" stop-opacity="0"/></linearGradient><linearGradient id="i7jkKMb" x1="28.5" x2="28.5" y1="7" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#FF96CB"/><stop offset="1" stop-color="#FF6DB7" stop-opacity="0"/></linearGradient><radialGradient id="ioGYGLe" cx="0" cy="0" r="1" gradientTransform="rotate(141.911 10.515 10.065)scale(23.5053)" gradientUnits="userSpaceOnUse"><stop stop-color="#EEEBF0"/><stop offset=".493" stop-color="#D1BEE3"/><stop offset="1" stop-color="#D0BCE2"/></radialGradient><radialGradient id="ixmdPJe" cx="0" cy="0" r="1" gradientTransform="matrix(5 -.5 1.9111 19.11108 25 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#F0EAF6"/><stop offset="1" stop-color="#E7E0EF" stop-opacity="0"/></radialGradient><radialGradient id="iUyzrbd" cx="0" cy="0" r="1" gradientTransform="matrix(-.5 2 -2 -.5 4 3)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6C82"/><stop offset=".441" stop-color="#FF2455"/><stop offset="1" stop-color="#D9206C"/></radialGradient><radialGradient id="iVAFQYc" cx="0" cy="0" r="1" gradientTransform="rotate(104.036 13.324 12.844)scale(2.13027)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6C82"/><stop offset=".441" stop-color="#FF2455"/><stop offset="1" stop-color="#D9206C"/></radialGradient><radialGradient id="ixZ76wt" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 .5 -.68428 -3.42136 9.5 15)" gradientUnits="userSpaceOnUse"><stop stop-color="#322649"/><stop offset="1" stop-color="#342950" stop-opacity="0"/></radialGradient><radialGradient id="idl6nae" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 .5 -.68428 -3.42136 21 15)" gradientUnits="userSpaceOnUse"><stop stop-color="#322649"/><stop offset="1" stop-color="#342950" stop-opacity="0"/></radialGradient><radialGradient id="iYVh52d" cx="0" cy="0" r="1" gradientTransform="matrix(0 3 -10 0 16 4)" gradientUnits="userSpaceOnUse"><stop offset=".431" stop-color="#CA7E29" stop-opacity="0"/><stop offset="1" stop-color="#673F13"/></radialGradient><radialGradient id="iL4qXMd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.5 -1.14393 0 11 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#54C8FF"/><stop offset="1" stop-color="#54C8FF" stop-opacity="0"/></radialGradient><radialGradient id="iraFk1H" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.5 -1.14393 0 22.5 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#54C8FF"/><stop offset="1" stop-color="#54C8FF" stop-opacity="0"/></radialGradient><radialGradient id="i8plZrc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.5 -1 0 29 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF72C1"/><stop offset="1" stop-color="#FF6EBF" stop-opacity="0"/></radialGradient><radialGradient id="i75jy3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.5 -.55944 0 29 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4B9C"/><stop offset="1" stop-color="#FF73C1" stop-opacity="0"/></radialGradient><radialGradient id="iNVOLdb" cx="0" cy="0" r="1" gradientTransform="rotate(90 8 12)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA60"/><stop offset="1" stop-color="#FFEF66" stop-opacity="0"/></radialGradient><filter id="icAtCpe" width="1.25" height="7" x="3" y="4.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_1501" stdDeviation=".25"/></filter><filter id="iZuFTjc" width="1.25" height="7" x="28" y="4.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_1501" stdDeviation=".25"/></filter></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. RobotIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.