Emacs icon
file-icons:emacs
The Emacs icon (file-icons:emacs) 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
- Tags
- emac
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M207.3 507.227C90.653 484.281 2.59 380.551 2.59 256C2.59 114.615 116.044 0 256 0c107.98 0 200.128 68.256 236.623 164.365c-14.62 4.676-46.355 26.704-113.53 108.322l-.214 2.027c-29.854 34.43-61.56 73.159-82.917 99.602c-9.066-2.07-18.86-4.31-29.61-6.863c-68.794-17.296-89.353-33.858-99.624-45.844c-9.737-12.013 1.828-36.961 57.26-49.2c28.067-6.83 132.598-8.085 132.598-8.085c-29.99-23.81-86.29-66.437-97.8-75.502c-10.092-7.951-26.358-20.152-28.106-31.055c-2.358-10.614 14.349-15.724 23.193-16.314c28.5-1.965 67.417 1.376 102.01 8.255c17.388 3.458 20.44 2.948 20.44 2.948c24.766 1.18 44.028-11.792 43.046-39.113c-.197-27.714-27.906-49.936-58.572-50.907c-28.88-.913-100.045 4.128-100.045 4.128c82.945 17.1 96.504 21.463 100.83 31.448c2.556 5.897-4.268 11.76-27.123 10.614c-24.883-1.248-75.869-7.273-75.869-7.273c-48.548-7.469-82.354-14.544-97.096 4.717c-9.63 12.584 1.376 27.91 5.7 36.952c19.263 33.61 52.57 56.669 73.707 72.92c7.953 6.115 32.234 19.655 32.234 19.655c-75.475-20.637-135.62-9.041-173.75 11.007c-43.831 25.944-36.334 69.727 33.217 110.658c41.078 24.176 61.532 35.789 128.791 44.047c4.149.662 7.848 1.273 11.283 1.857c-1.297 1.635-8.612 12.08-11.73 16.663c-5.823.34-10.835.603-13.886.813c-32.244 2.224-115.633 2.78-116.05 2.78c0 0 22.537 6.543 52.535 10.284c8.93 1.114 36.28 4.264 64.218 5.803c-19.612 29.822-33.586 53.567-40.463 67.518m294.429-313.91c-21.618 40.369-84.833 109.668-84.833 109.668l-2.441-.754c-25.606 30.905-51.399 60.427-71.906 83.435c17.545 4.974 31.027 10.35 42.816 18.575c9.69 6.76 6.101 13.77 5.897 15.92c-7.86 9.02-21.984 13.54-46.914 17.08c-14.914 2.119-37.401 2.893-52.14 3.175c-16.65 16.587-51.935 50.884-72.947 68.873C231.26 511.049 243.52 512 256 512c139.955 0 253.41-114.615 253.41-256c0-21.629-2.682-42.621-7.681-62.683"/></svg>How to use the Emacs icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:emacs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:emacs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:emacs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--emacs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:emacs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:emacs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/emacs.svg" alt="Emacs icon" width="24" height="24">Emacs icon in other icon sets
Emacs icon FAQ
Is the Emacs 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 Emacs icon in React?
Install @iconify/react and render <Icon icon="file-icons:emacs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Emacs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/emacs.svg" alt="Emacs icon">, or paste the SVG code inline to style it with CSS.