本文へスキップ
企業・団体アイハーブ

iHerb

iHerbの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

iHerb Logo

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 2.90:1
書き出し解像度
1024 × 1024 px
viewBox
-0.58 3.42 101.53 35.03
ファイルサイズ
2.0 KB · 7 パス
公式サイト
https://hk.iherb.com

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
iHerb
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#4A8807rgb(74, 136, 7) · hsl(89, 90%, 28%)
WCAG コントラストとファイルサイズ
白背景 4.4:1 · 黒背景 4.5:1 · 2.0 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-0.58 3.42 101.53 35.03"><path fill="#498706" d="M28 23.7H17.5v8.8c0 2.4-1.5 4-3.6 4-1.8 0-3.2-1-3.6-2.7-.2-.7-.2-1.4-.2-2.1V10.5c0-.5 0-1 .1-1.5.3-2.2 1.6-3.3 3.8-3.2 1.9.1 3.3 1.4 3.5 3.4.1 1.7 0 3.4 0 5.1v2.9H28V9.9c.1-2.7 1.5-4.1 3.8-4.1 1.7 0 3 1.1 3.3 2.8.1.5.2 1.1.2 1.6v21.9c0 2.7-1.2 4.3-3.3 4.5-2.4.2-4-1.3-4-4-.1-3 0-5.8 0-8.9z"/><path fill="#468602" d="M83.4 34.4c-1.2 1.8-2.6 2.5-4.1 2.1S77 34.9 77 32.8v-23c0-2.2 1-3.6 2.5-3.9 2.3-.4 4 .9 4 3.3.1 2.1 0 4.1 0 5.9 1.9-.5 3.7-1.3 5.6-1.4 4.5-.3 7.9 2.2 9.2 6.5 1.1 3.7 1 7.3-.6 10.8-2.4 5.4-8.6 7.2-13.5 3.9-.2-.1-.5-.3-.8-.5zm.2-9.6c.3 1.4.4 2.4.7 3.4.6 1.7 2 2.6 3.8 2.5 1.8 0 2.8-1.1 3.4-2.6.8-2.2.8-4.4-.1-6.5-.5-1.3-1.4-2.2-2.9-2.4-1.6-.2-2.9.4-3.6 1.8-.6 1.3-.9 2.7-1.3 3.8z"/><path fill="#488705" d="M44 27.3c.7 3.8 3.7 5.2 6.7 3.4.9-.6 1.7-1.3 2.5-2.1 1.2-1.1 2.5-1.2 3.7-.4 1.3.9 1.3 2.3.7 3.5-1.5 3-4.2 4.4-7.4 4.7-2 .2-4 .1-6-.4-2.9-.6-5-2.5-6.3-5.2-2.3-4.8-1.4-11.4 2.4-14.6 3.4-3 7.5-3.3 11.6-1.9 3.7 1.3 5.7 4.1 6.2 7.9.4 3.3-.7 4.7-4 5-2.8.2-5.5.1-8.3.1H44zm7.2-4.8c-.1-2.1-1.3-3.4-3.3-3.6-2-.1-3.4 1.1-3.8 3.6h7.1z"/><path fill="#478603" d="M66 15.4c2.4-2.5 5.8-2 7.9-.7 1.6.9 2.1 2.5 1.5 4-.7 1.5-2.1 2.1-3.9 1.5-3.1-.9-4.2-.3-4.5 2.9s-.2 6.4-.4 9.6c-.1 2.2-1.2 3.6-3 3.8-2 .2-3.7-1-3.8-3.1-.1-5.5-.1-11.1 0-16.6 0-1.4.7-2.7 2.3-3.1 1.5-.4 2.9 0 3.9 1.7z"/><path fill="#468501" d="M1.5 25.1v-7.7c0-2.4 1.2-3.8 3.3-3.8s3.5 1.4 3.5 3.8v15.2c0 2.6-1.3 4-3.5 4-2.1 0-3.3-1.4-3.3-3.9v-7.6z"/><path fill="#4A8807" d="M8.4 9.5c0 2-1.4 3.3-3.4 3.4-2.1 0-3.5-1.3-3.5-3.4 0-2 1.4-3.4 3.5-3.4 2 0 3.4 1.4 3.4 3.4z"/><g><path fill="#4A8807" d="M98.5 7.6c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2c1.2.1 2.2 1 2.2 2.2zm-3.9 0c0 1 .7 1.7 1.7 1.7.9 0 1.6-.8 1.6-1.7 0-1-.7-1.7-1.7-1.7-.9 0-1.6.8-1.6 1.7zm1.3 1.1h-.5V6.6c.2 0 .5-.1.8-.1.4 0 .6.1.7.2.1.1.2.3.2.5 0 .3-.2.4-.4.5.2.1.3.2.4.5.1.3.1.4.2.5h-.5c-.1-.1-.1-.3-.2-.5 0-.2-.2-.3-.4-.3H96l-.1.8zm0-1.2h.2c.3 0 .5-.1.5-.3 0-.2-.1-.3-.5-.3h-.3v.6h.1z"/></g></svg>

使用上の注意

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