Skip to content

Open Source Icon

Libraries Categories Collections Tools Extensions

Loading icon…

Open Source Icon

A fast, open home for icons. Search 314,000+ SVGs from 230+ open-source libraries, then copy them as SVG, JSX, Vue, Svelte or PNG — recolored and resized right in the browser.

Browse

All libraries
Categories
Collections
Global search
Free tools

Popular libraries

Lucide
Tabler
Phosphor
Material Symbols
Heroicons
Simple Icons

Popular types

Arrow icons
Home icons
User icons
Settings icons
Search icons
Heart icons

Apps & plugins

All extensions
VS Code extension
Figma plugin
MCP server

© 2026 Open Source Icon

Every icon keeps its original open-source license (MIT, Apache 2.0, CC BY 4.0 and more). Check each library before shipping.

Home Libraries TDesign Iconslogo-codepen

logo-codepen

MonotoneMIT

96px

16px

24px

32px

48px

64px

tdesign:logo-codepen

Customize

Size

px

Color

currentColor

Stroke width

2

Transform

Preview background

Download & copy

PNG at 96px — set under Size

pnpm dlx shadcn@latest add https://opensourceicon.com/r/tdesign/logo-codepen.json

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M2.5 15.15L12 8.5m0 0l9.5 6.65M12 8.5V2.75m9.5 6.1L12 15.5m0 0L2.5 8.85M12 15.5v6m-10-6v-7L12 2l10 6.5v7L12 22z"/></svg>

Shortcuts: C copy SVG · D download · R rotate · H/V flip · ← → previous/next icon · 0 reset

TDesign Icons · by TDesign · 2,350 icons · MIT

Browse all TDesign Icons

logo-cnb-filled logo-codesandbox

Related icons

Similar icons from TDesign Icons

logo-adobe-illustrate logo-adobe-illustrate-filled logo-adobe-lightroom logo-adobe-lightroom-filled logo-adobe-photoshop logo-adobe-photoshop-1 logo-adobe-photoshop-filled logo-alipay logo-alipay-filled logo-android logo-android-filled logo-apple logo-apple-filled logo-behance logo-behance-filled logo-chrome logo-chrome-filled logo-cinema4d