ICONYZ
日本語
VSCode Icons の File Type Vim アイコン

File Type Vim アイコン

vscode-icons:file-type-vim

File Type Vim アイコン(vscode-icons:file-type-vim)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
filetype、typevim、filetypevim
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVGNxxYzO4e"><path fill="none" d="M2 2h28v28H2z" clip-rule="evenodd"/></clipPath></defs><path fill="#231f20" fill-rule="evenodd" d="M30 15.9L15.9 2.01L2.01 16.1L15.9 30z"/><g clip-path="url(#SVGNxxYzO4e)"><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M30 15.9L15.9 2.01L2.01 16.1L15.9 30z"/></g><path fill="#29695d" fill-rule="evenodd" d="M28.6 15.9h.8L15.9 29.4v-.8z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M28.6 15.9h.8L15.9 29.4v-.8z"/><path fill="#317367" fill-rule="evenodd" d="M2.58 16.1h.84L15.9 28.6v.8z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M2.58 16.1h.84L15.9 28.6v.8z"/><path fill="#60c2ac" fill-rule="evenodd" d="M15.9 3.42v-.84L2.58 16.1h.84z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M15.9 3.42v-.84L2.58 16.1h.84z"/><path fill="#43b54a" fill-rule="evenodd" d="M15.9 2.58v.84L28.6 15.9h.8z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M15.9 2.58v.84L28.6 15.9h.8z"/><path fill="#3c8376" fill-rule="evenodd" d="m15.9 28.6l12.7-12.7L15.9 3.42L3.42 16.1z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m15.9 28.6l12.7-12.7L15.9 3.42L3.42 16.1z"/><path fill="#231f20" fill-rule="evenodd" d="m18.5 6.25l.8.85l-5.8 5.9V7.1h.6l.8-.85V3.99l-.8-.85H4.65l-.85.85v2.26l.85.85h.66v19.2l1.04.9h2.92L29.5 6.25V3.99l-.8-.85h-9.3l-.9.85z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m18.5 6.25l.8.85l-5.8 5.9V7.1h.6l.8-.85V3.99l-.8-.85H4.65l-.85.85v2.26l.85.85h.66v19.2l1.04.9h2.92L29.5 6.25V3.99l-.8-.85h-9.3l-.9.85z"/><path fill="#fff" fill-rule="evenodd" d="m4.93 6.53l-.57-.56v-1.7l.57-.57h8.87l.5.57l-.5.27l-.3-.27l-8.57 1.41z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m4.93 6.53l-.57-.56v-1.7l.57-.57h8.87l.5.57l-.5.27l-.3-.27l-8.57 1.41z"/><path fill="#fff" fill-rule="evenodd" d="m6.63 26.6l-.66-.6V6.53l.66-.56z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m6.63 26.6l-.66-.6V6.53l.66-.56z"/><path fill="#fff" fill-rule="evenodd" d="m20.8 6.53l.5-.56V7.1l-9.4 9.6l1-2.3z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m20.8 6.53l.5-.56V7.1l-9.4 9.6l1-2.3z"/><path fill="#929497" fill-rule="evenodd" d="m6.82 5.69l-.19.28l-.66.56H4.93V5.4z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m6.82 5.69l-.19.28l-.66.56H4.93V5.4z"/><path fill="#929497" fill-rule="evenodd" d="M12.9 6.53v7.87l-1 2.3V5.96h1.6l.3-.28l-.3-1.41h.8v1.7l-.5.56z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M12.9 6.53v7.87l-1 2.3V5.96h1.6l.3-.28l-.3-1.41h.8v1.7l-.5.56z"/><path fill="#fff" fill-rule="evenodd" d="m19.6 6.53l-.5-.56v-1.7l.6-.57h8.6l.7.57l-1 .85l-8.4.56z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m19.6 6.53l-.5-.56v-1.7l.6-.57h8.6l.7.57l-1 .85l-8.4.56z"/><path fill="#929497" fill-rule="evenodd" d="M29 5.97L9.07 26.6H6.63v-.9h1.79L28.3 5.4L28 4.27h1z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M29 5.97L9.07 26.6H6.63v-.9h1.79L28.3 5.4L28 4.27h1z"/><path fill="#929497" fill-rule="evenodd" d="m21.5 5.69l-.2.28l-.5.56h-1.2V5.4z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m21.5 5.69l-.2.28l-.5.56h-1.2V5.4z"/><path fill="#d0d2d3" fill-rule="evenodd" d="M11.9 16.7V5.96h1.6l.3-.28V4.54l-.3-.28H5.21l-.28.28v1.14l.28.28h1.42V25.7l.36.3h1.62L28.4 5.4v-.81l-.3-.33h-8.2l-.3.28v1.15l.3.28h1.4V7.1z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="M11.9 16.7V5.96h1.6l.3-.28V4.54l-.3-.28H5.21l-.28.28v1.14l.28.28h1.42V25.7l.36.3h1.62L28.4 5.4v-.81l-.3-.33h-8.2l-.3.28v1.15l.3.28h1.4V7.1z"/><path fill="#231f20" fill-rule="evenodd" d="m17 16.7l.7-.6h1.7l.5.6l-.6 1.7l-.7.6H17l-.5-.6z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m17 16.7l.7-.6h1.7l.5.6l-.6 1.7l-.7.6H17l-.5-.6z"/><path fill="#231f20" fill-rule="evenodd" d="m17.6 26l1.7-5h-.6l.6-1.7h2.5l.6.5h.4l.6-.5h1.8l.6.5h.4l.5-.5h2.1l.8 1.1l-1.3 4h.6l-.6 1.6H25l1.3-3.9h-.9l-.8 2.3h.6l-.5 1.6h-3.4l1.3-3.9h-.8l-.8 2.3h.5L21 26z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m17.6 26l1.7-5h-.6l.6-1.7h2.5l.6.5h.4l.6-.5h1.8l.6.5h.4l.5-.5h2.1l.8 1.1l-1.3 4h.6l-.6 1.6H25l1.3-3.9h-.9l-.8 2.3h.6l-.5 1.6h-3.4l1.3-3.9h-.8l-.8 2.3h.5L21 26z"/><path fill="#d0d2d3" fill-rule="evenodd" d="m28.6 19.8l.4.6l-1.4 4.5h.6l-.2.6h-2.3l1.3-4h-1.9l-1.2 3.4h.6l-.2.6H22l1.4-4h-2l-1.2 3.4h.6l-.2.6h-2.2l1.7-5.1h-.6l.2-.6h2.1l.5.6h.6l.5-.6h1.7l.6.6h.6l.5-.6z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m28.6 19.8l.4.6l-1.4 4.5h.6l-.2.6h-2.3l1.3-4h-1.9l-1.2 3.4h.6l-.2.6H22l1.4-4h-2l-1.2 3.4h.6l-.2.6h-2.2l1.7-5.1h-.6l.2-.6h2.1l.5.6h.6l.5-.6h1.7l.6.6h.6l.5-.6z"/><path fill="#231f20" fill-rule="evenodd" d="m19 19.3l-1.73 5.15h.589l-.56 1.64h-3.39l1.69-5.08h-.567l3.96-1.7zM15.04 21l.567-1.7h3.4l-3.96 1.7z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m19 19.3l-1.73 5.15h.589l-.56 1.64h-3.39l1.69-5.08h-.567l3.96-1.7zM15.04 21l.567-1.7h3.4l-3.96 1.7z"/><path fill="#d0d2d3" fill-rule="evenodd" d="m16.9 25.5l.2-.6h-.5l1.7-5.1h-2.4l-.2.6h.7l-1.7 5.1z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m16.9 25.5l.2-.6h-.5l1.7-5.1h-2.4l-.2.6h.7l-1.7 5.1z"/><path fill="#d0d2d3" fill-rule="evenodd" d="m18.8 18.1l.4-1.1l-.2-.3h-1.1l-.4.3l-.4 1.1l.2.3h1.2z"/><path fill="none" stroke="#231f20" stroke-miterlimit="10" stroke-width=".216" d="m18.8 18.1l.4-1.1l-.2-.3h-1.1l-.4.3l-.4 1.1l.2.3h1.2z"/></svg>

