ICONYZ
日本語
Nonicons の Vim 16 アイコン

Vim 16 アイコン

nonicons:vim-16

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

アイコンセット
Nonicons
作者
yamatsum
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 .786C0 .352.336 0 .75 0h5.805c.414 0 .75.352.75.786V3.93c0 .425-.322.772-.724.786v1.38l1.977-1.863A.8.8 0 0 1 8.5 3.93V.786C8.5.352 8.836 0 9.25 0h6c.414 0 .75.352.75.786V3.93a.8.8 0 0 1-.24.576L4.167 15.79a.73.73 0 0 1-.51.21h-1.45a.73.73 0 0 1-.415-.132l-.725-.506a.8.8 0 0 1-.334-.654V4.716C.327 4.706 0 4.358 0 3.93zm1.5 2.358c.406.01.733.358.733.786v10.357l.202.141h.927L14.5 3.588V1.571H10v1.572c.31 0 .589.2.7.505a.81.81 0 0 1-.198.865l-4.17 3.93a.72.72 0 0 1-.807.134a.79.79 0 0 1-.444-.718V3.93c0-.425.322-.771.724-.786V1.572H1.5z"/></svg>

Vim 16 アイコンの使い方

React

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

<Icon icon="nonicons:vim-16" width="24" />

Vue

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

<template>
  <Icon icon="nonicons:vim-16" width="24" />
</template>

Svelte

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

<Icon icon="nonicons:vim-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--vim-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:vim-16"></div>

Web コンポーネント

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

<iconify-icon icon="nonicons:vim-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/nonicons/vim-16.svg" alt="Vim 16 アイコン" width="24" height="24">

Nonicons の関連アイコン

vim-command-mode-16 アイコン
vim-command-mode-16
 vim-insert-mode-16 アイコン
vim-insert-mode-16
 vim-normal-mode-16 アイコン
vim-normal-mode-16
 vim-replace-mode-16 アイコン
vim-replace-mode-16
 vim-select-mode-16 アイコン
vim-select-mode-16
 vim-terminal-mode-16 アイコン
vim-terminal-mode-16
 vim-visual-mode-16 アイコン
vim-visual-mode-16

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

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

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

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

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

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

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

Nonicons をすべて見る →