brand
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Steam Logo SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Steam Logo - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Steam Logo icon"><title>Steam Logo - Phosphor Icons icon</title><desc>Free Steam Logo vector icon from the Phosphor Icons open-source icon library; solid style, MIT licence, viewBox 0 0 256 256, 540 bytes.</desc><path d="M231.92,132.11c-2.09,54-45.83,97.72-99.81,99.81A104.06,104.06,0,0,1,25.6,109.76a4,4,0,0,1,6.77-2.08l43,43a28,28,0,0,0,42.42,34.92l61.1-49.84a36,36,0,1,0-50.71-50.65l-43,52.74L35,87.67a4,4,0,0,1-.76-4.6,104,104,0,0,1,197.7,49ZM121.58,118.55,90.77,156.33A11.83,11.83,0,0,0,88,163.19,12.19,12.19,0,0,0,99.85,176a11.84,11.84,0,0,0,7.78-2.74l0,0,37.78-30.81A36.18,36.18,0,0,1,121.58,118.55ZM175.9,110A20,20,0,1,0,158,127.9,20,20,0,0,0,175.9,110Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Steam Logo
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Steam Logo
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#fill
#steam
#logo
#brands
#solid
Steam Logo - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Steam Logo
| 正規の識別子 | phosphor/phosphor-fill-steam-logo-fill |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 798 bytes (~439 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/phosphor-icons/core |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Steam Logo
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
phosphor-fill-steam-logo-fill.svg aria-hidden="true" focusable="false"
同じカテゴリの ブランド＆テックロゴ
見るbrand
Fluidcalendar
selfh.st Icons|brandsbrand
Fmd
selfh.st Icons|brandsbrand
Foldergram Dark
selfh.st Icons|brandsoutline
Brand Git
Tabler Icons|brandsbrand
Wordmark Vertx
Devicon|brands
Netatmo
Dashboard Icons|brands
Pepsi
Authentic Brand Logos|brands
Brand Kick
Tabler Icons|brands
Nextbike Dark
Dashboard Icons|brands
Crossplane
Authentic Brand Logos|brands
Brand Mongodb
Tabler Icons|brands
Nicotine Plus
Dashboard Icons|brands
Agentvoice Text
LobeHub Icons|brands
Crystal
Devicon|brands
Apachehbase
Simple Icons|brands
Gimp
Devicon|brands
Cheerio
Simple Icons|brands
Apple Fruit
MingCute Icons|brands
Inkscape
Simple Icons|brands
Askverdict Text
LobeHub Icons|brands
Baidu
LobeHub Icons|brands
Brand Atlassian
3D Vector Icons|brands
Brand Bone
3D Vector Icons|brandsさらに見る
よくある質問
Steam Logo - よくある質問
Steam Logoにはどのライセンスが適用されますか？ +
Steam LogoはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Steam Logoはどの形式でダウンロードできますか？ +
Steam Logoはsolidスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Steam Logoアイコンはどこから来たのですか？ +
Steam LogoはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはブランド＆テックロゴです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。