本文へスキップ
LogoHub
ツールnvim

Neovim

Neovimの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Neovim Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.82:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 602 734
ファイルサイズ
2.2 KB · 4 パス
公式サイト
https://neovim.io/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますNeovim.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Neovim
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#16B0EDrgb(22, 176, 237) · hsl(197, 86%, 51%)
WCAG コントラストとファイルサイズ
白背景 2.5:1 · 黒背景 8:1 · 2.2 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="602px" height="734px" viewBox="0 0 602 734" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <title>neovim-mark@2x</title>
    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#16B0ED" stop-opacity="0.800235524" offset="0%"></stop>
            <stop stop-color="#0F59B2" stop-opacity="0.83700023" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
            <stop stop-color="#7DB643" offset="0%"></stop>
            <stop stop-color="#367533" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
            <stop stop-color="#88C649" stop-opacity="0.8" offset="0%"></stop>
            <stop stop-color="#439240" stop-opacity="0.84" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="mark-copy" sketch:type="MSLayerGroup" transform="translate(2.000000, 3.000000)">
            <path d="M0,155.5704 L155,-1 L154.999997,727 L0,572.237919 L0,155.5704 Z" id="Left---green" fill="url(#linearGradient-1)" sketch:type="MSShapeGroup"></path>
            <path d="M443.060403,156.982405 L600,-1 L596.818792,727 L442,572.219941 L443.060403,156.982405 Z" id="Right---blue" fill="url(#linearGradient-2)" sketch:type="MSShapeGroup" transform="translate(521.000000, 363.500000) scale(-1, 1) translate(-521.000000, -363.500000) "></path>
            <path d="M154.986294,0 L558,615.189696 L445.224605,728 L42,114.172017 L154.986294,0 Z" id="Cross---blue" fill="url(#linearGradient-3)" sketch:type="MSShapeGroup"></path>
            <path d="M155,283.83232 L154.786754,308 L31,124.710606 L42.4619486,113 L155,283.83232 Z" id="Shadow" fill-opacity="0.13" fill="#000000" sketch:type="MSShapeGroup"></path>
        </g>
    </g>
</svg>

使用上の注意

  • 元の 0.82:1 の縦横比（viewBox "0 0 602 734"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました