1. Icon Monks
2. Editor icons
3. Code Block

Code Block icon

A free code block icon from the Editor set, useful for code, snippet, embed, developer. It comes in six weights and is free for personal and commercial use under the MIT license.

SVG

SVG

SVG

SVG

SVG

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the code block icon in your code

import { CodeBlock } from '@icon-monks/react';

<CodeBlock size={24} />

<script setup>
import { CodeBlock } from '@icon-monks/vue';
</script>

<CodeBlock :size="24" />

<icon-monks name="code-block" size="24"></icon-monks>

<i class="im im-code-block"></i>

Icon(IconMonks.codeBlock)

Image(iconMonks: .codeBlock)

Icon(IconMonks.Regular.CodeBlock, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

• code
• snippet
• embed
• developer
• programming

Related editor icons

• pencil-code
• brackets-curly
• brackets-square
• function
• align-box-bottom-center
• align-box-bottom-left
• align-box-bottom-right
• align-box-center-bottom
• align-box-center-middle
• align-box-center-stretch
• align-box-center-top
• align-box-left-bottom
• align-box-left-middle
• align-box-left-stretch
• align-box-left-top
• align-box-right-bottom
• align-box-right-middle
• align-box-right-stretch

See all 277 editor icons