本文へスキップ

putio

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

putio 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 256 256
ファイルサイズ
1.8 KB · 4 パス
公式サイト
https://put.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
putio
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FDCE45rgb(253, 206, 69) · hsl(45, 98%, 63%)
WCAG コントラストとファイルサイズ
白背景 1.5:1 · 黒背景 13.3:1 · 1.8 KB

SVG コード

<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="256" height="256" rx="20" fill="#323232"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59 94.2498H62.7597V79.2498H66.5195V71.7498H70.2792V67.9998H74.0389V64.2498H77.7987V56.7498H85.3181V52.9998H89.0779V49.2498H96.5973V45.4998H104.117V41.7498L145.474 41.7498V45.4998H152.993V49.2498H160.513V52.9998H168.032V56.7498H171.792V60.4998H175.552V64.2498H179.311V71.7498H183.071V79.2498H186.831V86.7498H190.591V124.25H186.831V135.5H183.071V143H179.311V146.75H175.552V150.5H171.792V154.25H168.032V158H164.273V161.75H156.753V165.5H149.234V169.25H134.195V173H96.5973V176.75H92.8376V195.5H89.0779V199.25H85.3181V203H66.5195V199.25H62.7597V195.5H59L59 94.2498ZM100.356 94.2501V86.7501H104.116V83.0001H111.635V79.2501H119.155V75.5001H130.434V79.2501H141.713V83.0001H145.473V86.7501H149.233V94.2501H152.993V116.75H149.233V120.5H145.473V124.25H141.713V128H137.954V131.75H111.635V128H107.876V124.25H104.116V120.5H100.356V113H96.5964V94.2501H100.356Z" fill="white"/>
<path d="M115.396 90.5H107.877V98H104.117V109.25H107.877V116.75H111.637V109.25H115.396V101.75H119.156V98H126.675V94.25H134.195V90.5H137.955V86.75H126.675V83H122.916V86.75H115.396V90.5Z" fill="#FDCE45"/>
<path d="M201.871 94.25H198.111V128H194.352V139.25H190.592V146.75H186.832V150.5H183.072V154.25H179.313V158H175.553V161.75H171.793V165.5H168.033V169.25H160.514V173H152.994V176.75H137.956V180.5H100.358L100.358 199.25H96.5984V203H92.8386V206.75H89.0789V210.5H77.7997V214.25H81.5594V218H100.358V214.25H104.118V210.5H107.878V191.75H111.637V188H149.235V184.25H164.274V180.5H171.793V176.75H179.313V173H183.072V169.25H186.832V165.5H190.592V161.75H194.352V158H198.111V150.5H201.871V139.25H205.631V101.75H201.871V94.25Z" fill="#FDCE45"/>
</svg>

使用上の注意

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