What does the API icon represent?

It visually represents an Application Programming Interface, often used for technical or development-related functions.

How do I use this icon in React?

You can import and use it like this: import { IconApi } from '@tabler/icons-react'; .

What is the license for this icon?

The Tabler icon library, including the api icon, is available under the MIT license.

api icon

Tabler · api · MIT

The Tabler api icon depicts a stylized representation of an Application Programming Interface, commonly used in UIs to signify settings, technical configurations, or development-related features.

Common uses

Button to access API settings
Label for an API key input field
Menu item for developer documentation

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconApi } from '@tabler/icons-react';

<IconApi size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Development
Keywords: programmingcodingprogramcodeconfigurationapisoftwaretechnicaldeveloperinterfacedevelopmentsettings

FAQ

What does the API icon represent?: It visually represents an Application Programming Interface, often used for technical or development-related functions.
How do I use this icon in React?: You can import and use it like this: import { IconApi } from '@tabler/icons-react'; <IconApi />.
What is the license for this icon?: The Tabler icon library, including the api icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Tabler.

hugeicons tabler tabler tabler tabler

Looking for something else? Search Tabler and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →