Skip to content
IconMind

Developer Tools

Editor icons

19 icons in the editor group of Developer Tools: Autocomplete, Code block, Collapse block and 16 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

19 icons · 1 of 8 groupsOpen in browser

The 19 editor icons in Developer Tools, described

Autocompleteautocomplete
Autocomplete — the suggestion of what it thinks you meant to type.
Code blockcode-block
A code block — code set apart from the prose as a fenced snippet.
Collapse blockcollapse-block
Two chevrons closing inside brackets — fold a block of code out of view.
Editoreditor
An editor — the window or IDE where the code is written and edited.
Split editoreditor-split
A split editor — two files side by side in separate panes of the editor.
Editor tabeditor-tab
An editor tab — one open file among several in the editor's tab bar.
Embedembed
A window with angle brackets inside — the embed code for a widget or player.
Environment variableenvironment-var
An environment variable — a config value or secret handed to a process when it starts.
Formatformat-code
Format code — line it all up with a formatter like Prettier so it reads tidily.
Inline suggestioninline-suggestion
An inline suggestion — ghost text for what it thinks you were about to type.
Language serverlanguage-server
A language server — the LSP process that knows what your code means and tells the editor.
Live viewlive-view
A window with a lightning bolt inside — a live-updating preview.
Left to rightltr
Lines of text with an arrow pointing right — left-to-right text direction.
Macromacro
A lightning bolt held between brackets — a macro that expands into code.
Multi-cursormulti-cursor
Multi-cursor — two carets editing at once, one keystroke in several places.
Notebooknotebook
A notebook — cells of code you run one at a time, Jupyter style.
Organise importsorganize-imports
Organise imports — the jumble of imports sorted, deduplicated and tidied.
Right to leftrtl
Lines of text with an arrow pointing left — right-to-left text direction.
Search scopesearch-scope
A magnifying glass held between brackets — search within a scope.

In code, each is one import — import { Autocomplete } from "@iconmind/react/icons/autocomplete" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Narrow it by tag

Every editor icon in Developer Tools, free to ship

19 icons in outline and duotone at three weights, generated from one grid so nothing in the set can drift out of step. MIT licensed — commercial use, no attribution, no seat count.

Other groups in Developer Tools