- Icon Monks
- Brands icons
- Codepen Logo
Codepen Logo icon
A free codepen logo icon from the Brands set, useful for codepen, code editor, playground, frontend. It comes in six weights and is free for personal and commercial use under the MIT license.
Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.
Use the codepen logo icon in your code
React
import { CodepenLogo } from '@icon-monks/react';
<CodepenLogo size={24} />Vue
<script setup>
import { CodepenLogo } from '@icon-monks/vue';
</script>
<CodepenLogo :size="24" />Web component
<icon-monks name="codepen-logo" size="24"></icon-monks>Icon font
<i class="im im-codepen-logo"></i>Flutter
Icon(IconMonks.codepenLogo)SwiftUI
Image(iconMonks: .codepenLogo)Compose
Icon(IconMonks.Regular.CodepenLogo, contentDescription = null)Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.
