DEVICONS

Codepen logo

2 styles → v1.0.0

An online code editor and social development environment for front-end web development with live preview.

Download SVG codepen.io
frontendcode editorweb developmentsocial coding

Looks better on a light background

Preview
|
|
Usage
Install
npm i @dev.icons/react
Import
import { Codepen, CodepenIcon } from "@dev.icons/react";
Render
<Codepen size={32} />
<CodepenIcon size={32} />

Using an AI agent? Ask the Devicons MCP server for codepen, or fetch its JSON from the Icons API.

Related icons