本文へスキップ

PowerToys

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

PowerToys 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
ファイルサイズ
7.1 KB · 12 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
PowerToys
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#D7CCB3rgb(215, 204, 179) · hsl(42, 31%, 77%)
WCAG コントラストとファイルサイズ
白背景 1.6:1 · 黒背景 12.4:1 · 7.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><linearGradient id="New_Gradient_Swatch" x1="202.55" x2="53.45" y1="257.12" y2="-1.12" data-name="New Gradient Swatch" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d7ccb3"/><stop offset="1" stop-color="#f2e6ca"/></linearGradient><linearGradient id="linear-gradient" x1="134.91" x2="84.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#ffb900"/><stop offset="1" stop-color="#fef000"/></linearGradient><linearGradient id="linear-gradient-2" x1="98.76" x2="48.91" y1="144.52" y2="58.19" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#d83b01"/><stop offset="1" stop-color="#ec6725"/></linearGradient><linearGradient id="linear-gradient-3" x1="171.91" x2="121.09" y1="145.01" y2="56.99" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#56b60e"/><stop offset="1" stop-color="#66eb6e"/></linearGradient><linearGradient id="linear-gradient-4" x1="207.09" x2="157.24" y1="143.81" y2="57.48" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0" stop-color="#0078d4"/><stop offset="1" stop-color="#28afea"/></linearGradient><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-2" x1="80.07" x2="59.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-3" x1="138.07" x2="117.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><linearGradient xlink:href="#New_Gradient_Swatch" id="New_Gradient_Swatch-4" x1="196.07" x2="175.93" y1="203.45" y2="168.55" data-name="New Gradient Swatch"/><style>.cls-2{fill:#fff}.cls-5{mix-blend-mode:multiply}</style></defs><g style="isolation:isolate"><g id="Layer_2" data-name="Layer 2"><g id="Ramp_Work" data-name="Ramp Work"><rect width="224" height="224" x="16" y="16" rx="10.67" ry="10.67" style="fill:url(#New_Gradient_Swatch)"/><path d="M32 32h192v192H32z" style="fill:#666"/><g style="mix-blend-mode:multiply;opacity:.32"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALUAAACC...[データ省略・完全なコードはコピーまたはダウンロードで取得]..." width="180" height="129" class="cls-5" transform="translate(38.07 42.07)"/><rect width="148" height="96" x="54" y="53" class="cls-2" rx="5.31" ry="5.31"/></g><g style="opacity:.24;mix-blend-mode:multiply"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAABo...[データ省略・完全なコードはコピーまたはダウンロードで取得]..." width="154" height="103" class="cls-5" transform="translate(51.01 50.01)"/><rect width="148" height="96" x="54" y="53" class="cls-2" rx="5.31" ry="5.31"/></g><path d="M91 53h37v96H91z" style="fill:url(#linear-gradient)"/><path d="M91 149H59.35a5.35 5.35 0 0 1-5.35-5.35v-85.3A5.35 5.35 0 0 1 59.35 53H91z" style="fill:url(#linear-gradient-2)"/><path d="M128 53h37v96h-37z" style="fill:url(#linear-gradient-3)"/><path d="M165 53h31.65c2.95 0 5.35 2.4 5.35 5.35v85.31c0 2.95-2.4 5.35-5.35 5.35H165z" style="fill:url(#linear-gradient-4)"/><path d="M0 0h256v256H0z" style="fill:none"/><rect width="32" height="32" x="54" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-2)"/><rect width="32" height="32" x="112" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-3)"/><rect width="32" height="32" x="170" y="170" rx="4.67" ry="4.67" style="fill:url(#New_Gradient_Swatch-4)"/></g></g></g></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 256 256")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました