The Tabler brand codepen icon depicts the Codepen logo, commonly used to link to a user's Codepen profile or represent the Codepen platform in UI elements.
Common uses
- Link to Codepen profile
- Represent coding platform
- Brand association in web apps
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBrandCodepen } from '@tabler/icons-react';
<IconBrandCodepen size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Brand
- Keywords
- logocommunityinternetcodesprogramingprogrammersourcewebsiteplatformdesignerbrandcodepencodepen logocode editor iconprogramming platformonline code community
FAQ
- What is the brand-codepen icon used for?
- It represents the Codepen platform or a user's profile on Codepen. It's useful for linking to code examples or developer portfolios.
- How do I use the brand-codepen icon in React?
- You can import it directly from the '@tabler/icons-react' library like this: import { IconBrandCodepen } from '@tabler/icons-react'.
- What is the license for the brand-codepen icon?
- The Tabler icon library, including the brand-codepen icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.