本文へスキップ
ツールeslint-icon-lightダーク版

ESLint

ESLint(eslint-icon-light)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

ESLint Logo
ダークモード用の公式バージョンがあります

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1.14:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 324 285.096
ファイルサイズ
928 B · 2 パス
公式サイト
https://eslint.org

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
ESLint (eslint-icon-light)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#8080F2rgb(128, 128, 242) · hsl(240, 81%, 73%)
WCAG コントラストとファイルサイズ
白背景 3.3:1 · 黒背景 5.9:1 · 928 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 324 285.096"><path fill="#8080F2" d="m98.764 104.305 60.777-35.09a4.916 4.916 0 0 1 4.917 0l60.778 35.09a4.92 4.92 0 0 1 2.458 4.258v70.179c0 1.755-.938 3.38-2.458 4.259l-60.778 35.089a4.916 4.916 0 0 1-4.917 0L98.764 183a4.919 4.919 0 0 1-2.458-4.258v-70.179a4.922 4.922 0 0 1 2.458-4.258"/><path fill="#4b32c3" d="M320.02 136.27 247.405 9.937C244.766 5.37 239.894 2 234.619 2H89.383c-5.276 0-10.15 3.37-12.788 7.937L3.978 135.991c-2.637 4.57-2.637 10.335 0 14.905l72.617 125.297c2.638 4.568 7.512 6.903 12.788 6.903h145.235c5.274 0 10.148-2.265 12.784-6.834L320.02 150.76c2.64-4.567 2.64-9.922.002-14.49m-60.131 60.75c0 1.856-1.118 3.574-2.728 4.504l-92.498 53.367a5.263 5.263 0 0 1-5.233 0l-92.57-53.367c-1.609-.93-2.734-2.646-2.734-4.505V90.284c0-1.858 1.109-3.575 2.719-4.505l92.494-53.367a5.252 5.252 0 0 1 5.23 0l92.577 53.367c1.61.93 2.743 2.647 2.743 4.505z"/></svg>

使用上の注意

  • 元の 1.14:1 の縦横比(viewBox "0 0 324 285.096")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました