Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const Android = ({
size = 24,
color = "currentColor",
className,
...props
}: IconProps) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width={size}
height={size}
fill={color}
className={className}
{...props}
>
<path d="M21.94 17.56s-.01-.08-.02-.12a10 10 0 0 0-1-2.99c-.48-.92-1.1-1.76-1.83-2.49a10.4 10.4 0 0 0-1.77-1.41s0-.01.01-.02c.2-.35.4-.7.61-1.05l.59-1.02c.14-.24.28-.49.42-.73.14-.25.16-.55.05-.82a.93.93 0 0 0-.38-.43c-.12-.07-.25-.11-.39-.13h-.17c-.29.03-.55.2-.7.45-.14.24-.28.49-.42.73l-.59 1.02c-.2.35-.4.7-.61 1.05-.02.04-.04.08-.07.11-.03-.01-.06-.02-.09-.04-1.11-.42-2.32-.66-3.58-.66h-.1a10 10 0 0 0-3.55.69c-.02-.04-.04-.07-.06-.11-.2-.35-.4-.7-.61-1.05l-.59-1.02c-.14-.24-.28-.49-.42-.73a.9.9 0 0 0-.87-.45c-.14.01-.27.05-.39.13-.13.08-.24.19-.32.32l-.06.12c-.09.2-.1.43-.03.64.02.06.05.12.08.18.14.24.28.49.42.73.2.34.39.68.59 1.02.2.35.4.7.61 1.05-.41.25-.79.53-1.16.84-.66.55-1.24 1.18-1.73 1.88a10 10 0 0 0-1.73 4.18c0 .04-.01.08-.02.12l-.06.44h20l-.06-.44ZM8.13 14.82c-.33.49-.92.68-1.32.41s-.46-.88-.13-1.38c.33-.49.92-.68 1.32-.41s.46.88.13 1.38m9.07.41c-.4.27-.99.08-1.32-.41s-.27-1.11.13-1.38.99-.08 1.32.41.27 1.11-.13 1.38" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Related languages-frameworks icons
Android Icon — Free SVG Component The Android icon is a free, open-source SVG icon component built with TypeScript for React, Next.js, Vue, Remix, Svelte, and Astro projects. No npm install or package dependency required — just copy the component code and paste it into your project.
How to use Android icon in React Import the Android component from your icons folder. Use it as a standard React component with props: size (number), color (string), className (string), and all standard SVG attributes via spread props.
Example: <Android size={24} color=“currentColor“ className=“shrink-0“ />
Features Zero dependencies — no package install needed TypeScript ready with full type safety Fully customizable size, color, and className Works with Tailwind CSS, styled-components, CSS modules Accessible — supports aria attributes Tree-shakeable — only import what you use MIT licensed — free for commercial use Compatible frameworks React, Next.js (App Router & Pages Router), Vue, Remix, Svelte, Astro, Nuxt, Gatsby, Vite, Angular, Qwik.
Category: languages-frameworks Browse more languages-frameworks icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.