React · @dev.icons/react
Express React icon component
Express is a minimal and flexible Node.js web application framework for building APIs and web applications.
Install
npm install @dev.icons/react Import
import { Express } from "@dev.icons/react"; Render
<Express size={32} /> Props
<Express /> renders an inline <svg>. It
accepts every SVG attribute plus these props:
| Prop | Type | Default | What it does |
|---|---|---|---|
size | number | string | "1em" | Sets width and height, so the icon scales with the surrounding text by default. |
color | string | "currentColor" | Fill for monochrome icons. Color icons keep their brand colors. |
alt | string | none | Accessible name, rendered as an SVG <title>. |
mirrored | boolean | false | Flips the icon horizontally. |
Size, color and accessibility
<Express size={48} alt="Express logo" className="shrink-0" /> Monochrome Express icon
The /mono entry point exports a single-color version that
follows currentColor, so it inherits your text color in
light and dark themes.
import { Express } from "@dev.icons/react/mono";
<Express color="var(--text-muted)" /> TypeScript and Server Components
Components are typed and have no hooks, so they render in React Server Components, the Next.js app router and any SSR setup. Named imports keep the bundle to the icons you use.
import type { ComponentProps } from "react";
import { Express } from "@dev.icons/react";
type LogoProps = ComponentProps<typeof Express>;
export function StackLogo(props: LogoProps) {
return <Express size={24} alt="Express" {...props} />;
}