Codemirror
The codemirror icon represents a popular JavaScript library for building code editors.
Add shadcn.io to your AI agent. · Pro It installs Codemirror, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
930 in File IconsISC license (opens in a new tab)Free to copy and download
Code
Codemirror in your framework
In any framework. Customize it above, and the code follows.
export const CodemirrorIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M236.794 353.776s-19.495-6.962-48.04 4.177c-39.796 15.566-3.5 65.548-71.522 79.125c-126.013-71.54-127.52-262.162-.992-323.644c80.067-41.078 131.562-24.843 120.422-84.719c60.346 2.91 93.695 29.502 112.573 71.981c5.949 13.384-21.896 17.873-30.133 18.897c-.856-15.767-6.09-28.751-6.417-30.385c1.333 77.353-34.593 93.227-103.043 57.091c.003.004 23.854 30.919 56.076 31.54c14.392 50.934-23.46 95.094-46.852 107.88c0 0 25.292-4.239 45.686-26.049c54.536 30.161 79.77-22.335 114.274-7.543c22.976 10.444 27.448 17.442 34.463 22.627c8.007 5.92 8.703 12.183 3.133 17.754c-5.57 5.57.001 9.748-3.48 16.014c-3.482 6.266-20.887 9.05-20.887 9.05s19.084-24.518-4.177-26.455c-16.71-1.393-27.153-23.674-50.826-11.837c-73.944 39.693-139.166 74.986-165.845 28.56c24.646-27.043 26.6-64.764 26.6-64.764c-25.125 84.106-111.388 55.7-121.842 128.107c14.701-24.501 54.188-31.765 81.96-51.647c12.622 23.793 49.574 33.376 108.786 11.846c25.654 15.225 11.66 54.493-34.095 76.702c-20.19 8.355-41.774 19.494-44.56 35.508c-2.783 16.012 18.104 22.976 30.636 21.583c12.532-1.391 13.924-11.14 36.9-13.228c9.051-1.393 10.443 7.657 20.887 7.657c4.177 0 5.57 3.482 4.874-3.48c-.697-6.963-6.963-11.14-6.963-11.14s5.57 0 13.229 4.177c-1.392-10.444-17.406-17.406-35.508-14.621s-25.064 18.798-37.597 12.532c-15.049-7.525 0-19.494 20.19-28.544c16.26-7.29 39.736-20.906 51.9-40.11c8.644 7.892 38.697 32.147 69.246 19.223c-6.267-4.875-23.672-3.482-9.05-11.837c14.62-8.355 25.76-11.14 32.722 2.089c3.48-.696 3.48-31.33-42.47-29.242c-14.611-1.906-33.85-28.15-37.11-44.898c8.266-5.26 16.393-10.822 25.273-16.372c22.28-13.923 20.887-7.657 23.672-6.962s15.317 8.355 28.545 6.962c.697 6.964-6.265 1.393-9.05 7.66c-.662 1.984 1.695 7.461 6.2 12.35l-7.481 13.551c-2.343 7.45 11.664 13.816 15.902 3.34c0 0 1.71-3.849 3.863-8.91a20.6 20.6 0 0 0 9.365.555c28.546-4.873 20.539-16.71 26.11-29.937c4.888-11.612 8.43-18.399-9.614-32.599l1.594-4.781c15.13-2.1 29.62-30.01 44.572-64.967c17.37-40.61 25.064-73.104 9.687-81.46c-17.17-9.33-38.269 25.534-55.638 66.144c-14.99 35.042-18.519 64.203-10.63 75.308l-.646 1.417c-20.182-17.204-31.56-12.672-41.639-12.672c-10.443 0-37.597 14.62-56.395 11.14c-13.374-2.477-23.218-6.714-27.79-8.954c11.476-19.403 13.352-37.911 13.301-52.436c6.276 6.572 17.085 12.811 35.377 11.956c25.817-1.206 20.19-14.62 37.596-17.405s15.554-11.58 11.836-18.798c-5.833-11.322-23.827-14.213-26.345-46.455c16.4-8.194 19.563-8.081 9.374-32.133c-24.874-62.374-82.388-86.781-142.467-60.66c7.441-.28 14.532-.247 21.3.08c.162 62.013-117.302 33.192-193.966 124.547C-62.506 289.377 34.41 491.563 264.642 493.72C402.497 493.72 512 387.713 512 314.608c0-38.293-21.04-29.755-28.317 6.17c-6.567 32.427-67.261 153.447-219.736 153.447c-47.817 0-88.304-9.11-121.661-24.06c67.465-25.709 1.613-78.553 94.508-96.39m42.523-28.11a193 193 0 0 0 8.54-4.592c3.096 12.928 26.015 48.428 42.233 45.932c18.101-2.785 20.886 2.786 15.316 6.266c-5.57 3.482-15.316 4.875-13.924 9.748s5.221 9.748-3.83 8.355c-8.204-1.263-24.13-9.39-35.336-24.9c6.021-16.758-1.01-32.342-12.999-40.81m167.333-137.76c-15.101 37.732-36.232 61.414-38.834 59.959c-4.694-2.625-1.502-32.14 13.602-69.872c15.1-37.733 33.034-59.774 40.002-57.037s.331 29.217-14.77 66.95m-158.219-5.079a84 84 0 0 0-1.634-9.103c24.249-10.395 31.93-28.969 32.413-48.827c5.322-1.026 11.67.26 18.904 3.544c16.363 16.873 7.845 32.514 28.527 46.752c4.874 2.089-2.088 4.178-5.57 3.481c-3.481-.696-10.791-3.83-15.664.348c-17.162 15.257-31.429 17.544-56.976 3.805"/>
</svg>
);Other libraries
Codemirror in 1 more libraries
Each library draws it its own way. Open one to compare.
File Icons
More like it
Icons that share its tags, in the same style.
Search File Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any File Icons icon from a prompt.
Get ProTags
Browse by tag
Codemirror is tagged development, software, programming and 3 more. Related tags follow; each opens its icons from every library.
Pricing
File Icons MCP, with Pro
Ask for Codemirror or any of 930 File Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Codemirror icon means and where it's used, then how to install, style and license it.
Install Codemirror from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.