neovim logo
neovim from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- neovim
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the neovim logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtazoZdFN" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(32.95703 0 0 154.72266 .426 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#16b0ed" stop-opacity=".8"/><stop offset="1" stop-color="#0f59b2" stop-opacity=".835"/></linearGradient><linearGradient id="SVGgvWjJcBl" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(-33.59375 0 0 154.72266 128 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7db643"/><stop offset="1" stop-color="#367533"/></linearGradient><linearGradient id="SVGmq3xzdBn" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(109.71484 0 0 154.72656 9.355 .637)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#88c649" stop-opacity=".8"/><stop offset="1" stop-color="#439240" stop-opacity=".839"/></linearGradient></defs><g fill-rule="evenodd"><path fill="url(#SVGtazoZdFN)" d="M.426 33.703L33.383.426v154.722L.426 122.258Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGgvWjJcBl)" d="M127.773 34L94.406.426l.676 154.722L128 122.254Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGmq3xzdBn)" d="m33.379.637l85.691 130.75l-23.98 23.976L9.355 24.903Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill-opacity=".129" d="m38.53 50.01l-.04 4.244l-21.743-32.18l2.014-2.06zm0 0"/></g></svg>
React
import type { SVGProps } from "react";
export function DeviconNeovim(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtazoZdFN" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(32.95703 0 0 154.72266 .426 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#16b0ed" stopOpacity=".8"/><stop offset="1" stopColor="#0f59b2" stopOpacity=".835"/></linearGradient><linearGradient id="SVGgvWjJcBl" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(-33.59375 0 0 154.72266 128 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7db643"/><stop offset="1" stopColor="#367533"/></linearGradient><linearGradient id="SVGmq3xzdBn" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(109.71484 0 0 154.72656 9.355 .637)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#88c649" stopOpacity=".8"/><stop offset="1" stopColor="#439240" stopOpacity=".839"/></linearGradient></defs><g fillRule="evenodd"><path fill="url(#SVGtazoZdFN)" d="M.426 33.703L33.383.426v154.722L.426 122.258Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGgvWjJcBl)" d="M127.773 34L94.406.426l.676 154.722L128 122.254Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGmq3xzdBn)" d="m33.379.637l85.691 130.75l-23.98 23.976L9.355 24.903Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fillOpacity=".129" d="m38.53 50.01l-.04 4.244l-21.743-32.18l2.014-2.06zm0 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGtazoZdFN" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(32.95703 0 0 154.72266 .426 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#16b0ed" stop-opacity=".8"/><stop offset="1" stop-color="#0f59b2" stop-opacity=".835"/></linearGradient><linearGradient id="SVGgvWjJcBl" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(-33.59375 0 0 154.72266 128 .426)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7db643"/><stop offset="1" stop-color="#367533"/></linearGradient><linearGradient id="SVGmq3xzdBn" x1=".5" x2=".5" y1="0" y2="1" gradientTransform="matrix(109.71484 0 0 154.72656 9.355 .637)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#88c649" stop-opacity=".8"/><stop offset="1" stop-color="#439240" stop-opacity=".839"/></linearGradient></defs><g fill-rule="evenodd"><path fill="url(#SVGtazoZdFN)" d="M.426 33.703L33.383.426v154.722L.426 122.258Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGgvWjJcBl)" d="M127.773 34L94.406.426l.676 154.722L128 122.254Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill="url(#SVGmq3xzdBn)" d="m33.379.637l85.691 130.75l-23.98 23.976L9.355 24.903Zm0 0" transform="translate(10.95 -.352)scale(.82614)"/><path fill-opacity=".129" d="m38.53 50.01l-.04 4.244l-21.743-32.18l2.014-2.06zm0 0"/></g></svg> </template>
CSS
.icon-neovim {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtazoZdFN%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(32.95703%200%200%20154.72266%20.426%20.426)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2316b0ed%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f59b2%22%20stop-opacity%3D%22.835%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgvWjJcBl%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(-33.59375%200%200%20154.72266%20128%20.426)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237db643%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23367533%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmq3xzdBn%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(109.71484%200%200%20154.72656%209.355%20.637)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2388c649%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439240%22%20stop-opacity%3D%22.839%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22url(%23SVGtazoZdFN)%22%20d%3D%22M.426%2033.703L33.383.426v154.722L.426%20122.258Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgvWjJcBl)%22%20d%3D%22M127.773%2034L94.406.426l.676%20154.722L128%20122.254Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmq3xzdBn)%22%20d%3D%22m33.379.637l85.691%20130.75l-23.98%2023.976L9.355%2024.903Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill-opacity%3D%22.129%22%20d%3D%22m38.53%2050.01l-.04%204.244l-21.743-32.18l2.014-2.06zm0%200%22%2F%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtazoZdFN%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(32.95703%200%200%20154.72266%20.426%20.426)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2316b0ed%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f59b2%22%20stop-opacity%3D%22.835%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgvWjJcBl%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(-33.59375%200%200%20154.72266%20128%20.426)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237db643%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23367533%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmq3xzdBn%22%20x1%3D%22.5%22%20x2%3D%22.5%22%20y1%3D%220%22%20y2%3D%221%22%20gradientTransform%3D%22matrix(109.71484%200%200%20154.72656%209.355%20.637)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2388c649%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23439240%22%20stop-opacity%3D%22.839%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22url(%23SVGtazoZdFN)%22%20d%3D%22M.426%2033.703L33.383.426v154.722L.426%20122.258Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgvWjJcBl)%22%20d%3D%22M127.773%2034L94.406.426l.676%20154.722L128%20122.254Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmq3xzdBn)%22%20d%3D%22m33.379.637l85.691%20130.75l-23.98%2023.976L9.355%2024.903Zm0%200%22%20transform%3D%22translate(10.95%20-.352)scale(.82614)%22%2F%3E%3Cpath%20fill-opacity%3D%22.129%22%20d%3D%22m38.53%2050.01l-.04%204.244l-21.743-32.18l2.014-2.06zm0%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/neovim.svg?color=%231a73e8&size=48
