What is this icon for?

This icon represents CodeSandbox, an online development environment. It's used in UIs to link to projects or indicate the use of this platform.

How do I use this in React?

You can import and use it in your React project with: import { IconBrandCodesandbox } from '@tabler/icons-react'.

What is the license for this icon?

This icon is part of the Tabler icon library, which is released under the MIT license.

brand codesandbox icon

Tabler · brand-codesandbox · MIT

Download SVG

The Tabler brand codesandbox icon depicts the CodeSandbox logo, commonly used to represent the online integrated development environment for web applications.

Common uses

Link to CodeSandbox project
Indicate online IDE
Brand affiliation

Use it in React

Install

npm i @tabler/icons-react

Import & render

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

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

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Brand
Keywords: onlinecodeeditorprototypingprototypewebappprogrammingintegrateddevelopmentenvironmenttechnologybrandcodesandboxcodesandbox logoonline ide

FAQ

What is this icon for?: This icon represents CodeSandbox, an online development environment. It's used in UIs to link to projects or indicate the use of this platform.
How do I use this in React?: You can import and use it in your React project with: import { IconBrandCodesandbox } from '@tabler/icons-react'.
What is the license for this icon?: This icon is part of the Tabler icon library, which is released under the MIT license.

Related icons

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

tabler tabler tabler tabler tabler tabler tabler tabler 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 →