Quickstart

Select your integration, install Pictum, and render your first icon. Icons use a lowercase prefix:name identifier, such as lucide:circle-check.

Install Pictum

Install the React package.

npm install @pictum/react

pnpm add @pictum/react

bun add @pictum/react

yarn add @pictum/react

Render your first icon

import { Icon } from "@pictum/react";

export function Example() {
  return (
    <Icon
      name="lucide:circle-check"
      aria-label="Completed"
      width={24}
      height={24}
    />
  );
}

Read the complete React integration.

Next steps

Learn how to choose and render icons.
Choose an avatar style and format.
Create and configure QR codes.
Create custom-size placeholders.
Review the OpenAPI reference for direct HTTP access.

Getting started

Assets

Integrations

Reference

Next steps

​Next steps

Next steps