emacs logo
emacs from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- emacs
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the emacs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SkillIconsEmacs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG8n8eRb3d)" rx="60"/><path fill="#fff" fillRule="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" clipRule="evenodd"/><defs><linearGradient id="SVG8n8eRb3d" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stopColor="#8381c5"/><stop offset=".615" stopColor="#7e55b3"/><stop offset="1" stopColor="#a52ecb"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-emacs {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG8n8eRb3d)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M86.53%20227.747s11.67.822%2026.684-.496c6.08-.533%2029.165-2.791%2046.424-6.561c0%200%2021.043-4.484%2032.301-8.616c11.779-4.322%2018.189-7.991%2021.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%2022.748-29.86c12.963-6.247%2063.78-17.774%2063.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%205.344-9.13%209.593-10.34c13.684-3.931%2033.003-6.374%2050.585-6.648c8.838-.138%2010.272-.704%2010.272-.704c12.195-2.015%2020.222-10.323%2016.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171%202.572-48.328%2012.452-48.328%2012.452c42.22-.364%2049.287.338%2052.443%204.732c1.864%202.595-.847%206.153-12.107%207.985c-12.259%201.993-37.741%204.394-37.741%204.394c-24.445%201.446-41.665%201.543-46.83%2012.431c-3.373%207.114%203.599%2013.403%206.654%2017.34c12.914%2014.301%2031.567%2022.014%2043.573%2027.694c4.518%202.137%2017.773%206.173%2017.773%206.173c-38.951-2.134-67.05%209.777-83.531%2023.49c-18.642%2017.171-10.396%2037.637%2027.796%2050.239c22.558%207.443%2033.745%2010.944%2067.393%207.927c19.819-1.064%2022.943-.431%2023.141%201.188c.278%202.28-22.014%207.944-28.099%209.692c-15.483%204.447-56.068%2013.427-56.271%2013.471%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG8n8eRb3d%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238381c5%22%2F%3E%3Cstop%20offset%3D%22.615%22%20stop-color%3D%22%237e55b3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a52ecb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22url(%23SVG8n8eRb3d)%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M86.53%20227.747s11.67.822%2026.684-.496c6.08-.533%2029.165-2.791%2046.424-6.561c0%200%2021.043-4.484%2032.301-8.616c11.779-4.322%2018.189-7.991%2021.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%2022.748-29.86c12.963-6.247%2063.78-17.774%2063.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%205.344-9.13%209.593-10.34c13.684-3.931%2033.003-6.374%2050.585-6.648c8.838-.138%2010.272-.704%2010.272-.704c12.195-2.015%2020.222-10.323%2016.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171%202.572-48.328%2012.452-48.328%2012.452c42.22-.364%2049.287.338%2052.443%204.732c1.864%202.595-.847%206.153-12.107%207.985c-12.259%201.993-37.741%204.394-37.741%204.394c-24.445%201.446-41.665%201.543-46.83%2012.431c-3.373%207.114%203.599%2013.403%206.654%2017.34c12.914%2014.301%2031.567%2022.014%2043.573%2027.694c4.518%202.137%2017.773%206.173%2017.773%206.173c-38.951-2.134-67.05%209.777-83.531%2023.49c-18.642%2017.171-10.396%2037.637%2027.796%2050.239c22.558%207.443%2033.745%2010.944%2067.393%207.927c19.819-1.064%2022.943-.431%2023.141%201.188c.278%202.28-22.014%207.944-28.099%209.692c-15.483%204.447-56.068%2013.427-56.271%2013.471%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG8n8eRb3d%22%20x1%3D%220%22%20x2%3D%22256%22%20y1%3D%220%22%20y2%3D%22256%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238381c5%22%2F%3E%3Cstop%20offset%3D%22.615%22%20stop-color%3D%22%237e55b3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a52ecb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/emacs.svg?color=%231a73e8&size=48