File Type Vim アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-vim" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-vim" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-vim" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-vim]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-vim"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-vim"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vim.svg" alt="File Type Vim アイコン" width="24" height="24">

VSCode Icons の関連アイコン

file-type-access アイコン
file-type-access
 file-type-access2 アイコン
file-type-access2
 file-type-actionscript アイコン
file-type-actionscript
 file-type-actionscript2 アイコン
file-type-actionscript2
 file-type-ada アイコン
file-type-ada
 file-type-advpl アイコン
file-type-advpl
 file-type-affectscript アイコン
file-type-affectscript
 file-type-affinity アイコン
file-type-affinity
 file-type-affinitydesigner アイコン
file-type-affinitydesigner
 file-type-affinityphoto アイコン
file-type-affinityphoto
 file-type-affinitypublisher アイコン
file-type-affinitypublisher
 file-type-agda アイコン
file-type-agda
 file-type-agents アイコン
file-type-agents
 file-type-ai アイコン
file-type-ai
 file-type-ai2 アイコン
file-type-ai2
 file-type-aikido アイコン
file-type-aikido
 file-type-al アイコン
file-type-al
 file-type-al-dal アイコン
file-type-al-dal
 file-type-alchemy アイコン
file-type-alchemy
 file-type-allcontributors アイコン
file-type-allcontributors
 file-type-alloy アイコン
file-type-alloy
 file-type-allure アイコン
file-type-allure
 file-type-angular アイコン
file-type-angular
 file-type-ansible アイコン
file-type-ansible

File Type Vim アイコン のよくある質問

File Type Vim アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で File Type Vim アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-vim" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Vim アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-vim.svg" alt="File Type Vim アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →