Codepen Fill icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable communication vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-codepen-fill.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-codepen-fill.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-codepen-fill.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-codepen-fill.json
Category:communication
Tags:codepencodeplaygroundfrontenddevelopmentdemoeditor

The codepen-fill icon represents CodePen's code playground platform with a filled design for frontend development and code sharing features.

Featuring CodePen's distinctive geometric logo in solid filled style, this icon is commonly used to indicate CodePen profile links, code playground features, frontend demo sharing, and live code editor integrations in developer portfolios, documentation sites, and code sharing platforms.

Frequently Asked Questions

Common questions about the Codepen Fill icon

Similar Icons

Battery Full - status icon from Akar Icons
battery full
Lock On - system icon from Akar Icons
lock on
Panel Top - layout icon from Akar Icons
panel top
Music Album - media icon from Akar Icons
music album
Arrow Forward Thick - navigation icon from Akar Icons
arrow forward thick
Panel Right - layout icon from Akar Icons
panel right
Panel Split - layout icon from Akar Icons
panel split
Dropbox Fill - communication icon from Akar Icons
dropbox fill
Dot Grid - layout icon from Akar Icons
dot grid