本文へスキップ

lifehacker

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

lifehacker Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
lifehacker
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#A2C056rgb(162, 192, 86) · hsl(77, 46%, 55%)
WCAG コントラストとファイルサイズ
白背景 2.1:1 · 黒背景 9.6:1 · 941 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 9.268 9.269"><path d="M1.617 5.793v.002l-.56-.036v3.5h.56V5.794zm1.788 1.705l-.001-.035-.001-.015-.002-.024-.005-.04V7.38l-.002-.014-.004-.022-.003-.016-.006-.025-.014-.047-.002-.006-.01-.027-.002-.006-.015-.036-.003-.007-.02-.04-.02-.034-.004-.008-.005-.007-.012-.018-.015-.022-.027-.035-.028-.032-.008-.01-.025-.025-.038-.034-.036-.027-.045-.03-.038-.02-.047-.022-.043-.016-.045-.013-.004-.001H2.87l-.044-.01H2.82l-.05-.006h-.003l-.032-.002H2.72l-.034.001h-.008l-.036.002H2.64l-.042.003h-.022.02l-.04.004H2.55l-.028.003-.033.004-.027.004-.042.008-.036.01H2.38l-.023.007V5.732h-.36v3.536h.36V7.155h.346l.03.002.032.005.035.008.035.012.028.013.03.017.03.022.006.005.017.015.007.007.015.016.024.03.004.006.012.02.015.03.01.026.01.034.007.037a.26.26 0 0 1 .003.044V9.27h.352V7.503z" transform="matrix(2.621022 0 0 2.621022 -1.213739 -15.02456)" fill="#a2c056"/></svg>

使用上の注意

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