Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const IMDB = ({
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="M13.646 10.237q-.085-.048-.313-.048v3.542q.301 0 .371-.122c.07-.122.07-.301.07-.66v-2.092q0-.366-.023-.469a.22.22 0 0 0-.105-.151m3.499 1.182q-.124 0-.162.091-.037.091-.037.46v1.426q0 .355.041.456.044.1.168.1c.086 0 .199-.035.225-.103q.04-.104.039-.495V11.97q0-.342-.043-.447c-.032-.069-.147-.104-.231-.104" />
<path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1M6.631 14.663H5.229V9.266h1.402zm4.822 0H10.23l-.006-3.643-.49 3.643h-.875L8.342 11.1l-.004 3.563H7.111V9.266H8.93q.077.49.166 1.15l.201 1.371.324-2.521h1.832zm3.664-1.601c0 .484-.027.808-.072.97a.73.73 0 0 1-.238.383 1 1 0 0 1-.422.193q-.25.055-.754.055h-1.699V9.266h1.047c.678 0 1.07.031 1.309.093q.36.093.545.306.188.213.234.475c.031.174.051.516.051 1.026zm3.654.362q0 .486-.066.723a.76.76 0 0 1-.309.413.95.95 0 0 1-.572.174c-.158 0-.365-.035-.502-.104a1.1 1.1 0 0 1-.377-.312l-.088.344h-1.262V9.266h1.35v1.755a1.1 1.1 0 0 1 .375-.289c.137-.064.344-.096.504-.096q.28 0 .484.087a.72.72 0 0 1 .44.549q.023.15.023.638z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
IMDB Icon — Free SVG Component The IMDB 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 IMDB icon in React Import the IMDB 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: <IMDB 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.