codepen · Simple Icons
Free SVG codepen icon from Simple Icons. Rendered at 24×24 in the filled style and licensed under CC0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC0 licensed icons.
Tags
- codepen
Code
HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M18.144 13.067v-2.134L16.55 12zm1.276 1.194l-.006.083l-.005.028l-.011.053l-.01.031l-.017.047l-.014.03l-.021.043l-.019.03a.6.6 0 0 1-.08.1l-.026.025l-.036.03l-.029.022l-.01.008l-6.782 4.522a.64.64 0 0 1-.708 0L4.864 14.79l-.01-.008l-.065-.052l-.026-.025l-.032-.034l-.021-.028a.6.6 0 0 1-.067-.11l-.014-.031l-.017-.047l-.01-.03l-.01-.054l-.006-.028l-.006-.083V9.739l.006-.083l.005-.027l.011-.054l.01-.03a.6.6 0 0 1 .12-.217l.031-.034l.026-.025l.065-.052l.01-.008l6.782-4.521a.64.64 0 0 1 .708 0l6.782 4.521l.01.008l.03.022l.035.03q.014.012.026.025a.6.6 0 0 1 .08.1l.019.03l.021.043l.014.03q.01.024.017.047l.01.031l.01.054l.006.027l.006.083zM12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12c6.628 0 12-5.372 12-12c0-6.627-5.372-12-12-12m0 10.492L9.745 12L12 13.51L14.255 12zm.638 4.124v2.975l4.996-3.33l-2.232-1.493zm-6.272-.356l4.996 3.33v-2.974l-2.764-1.849zm11.268-4.52l-4.996-3.33v2.974l2.764 1.85zm-6.272-.356V6.41L6.366 9.74l2.232 1.493zm-5.506 1.549v2.134L7.45 12Z"/></svg>
React
// Run: npx sant-icons get brand-codepen --format react
export function BrandCodepen(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="currentColor" d="M18.144 13.067v-2.134L16.55 12zm1.276 1.194l-.006.083l-.005.028l-.011.053l-.01.031l-.017.047l-.014.03l-.021.043l-.019.03a.6.6 0 0 1-.08.1l-.026.025l-.036.03l-.029.022l-.01.008l-6.782 4.522a.64.64 0 0 1-.708 0L4.864 14.79l-.01-.008l-.065-.052l-.026-.025l-.032-.034l-.021-.028a.6.6 0 0 1-.067-.11l-.014-.031l-.017-.047l-.01-.03l-.01-.054l-.006-.028l-.006-.083V9.739l.006-.083l.005-.027l.011-.054l.01-.03a.6.6 0 0 1 .12-.217l.031-.034l.026-.025l.065-.052l.01-.008l6.782-4.521a.64.64 0 0 1 .708 0l6.782 4.521l.01.008l.03.022l.035.03q.014.012.026.025a.6.6 0 0 1 .08.1l.019.03l.021.043l.014.03q.01.024.017.047l.01.031l.01.054l.006.027l.006.083zM12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12c6.628 0 12-5.372 12-12c0-6.627-5.372-12-12-12m0 10.492L9.745 12L12 13.51L14.255 12zm.638 4.124v2.975l4.996-3.33l-2.232-1.493zm-6.272-.356l4.996 3.33v-2.974l-2.764-1.849zm11.268-4.52l-4.996-3.33v2.974l2.764 1.85zm-6.272-.356V6.41L6.366 9.74l2.232 1.493zm-5.506 1.549v2.134L7.45 12Z"/></svg>
);
}CLI
npx sant-icons get brand-codepen
Properties
- Name
- codepen
- Library
- Simple Icons
- Style
- filled
- License
- CC0
- Version
- 1.2.101
- Identifier
- brand-codepen
codepen in other libraries
The codepen icon ships with Simple Icons, an open-source icon set licensed under CC0. Search for it as "simple icons codepen", "codepen svg", or any of its tagged terms (codepen). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch brand-codepen directly into your project. No browser context-switch.