---
title: "Code Block Icon | Free Download PNG & SVG | Sharp Gradient"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/code-block--28102
canonical_url: "https://www.streamlinehq.com/icons/download/code-block--28102"
summary: "Sharp gradient icon of a rectangular code block with two angular chevrons. Used for code editors and developer tools."
---

# Code Block icon

The Code Block icon shows a rectangular panel with two angular chevrons cut into its upper area. Drawn in the gradient style on a 24px grid, its bold geometric shapes stay clear in compact interfaces. Use it for code editors, developer tools, programming dashboards, API documentation, and technical interface controls. It belongs to Sharp Gradient set in the Sharp family.

## Preview

![Sharp gradient icon of a rectangular code block with two angular chevrons. Used for code editors and developer tools.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/script/code-block-8locsa1xcgvotlflw00xw.png/code-block-06y19g4qr4cifhnhd5u6vn.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Code Block
- **Type**: Icon
- **Set**: [Sharp Gradient](/icons/sharp-gradient.md) — Sharp cuts the chase with its bold and geometric look. It follows strict construction guidelines to convey a high-tech feel. The Gradient style is best suited for designs where impact and immersion are key, especially on dark backgrounds. All Sharp Gradient icons are designed on a 24px grid using filled shapes as gradient colors.
- **Family**: [Sharp](/icons/sharp-sets.md) — Brutalist icons
- **Style**: Gradient, Geometric
- **Category**: Programming › Script
- **Default size**: 24px
- **Pricing**: Pro
- **License**: [Commercial](https://home.streamlinehq.com/license-premium)
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: code, block, brackets, html, markup, syntax, programming, development, webdev, coding

## Download

- [Download Code Block on Streamline](https://www.streamlinehq.com/icons/download/code-block--28102)

## Also available in other styles

- [Code Block — Sharp Solid](/icons/download/code-block--25284.md) (Pro)
- [Code Block — Sharp Remix](/icons/download/code-block--28770.md) (Pro)
- [Code Block — Sharp Flat](/icons/download/code-block--25448.md) (Pro)
- [Code Block — Sharp Pop](/icons/download/code-block--31588.md) (Pro)
- [Code Block — Sharp Neon](/icons/download/code-block--30771.md) (Pro)
- [Code Block — Sharp Line](/icons/download/code-block--24940.md) (Pro)
- [Code Block — Sharp Duo](/icons/download/code-block--25116.md) (Pro)

---

[View full sitemap](/sitemap.md)