Emacs icon
logos:emacs
The Emacs icon (logos:emacs) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- emac
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGZqqvkcRW" x1="25.141%" x2="92.394%" y1="20.136%" y2="101.477%"><stop offset="0%" stop-color="#8381c5"/><stop offset="56.639%" stop-color="#7e55b3" stop-opacity=".996"/><stop offset="100%" stop-color="#a52ecb" stop-opacity=".992"/></linearGradient><linearGradient id="SVGQCBM8MVq" x1="90.716%" x2="32.749%" y1="79.092%" y2="9.825%"><stop offset="0%" stop-color="#411f5d"/><stop offset="100%" stop-color="#5b2a85"/></linearGradient></defs><path fill="url(#SVGZqqvkcRW)" d="M253 128c0 69.036-55.964 125-125 125S3 197.036 3 128S58.964 3 128 3s125 55.964 125 125"/><path fill="url(#SVGQCBM8MVq)" d="M128 0C57.3 0 0 57.316 0 128s57.3 128 128 128s128-57.316 128-128S198.7 0 128 0m0 7.05c66.752 0 120.88 54.143 120.88 120.95S194.752 248.95 128 248.95S7.12 194.807 7.12 128S61.248 7.05 128 7.05"/><path fill="#fff" d="M85.23 217.573s10.536.745 24.091-.45c5.49-.484 26.331-2.53 41.913-5.948c0 0 18.999-4.066 29.163-7.811c10.635-3.92 16.422-7.246 19.027-11.96c-.114-.965.802-4.39-4.103-6.446c-12.538-5.26-27.08-4.308-55.855-4.918c-31.91-1.097-42.525-6.438-48.18-10.74c-5.422-4.364-2.695-16.437 20.539-27.072c11.703-5.663 57.582-16.114 57.582-16.114c-15.45-7.638-44.263-21.064-50.185-23.963c-5.195-2.543-13.507-6.372-15.31-11.004c-2.042-4.447 4.826-8.278 8.662-9.375c12.355-3.564 29.796-5.779 45.67-6.028c7.98-.125 9.274-.638 9.274-.638c11.01-1.826 18.257-9.359 15.238-21.288c-2.711-12.176-17.008-19.331-30.595-16.854c-12.795 2.332-43.633 11.29-43.633 11.29c38.118-.33 44.498.306 47.348 4.29c1.683 2.353-.765 5.579-10.93 7.24c-11.068 1.807-34.075 3.983-34.075 3.983c-22.07 1.311-37.617 1.399-42.28 11.27c-3.046 6.45 3.25 12.152 6.008 15.721c11.659 12.966 28.5 19.959 39.34 25.109c4.078 1.937 16.045 5.596 16.045 5.596c-35.167-1.934-60.535 8.864-75.415 21.297c-16.83 15.568-9.385 34.123 25.096 45.549c20.366 6.748 30.466 9.922 60.845 7.186c17.893-.964 20.714-.39 20.892 1.078c.251 2.067-19.874 7.202-25.369 8.787c-13.978 4.032-50.62 12.173-50.804 12.213"/></svg>How to use the Emacs icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:emacs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:emacs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:emacs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--emacs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:emacs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:emacs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/emacs.svg" alt="Emacs icon" width="24" height="24">Related icons in SVG Logos
Emacs icon in other icon sets
Emacs icon FAQ
Is the Emacs icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 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="logos: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/logos/emacs.svg" alt="Emacs icon">, or paste the SVG code inline to style it with CSS.