Vim Dark icon
skill-icons:vim-dark
The Vim Dark icon (skill-icons:vim-dark) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- vimdark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#019833" 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" 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>How to use the Vim Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:vim-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:vim-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:vim-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--vim-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:vim-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:vim-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/vim-dark.svg" alt="Vim Dark icon" width="24" height="24">Related icons in Skill Icons
Vim Dark icon FAQ
Is the Vim Dark icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Vim Dark icon in React?
Install @iconify/react and render <Icon icon="skill-icons:vim-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vim Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/vim-dark.svg" alt="Vim Dark icon">, or paste the SVG code inline to style it with CSS.