neovim logo
neovim-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.
- Name
- neovim-light
- Set
- Skill Icons
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
1 other variant in Skill Icons
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 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="url(#SVGdXFdtdlv)" fill-rule="evenodd" d="M46 71.006L88.595 28v199.957L46 185.45z" clip-rule="evenodd"/><path fill="url(#SVGgB9w6b9I)" fill-rule="evenodd" d="m210.584 71.41l-43.178-43.387l.876 199.935l42.596-42.508z" clip-rule="evenodd"/><path fill="url(#SVGOP6w7DEf)" fill-rule="evenodd" d="M88.567 28.033L199.31 197.012L168.32 228L57.52 59.395z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".13" fill-rule="evenodd" d="m88.605 106.416l-.059 6.656l-34.193-50.48l3.166-3.224z" clip-rule="evenodd"/><defs><linearGradient id="SVGdXFdtdlv" x1="67.297" x2="67.297" y1="28" y2="227.958" gradientUnits="userSpaceOnUse"><stop stop-color="#16b0ed" stop-opacity=".8"/><stop offset="1" stop-color="#0f59b2" stop-opacity=".837"/></linearGradient><linearGradient id="SVGgB9w6b9I" x1="189.14" x2="189.14" y1="28.023" y2="227.957" gradientUnits="userSpaceOnUse"><stop stop-color="#7db643"/><stop offset="1" stop-color="#367533"/></linearGradient><linearGradient id="SVGOP6w7DEf" x1="128.414" x2="128.414" y1="28.033" y2="228.01" gradientUnits="userSpaceOnUse"><stop stop-color="#88c649" stop-opacity=".8"/><stop offset="1" stop-color="#439240" stop-opacity=".84"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsNeovimLight(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="#f4f2ed" rx="60"/><path fill="url(#SVGdXFdtdlv)" fillRule="evenodd" d="M46 71.006L88.595 28v199.957L46 185.45z" clipRule="evenodd"/><path fill="url(#SVGgB9w6b9I)" fillRule="evenodd" d="m210.584 71.41l-43.178-43.387l.876 199.935l42.596-42.508z" clipRule="evenodd"/><path fill="url(#SVGOP6w7DEf)" fillRule="evenodd" d="M88.567 28.033L199.31 197.012L168.32 228L57.52 59.395z" clipRule="evenodd"/><path fill="#000" fillOpacity=".13" fillRule="evenodd" d="m88.605 106.416l-.059 6.656l-34.193-50.48l3.166-3.224z" clipRule="evenodd"/><defs><linearGradient id="SVGdXFdtdlv" x1="67.297" x2="67.297" y1="28" y2="227.958" gradientUnits="userSpaceOnUse"><stop stopColor="#16b0ed" stopOpacity=".8"/><stop offset="1" stopColor="#0f59b2" stopOpacity=".837"/></linearGradient><linearGradient id="SVGgB9w6b9I" x1="189.14" x2="189.14" y1="28.023" y2="227.957" gradientUnits="userSpaceOnUse"><stop stopColor="#7db643"/><stop offset="1" stopColor="#367533"/></linearGradient><linearGradient id="SVGOP6w7DEf" x1="128.414" x2="128.414" y1="28.033" y2="228.01" gradientUnits="userSpaceOnUse"><stop stopColor="#88c649" stopOpacity=".8"/><stop offset="1" stopColor="#439240" stopOpacity=".84"/></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="#f4f2ed" rx="60"/><path fill="url(#SVGdXFdtdlv)" fill-rule="evenodd" d="M46 71.006L88.595 28v199.957L46 185.45z" clip-rule="evenodd"/><path fill="url(#SVGgB9w6b9I)" fill-rule="evenodd" d="m210.584 71.41l-43.178-43.387l.876 199.935l42.596-42.508z" clip-rule="evenodd"/><path fill="url(#SVGOP6w7DEf)" fill-rule="evenodd" d="M88.567 28.033L199.31 197.012L168.32 228L57.52 59.395z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".13" fill-rule="evenodd" d="m88.605 106.416l-.059 6.656l-34.193-50.48l3.166-3.224z" clip-rule="evenodd"/><defs><linearGradient id="SVGdXFdtdlv" x1="67.297" x2="67.297" y1="28" y2="227.958" gradientUnits="userSpaceOnUse"><stop stop-color="#16b0ed" stop-opacity=".8"/><stop offset="1" stop-color="#0f59b2" stop-opacity=".837"/></linearGradient><linearGradient id="SVGgB9w6b9I" x1="189.14" x2="189.14" y1="28.023" y2="227.957" gradientUnits="userSpaceOnUse"><stop stop-color="#7db643"/><stop offset="1" stop-color="#367533"/></linearGradient><linearGradient id="SVGOP6w7DEf" x1="128.414" x2="128.414" y1="28.033" y2="228.01" gradientUnits="userSpaceOnUse"><stop stop-color="#88c649" stop-opacity=".8"/><stop offset="1" stop-color="#439240" stop-opacity=".84"/></linearGradient></defs></g></svg> </template>
CSS
.icon-neovim-light {
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%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdXFdtdlv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46%2071.006L88.595%2028v199.957L46%20185.45z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgB9w6b9I)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m210.584%2071.41l-43.178-43.387l.876%20199.935l42.596-42.508z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOP6w7DEf)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M88.567%2028.033L199.31%20197.012L168.32%20228L57.52%2059.395z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.13%22%20fill-rule%3D%22evenodd%22%20d%3D%22m88.605%20106.416l-.059%206.656l-34.193-50.48l3.166-3.224z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdXFdtdlv%22%20x1%3D%2267.297%22%20x2%3D%2267.297%22%20y1%3D%2228%22%20y2%3D%22227.958%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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.837%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgB9w6b9I%22%20x1%3D%22189.14%22%20x2%3D%22189.14%22%20y1%3D%2228.023%22%20y2%3D%22227.957%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVGOP6w7DEf%22%20x1%3D%22128.414%22%20x2%3D%22128.414%22%20y1%3D%2228.033%22%20y2%3D%22228.01%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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.84%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%22%23f4f2ed%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdXFdtdlv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M46%2071.006L88.595%2028v199.957L46%20185.45z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgB9w6b9I)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m210.584%2071.41l-43.178-43.387l.876%20199.935l42.596-42.508z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGOP6w7DEf)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M88.567%2028.033L199.31%20197.012L168.32%20228L57.52%2059.395z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.13%22%20fill-rule%3D%22evenodd%22%20d%3D%22m88.605%20106.416l-.059%206.656l-34.193-50.48l3.166-3.224z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdXFdtdlv%22%20x1%3D%2267.297%22%20x2%3D%2267.297%22%20y1%3D%2228%22%20y2%3D%22227.958%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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.837%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGgB9w6b9I%22%20x1%3D%22189.14%22%20x2%3D%22189.14%22%20y1%3D%2228.023%22%20y2%3D%22227.957%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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%22SVGOP6w7DEf%22%20x1%3D%22128.414%22%20x2%3D%22128.414%22%20y1%3D%2228.033%22%20y2%3D%22228.01%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%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.84%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/neovim-light.svg?color=%231a73e8&size=48
