Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Flat Color Icons · FcAndroidOs

Android Os icon

A free android os icon from Flat Color Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asagent icon bot icon robot icon ai icon assistant icon chatbot icon automation icon

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/flat-color/android-os.json

components/icons/flat-color-android-os.tsx

import * as React from "react";

/**
 * Android Os from Flat Color Icons (https://github.com/icons8/flat-color-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/flat-color/android-os. Sized in em, colored by currentColor.
 */
export function FcAndroidOsIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      x="0px"
      y="0px"
      viewBox="0 0 48 48"
      enableBackground="new 0 0 48 48"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g>
        <path
          fill="#7CB342"
          d="M12,29.001c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2
		V29.001z"
        />
        <path
          fill="#7CB342"
          d="M40,29.001c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2
		V29.001z"
        />
        <path
          fill="#7CB342"
          d="M22,40c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2V40z"
        />
        <path
          fill="#7CB342"
          d="M30,40c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2V40z"
        />
        <path
          fill="#7CB342"
          d="M14,18.001V33c0,1.104,0.896,2,2,2h16c1.104,0,2-0.896,2-2V18.001H14z"
        />
        <path
          fill="#7CB342"
          d="M24,8c-6,0-9.655,3.645-10,8h20C33.654,11.645,30,8,24,8z M20,13.598c-0.552,0-1-0.448-1-1s0.448-1,1-1
		s1,0.448,1,1S20.552,13.598,20,13.598z M28,13.598c-0.553,0-1-0.448-1-1s0.447-1,1-1s1,0.448,1,1S28.553,13.598,28,13.598z"
        />
        <line
          fill="none"
          stroke="#7CB342"
          strokeWidth="2"
          strokeLinecap="round"
          x1="30"
          y1="7"
          x2="28.334"
          y2="9.499"
        />
        <line
          fill="none"
          stroke="#7CB342"
          strokeWidth="2"
          strokeLinecap="round"
          x1="18"
          y1="7"
          x2="19.333"
          y2="9.082"
        />
      </g>
    </svg>
  );
}

With react-icons

import { FcAndroidOs } from "react-icons/fc";

export function Example() {
  return <FcAndroidOs className="size-5" />;
}

android-os.svg

<svg
  version="1.1"
  x="0px"
  y="0px"
  viewBox="0 0 48 48"
  enable-background="new 0 0 48 48"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g>
    <path
      fill="#7CB342"
      d="M12,29.001c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2
		V29.001z"
    />
    <path
      fill="#7CB342"
      d="M40,29.001c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2
		V29.001z"
    />
    <path
      fill="#7CB342"
      d="M22,40c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2V40z"
    />
    <path
      fill="#7CB342"
      d="M30,40c0,1.104-0.896,2-2,2l0,0c-1.104,0-2-0.896-2-2v-9c0-1.104,0.896-2,2-2l0,0c1.104,0,2,0.896,2,2V40z"
    />
    <path
      fill="#7CB342"
      d="M14,18.001V33c0,1.104,0.896,2,2,2h16c1.104,0,2-0.896,2-2V18.001H14z"
    />
    <path
      fill="#7CB342"
      d="M24,8c-6,0-9.655,3.645-10,8h20C33.654,11.645,30,8,24,8z M20,13.598c-0.552,0-1-0.448-1-1s0.448-1,1-1
		s1,0.448,1,1S20.552,13.598,20,13.598z M28,13.598c-0.553,0-1-0.448-1-1s0.447-1,1-1s1,0.448,1,1S28.553,13.598,28,13.598z"
    />
    <line
      fill="none"
      stroke="#7CB342"
      stroke-width="2"
      stroke-linecap="round"
      x1="30"
      y1="7"
      x2="28.334"
      y2="9.499"
    />
    <line
      fill="none"
      stroke="#7CB342"
      stroke-width="2"
      stroke-linecap="round"
      x1="18"
      y1="7"
      x2="19.333"
      y2="9.082"
    />
  </g>
</svg>

Attribution

"Android Os" icon from Flat Color Icons (https://github.com/icons8/flat-color-icons), licensed under MIT license.

Related icons: agent, bot, robot, ai

Similar Flat Color Icons icons