Codemirror icon

file-icons:codemirror

The Codemirror icon (file-icons:codemirror) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><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>

How to use the Codemirror icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:codemirror" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:codemirror" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:codemirror" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--codemirror]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:codemirror"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:codemirror"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/codemirror.svg" alt="Codemirror icon" width="24" height="24">

Codemirror icon in other icon sets

Codemirror icon FAQ

Is the Codemirror icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Codemirror icon in React?

Install @iconify/react and render <Icon icon="file-icons:codemirror" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Codemirror icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/codemirror.svg" alt="Codemirror icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →