Overview Version History Q & A Rating & Review
Reicon for VS Code
Browse and insert 2674+ Reicon icons • Outline & Filled weights • React, Vue, Svelte, SVG, JSX • Smart code insertion
Features •
Quick Start •
Configuration •
Related •
Links
Reicon for VS Code brings the official, pixel-perfect Reicon library directly into your code editor. Browse, search, customize, and insert icons instantly in multiple formats with zero context switching.
Features
Activity Bar Panel — A custom sidebar panel that houses the icon browser2674+ Pixel-Perfect Icons — Browse the complete collection in both Outline and Filled weightsSmart Code Insertion — Click any icon to instantly insert it at your cursor in your preferred framework syntax:
React (JSX) : <Home size={24} color="#9B8AFB" />Vue : <Home :size="24" color="#9B8AFB" />Svelte : <Home size={24} color="#9B8AFB" />SVG : Raw SVG code <svg ...>...</svg>
Live Customization — Adjust size (in pixels) and color (using preset swatches or hex inputs) directly in the sidebar toolbar before insertingSmart Theme Adaptation — Automatically uses currentColor by default to match your VS Code themeState Persistence — Remembers your preferred format, color, size, and category choices between editor sessionsClipboard Fallback — Copies the formatted code snippet to your clipboard automatically if no text editor is currently active
Quick Start
Install the extension from the VS Code Marketplace
Click the Reicon logo in the Activity Bar on the left
Search for icons by name, category, or description keywords
Set your preferred Format (React, Vue, Svelte, SVG), Size , and Color
Click on any icon grid card to instantly insert the code at your cursor
Configuration
Feature
Description
Search Press Cmd+F (Mac) / Ctrl+F (Win) when the panel is open to focus the search input
Theme Color Use the currentColor option to match the surrounding text color
Preview Size Use the button menu (top-right) to increase or decrease preview size
Package
Description
reiconCore vanilla JS + CDN runtime. No framework required.
reicon-reactReact components for 2674+ icons.
reicon-vueVue 3 components for 2674+ icons.
reicon-svelteSvelte components for 2674+ icons.
Links
License
MIT © Dev Chauhan
Free to use in personal and commercial projects. Attribution is appreciated but not required.
