Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const Amazon = ({
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="M2.027 17.023q.09-.147.289-.02c3.035 1.76 6.338 2.645 9.906 2.645 2.381 0 4.73-.447 7.051-1.332l.262-.117c.115-.051.195-.084.244-.109.189-.074.326-.037.438.109.102.143.076.279-.1.4-.213.158-.5.342-.84.545q-1.557.927-3.492 1.441a14.8 14.8 0 0 1-3.77.508q-2.834 0-5.369-.99a14.9 14.9 0 0 1-4.531-2.797q-.125-.092-.125-.184.002-.058.041-.109zm5.479-5.189q0-1.258.619-2.152c.414-.592.977-1.041 1.703-1.346.666-.281 1.465-.48 2.43-.602q.49-.056 1.6-.145v-.31c0-.773-.084-1.299-.248-1.564-.252-.359-.65-.541-1.203-.541h-.15c-.4.039-.746.162-1.039.383a1.5 1.5 0 0 0-.564.916c-.049.25-.172.387-.361.426l-2.105-.264c-.209-.051-.311-.15-.311-.326 0-.037.006-.074.018-.123q.313-1.618 1.52-2.404c.814-.514 1.752-.814 2.828-.875h.451c1.379 0 2.469.361 3.244 1.076.115.123.227.25.34.398.1.139.188.264.234.377.063.111.127.275.164.475.051.213.088.352.113.426.023.086.051.25.064.514.006.262.016.41.016.461v4.406c0 .314.049.602.137.865.088.26.174.451.262.563l.428.561a.6.6 0 0 1 .111.303q0 .153-.148.26c-1.002.877-1.553 1.352-1.639 1.428q-.206.169-.525.039a5 5 0 0 1-.439-.414l-.258-.291c-.051-.063-.141-.174-.266-.352l-.25-.363c-.676.74-1.338 1.205-2.002 1.393-.414.125-.914.188-1.529.188-.926 0-1.701-.285-2.303-.863-.598-.576-.9-1.389-.9-2.453l-.043-.063zm3.131-.367q-.001.71.355 1.139c.236.285.563.428.965.428q.052-.001.16-.018c.078-.012.111-.02.141-.02.512-.133.902-.461 1.189-.982a2.6 2.6 0 0 0 .299-.758c.076-.268.1-.494.111-.666.016-.166.016-.453.016-.84v-.451q-1.056 0-1.604.148c-1.063.303-1.604.977-1.604 2.029l-.029-.016zm7.646 5.865c.025-.051.063-.092.109-.143.301-.201.596-.342.877-.416a6.6 6.6 0 0 1 1.344-.201q.177-.014.346.025c.539.051.873.141.977.273.053.078.074.191.074.328v.125q0 .638-.348 1.502c-.348.864-.553 1.041-.963 1.402q-.091.074-.164.074c-.025 0-.051 0-.074-.01-.076-.037-.09-.1-.055-.201.451-1.051.672-1.787.672-2.201 0-.127-.025-.227-.074-.289-.119-.137-.457-.217-1.02-.217a9 9 0 0 0-.727.039q-.455.06-.834.115-.11-.001-.15-.037c-.025-.025-.031-.039-.018-.064 0-.014.006-.025.018-.053v-.049z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Amazon Icon — Free SVG Component The Amazon 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 Amazon icon in React Import the Amazon 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: <Amazon 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: brands Browse more brands icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.