Vim アイコン

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

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

thesvg-color:vim

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 256 × 257

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="257" viewBox="0 0 256 257"><path fill="#019833" d="M128.3 2L1.9 127.9l126.4 126.5L254 127.9L128.3 1.9"/><path fill="#66fe98" d="M128.3 13.5V3L2.8 127.9h10.7z"/><path fill="#45fe02" d="M128.3 13.5V3l125.8 125h-11.6z"/><path fill="#017d17" d="M128.3 242.8v11.8L2.8 127.9h10.7l114.8 115"/><path fill="#005d04" d="M128.3 242.8v11.8L254 127.9h-11.6L128.3 243"/><path d="M65.2 230.6H41l-9.5-9.3V44.5H24l-6.5-6.4V18.3l6.7-7.2h85l7.7 7.6v18.8l-6.3 7.7H104V105l60.5-59.8h-3.4l-7-7.6V17.8l7-6.4h85.8l6.8 6.8V37z"/><path d="M128.3 256.3L0 128L128.3 0L256 128L128.3 256.2ZM3.9 128l124.4 124.5L252 128L128.3 4z"/><path fill="#fefefe" d="m108 22.7l3.9-2.4l-4-4H26.3L22 20.5v15.7l4.6 4.6l2.2-4.6l-2.9-2.9v-11l2.2-2h77.2l2.8 2.4"/><path fill="#fefefe" d="M41.5 35.8v184.4l2.5 2.4l-2 4l-5.5-5.4V40.6z"/><path fill="gray" d="m28.2 35.8l-1.6 5h9.9l5.7-5z"/><path fill="#fefefe" d="m166.5 35.9l-3.4-2.4v-10l3.6-3.6H242l3 3.9l4-3.2l-4.2-4h-81.1l-4 4.1v15.9l4.2 3.8m-65.6 76.4l-7.9 19.1l89-89.3l-.5-10.8z"/><path fill="gray" d="m107.9 22.7l4-2.4v15.5l-4.6 4.6h-8.7l-.2 76.4l-7.9 19v-100h14.7l2.7-2.2v-11m136.9.1l4.3-2.1v14.1L62.4 226.6H42l2-3.8h15.7l185-191.4v-8.7M179 35.8l-4.5 4.6H164l2.6-4.5z"/><path fill="#ccc" d="m166 19.8l-3 2.9v10.6l2.6 2.5H179v10.3L90.5 136V36h14.7l3-3V22.2l-2.7-2.2H28l-2.5 2.6v11L28 36h13.5v184l2.5 2.6h15.3L244.8 31v-8.4l-2.9-3h-76"/><path fill="gray" d="M59.5 223H44l-2.7-2.8V36.4H28l-2.7-2.7V22.5l2.7-2.7h77.5l3 2.3v11l-3.2 3.1H90.8v99l88-89.2V36h-13.3l-2.7-2.6V22.6l3-3H242l3 3v8.7L59.5 222.9Zm-15.3-.6h15.1L244.6 31v-8.2l-2.8-2.8h-75.7l-2.8 2.8v10.4l2.4 2.4h13.5v10.6l-89 90.3V35.7h15l2.8-2.9V22.3l-2.6-2H28.2l-2.4 2.4v10.8l2.4 2.4h13.6V220z"/><path fill="#ccc" d="m134.6 143.8l-.4.2l-3.6 3l-.2.5l-3.6 10c-.1.3 0 .6.2.9l2.7 2.7c.2.2.4.3.6.2h11c.3 0 .5 0 .7-.2l2.9-2.9l.2-.4l3-10.5c.1-.3 0-.6-.2-.9l-2.3-2.3a.8.8 0 0 0-.6-.3zm-20.3 28.4c-.3 0-.6.3-.7.6l-1.3 5.4a.8.8 0 0 0 .8 1h6.5l-16.2 46.2a.8.8 0 0 0 .8 1.1h23.5c.4 0 .7-.2.8-.5l1.6-5a.8.8 0 0 0-.8-1H124l16-46.7a.8.8 0 0 0-.8-1.1zm74.8.1c-.2 0-.3.2-.5.3l-4.8 5.5H176l-5.2-5.3a.8.8 0 0 0-.6-.3h-18.6c-.3 0-.7.2-.8.5l-1.7 5.2a.8.8 0 0 0 .8 1h5L139.4 225a.8.8 0 0 0 .8 1.1H160c.3 0 .6-.2.7-.5l1.6-4.5a.8.8 0 0 0-.8-1H158l9.9-31.2h17.9L174.5 225a.8.8 0 0 0 .8 1h19c.4 0 .7-.2.8-.5l1.8-4a.8.8 0 0 0-.8-1.2h-3.5l10-31.6h17L208.3 225a.8.8 0 0 0 .8 1h21c.4 0 .7-.2.8-.5l1.7-4.4a.8.8 0 0 0-.8-1.2h-4.1l12.6-41l-.1-.8l-4-5.3a.8.8 0 0 0-.6-.3h-15c-.3 0-.5 0-.6.3l-4.8 5.1H207l-5-5.3a.8.8 0 0 0-.5-.3H189Z"/><path d="M128.4 162.5c.5.5 1.2.8 1.9.8h11c.8 0 1.5-.3 2-.8l3-3c.3-.3.5-.7.6-1.1l3.1-10.6c.3-1 0-2-.7-2.7l-2.4-2.5c-.5-.5-1.2-.8-2-.7h-10.7c-.5.1-1 .3-1.3.6l-3.6 3.1c-.4.4-.6.8-.8 1.2l-3.6 10c-.3 1 0 2.2.7 3zm16.1-16.7l1.6 1.5l-2.8 9.7l-2.4 2.4h-10.1l-2-2l3.3-9l3-2.6zm97.1 31.2l-3.9-5.3c-.6-.8-1.4-1.2-2.2-1.2h-15c-.8 0-1.5.3-2 .9l-4.2 4.6h-6.6l-4.3-4.7c-.6-.6-1.3-1-2-1h-12.5l-.2.1c-.6.1-1.1.5-1.5 1l-4.3 4.8h-6.1l-4.6-4.8c-.5-.5-1.3-.8-2-.9h-18.6c-1.2 0-2.2.8-2.6 1.9l-1.7 5.1a2.8 2.8 0 0 0 2.6 3.7h2.3l-14.7 43.1a2.8 2.8 0 0 0 2.7 3.7H160c1.1 0 2.2-.7 2.6-1.9l1.5-4.4a2.8 2.8 0 0 0-2.6-3.7h-.8l8.6-27.2h13.8l-10.5 33.6a2.8 2.8 0 0 0 2.7 3.6h19.1c1.1 0 2.1-.7 2.5-1.7l1.8-4.1a2.8 2.8 0 0 0-2.6-3.9h-.8l8.8-27.7h13l-10.7 33.8a2.8 2.8 0 0 0 2.6 3.6h21c1.2 0 2.2-.7 2.6-1.8l1.7-4.5a2.8 2.8 0 0 0-2.6-3.7h-1.5l11.9-38.5c.2-.9 0-1.9-.5-2.6ZM225 221.8h5.2l-.9 2.2h-18.6l11.7-37.4h-21L190 222.3h4.4l-.8 1.8h-16.8l11.6-37.2h-22l-11 35h4.5l-.7 2.2h-17.4l15.8-46.8h-6.1l1-2.8h17.2l5.4 5.6h9.5l5.2-5.8h11l5.2 5.6h10l5-5.4h14l3.2 4.3l-13.3 43Zm-94.9-3.7a3 3 0 0 0-.8-.1h-2.6l15.1-44.1a2.8 2.8 0 0 0-2.6-3.7h-25.3c-1 .3-1.9 1-2.2 2.1l-1.3 5.5a2.8 2.8 0 0 0 2.7 3.4h3.7l-15.2 43.6a2.8 2.8 0 0 0 2.6 3.7h23.5c1.2 0 2.3-.8 2.7-2l1.5-5c.5-1.4-.3-3-1.8-3.4m-24.3 6.5l16.5-47.3h-7.8l.8-3.2h22.3L121.2 222h6.6l-.9 2.7h-21.1Z"/></svg>

Vim アイコンの使い方

React

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

<Icon icon="thesvg-color:vim" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:vim" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:vim" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:vim"></iconify-icon>

HTML 画像

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

theSVG Color の関連アイコン

他のアイコンセットの Vim アイコン

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →