Emacs icon
skill-icons:emacs
The Emacs icon (skill-icons:emacs) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- emac
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG8n8eRb3d)" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M86.53 227.747s11.67.822 26.684-.496c6.08-.533 29.165-2.791 46.424-6.561c0 0 21.043-4.484 32.301-8.616c11.779-4.322 18.189-7.991 21.074-13.19c-.126-1.065.888-4.842-4.544-7.111c-13.888-5.801-29.994-4.752-61.866-5.425c-35.343-1.209-47.101-7.1-53.364-11.845c-6.006-4.813-2.986-18.13 22.748-29.86c12.963-6.247 63.78-17.774 63.78-17.774c-17.114-8.424-49.027-23.233-55.587-26.431c-5.753-2.804-14.96-7.028-16.956-12.137c-2.263-4.905 5.344-9.13 9.593-10.34c13.684-3.931 33.003-6.374 50.585-6.648c8.838-.138 10.272-.704 10.272-.704c12.195-2.015 20.222-10.323 16.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171 2.572-48.328 12.452-48.328 12.452c42.22-.364 49.287.338 52.443 4.732c1.864 2.595-.847 6.153-12.107 7.985c-12.259 1.993-37.741 4.394-37.741 4.394c-24.445 1.446-41.665 1.543-46.83 12.431c-3.373 7.114 3.599 13.403 6.654 17.34c12.914 14.301 31.567 22.014 43.573 27.694c4.518 2.137 17.773 6.173 17.773 6.173c-38.951-2.134-67.05 9.777-83.531 23.49c-18.642 17.171-10.396 37.637 27.796 50.239c22.558 7.443 33.745 10.944 67.393 7.927c19.819-1.064 22.943-.431 23.141 1.188c.278 2.28-22.014 7.944-28.099 9.692c-15.483 4.447-56.068 13.427-56.271 13.471" clip-rule="evenodd"/><defs><linearGradient id="SVG8n8eRb3d" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#8381c5"/><stop offset=".615" stop-color="#7e55b3"/><stop offset="1" stop-color="#a52ecb"/></linearGradient></defs></g></svg>How to use the Emacs icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:emacs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:emacs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:emacs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--emacs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:emacs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:emacs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-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. Skill Icons are released under the MIT 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="skill-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/skill-icons/emacs.svg" alt="Emacs icon">, or paste the SVG code inline to style it with CSS.