The Tabler codeblock icon depicts a block of code, commonly used in UIs to represent code snippets, programming examples, or areas for code input.
Common uses
- Button to insert code block in a rich text editor.
- Placeholder for code examples in documentation.
- Label for a code editing or viewing section.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCodeblock } from '@tabler/icons-react';
<IconCodeblock size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Development
- Keywords
- codesnippetprogrammingsyntaxdeveloperscriptsourcetexthighlighteditorblocktechnicaldevelopmentcodeblock
FAQ
- What does the codeblock icon represent?
- It represents a block of source code, often used for programming examples or code input areas.
- How do I use the codeblock icon in React?
- Import it using `import { IconCodeblock } from '@tabler/icons-react'` and then use it as a React component.
- What is the license for the Tabler codeblock icon?
- The Tabler icon library, including the codeblock icon, is available under the MIT license.