vim logo

vim-light from Skill Icons by tandpfun · Light · MIT Free for personal and commercial use.

Name: vim-light
Set: Skill Icons
Style: Light
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

vimCatppuccin Icons vimCoreUI Brands vimDevicon vimFont Awesome Brands vimSVG Logos vimMaterial Icon Theme vimSimple Icons vim-outlineTeenyicons

Use the vim 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="#019833" stroke="#000" stroke-width="4" d="M135.498 39.462c-7.422-7.432-19.466-7.432-26.888 0l-75.202 75.303c-7.408 7.418-7.408 19.434 0 26.852l74.778 74.878c7.422 7.432 19.466 7.432 26.888 0l75.202-75.304c7.408-7.418 7.408-19.434 0-26.852z"/><path fill="#fff" stroke="#000" stroke-width="4" d="m161.769 40.71l-2.686 2.689v9.87l2.352 2.355h12.425v9.537l-82.188 83.415V55.743h13.659l2.802-2.806v-9.989l-2.587-2.001H33.667L31.316 43.3v10.204l2.39 2.394h12.502v160.417a12.14 12.14 0 0 0 10.432 12.019c3.85.548 7.728-.782 10.432-3.576L235 51.247V43.4l-2.685-2.688z"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsVimLight(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="#019833" stroke="#000" strokeWidth="4" d="M135.498 39.462c-7.422-7.432-19.466-7.432-26.888 0l-75.202 75.303c-7.408 7.418-7.408 19.434 0 26.852l74.778 74.878c7.422 7.432 19.466 7.432 26.888 0l75.202-75.304c7.408-7.418 7.408-19.434 0-26.852z"/><path fill="#fff" stroke="#000" strokeWidth="4" d="m161.769 40.71l-2.686 2.689v9.87l2.352 2.355h12.425v9.537l-82.188 83.415V55.743h13.659l2.802-2.806v-9.989l-2.587-2.001H33.667L31.316 43.3v10.204l2.39 2.394h12.502v160.417a12.14 12.14 0 0 0 10.432 12.019c3.85.548 7.728-.782 10.432-3.576L235 51.247V43.4l-2.685-2.688z"/></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="#019833" stroke="#000" stroke-width="4" d="M135.498 39.462c-7.422-7.432-19.466-7.432-26.888 0l-75.202 75.303c-7.408 7.418-7.408 19.434 0 26.852l74.778 74.878c7.422 7.432 19.466 7.432 26.888 0l75.202-75.304c7.408-7.418 7.408-19.434 0-26.852z"/><path fill="#fff" stroke="#000" stroke-width="4" d="m161.769 40.71l-2.686 2.689v9.87l2.352 2.355h12.425v9.537l-82.188 83.415V55.743h13.659l2.802-2.806v-9.989l-2.587-2.001H33.667L31.316 43.3v10.204l2.39 2.394h12.502v160.417a12.14 12.14 0 0 0 10.432 12.019c3.85.548 7.728-.782 10.432-3.576L235 51.247V43.4l-2.685-2.688z"/></g></svg>
</template>

CSS

.icon-vim-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%22%23019833%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M135.498%2039.462c-7.422-7.432-19.466-7.432-26.888%200l-75.202%2075.303c-7.408%207.418-7.408%2019.434%200%2026.852l74.778%2074.878c7.422%207.432%2019.466%207.432%2026.888%200l75.202-75.304c7.408-7.418%207.408-19.434%200-26.852z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22m161.769%2040.71l-2.686%202.689v9.87l2.352%202.355h12.425v9.537l-82.188%2083.415V55.743h13.659l2.802-2.806v-9.989l-2.587-2.001H33.667L31.316%2043.3v10.204l2.39%202.394h12.502v160.417a12.14%2012.14%200%200%200%2010.432%2012.019c3.85.548%207.728-.782%2010.432-3.576L235%2051.247V43.4l-2.685-2.688z%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%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%22%23019833%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22M135.498%2039.462c-7.422-7.432-19.466-7.432-26.888%200l-75.202%2075.303c-7.408%207.418-7.408%2019.434%200%2026.852l74.778%2074.878c7.422%207.432%2019.466%207.432%2026.888%200l75.202-75.304c7.408-7.418%207.408-19.434%200-26.852z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20d%3D%22m161.769%2040.71l-2.686%202.689v9.87l2.352%202.355h12.425v9.537l-82.188%2083.415V55.743h13.659l2.802-2.806v-9.989l-2.587-2.001H33.667L31.316%2043.3v10.204l2.39%202.394h12.502v160.417a12.14%2012.14%200%200%200%2010.432%2012.019c3.85.548%207.728-.782%2010.432-3.576L235%2051.247V43.4l-2.685-2.688z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/vim-light.svg?color=%231a73e8&size=48