brand
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Codesandbox Logo SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Codesandbox Logo - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
phosphor-fill-codesandbox-logo-fill.svg (854 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Codesandbox Logo icon"><title>Codesandbox Logo - Phosphor Icons icon</title><desc>Free Codesandbox Logo vector icon from the Phosphor Icons open-source icon library; solid style, MIT licence, viewBox 0 0 256 256, 578 bytes.</desc><path d="M229.89,72.25v0l0,0a15.93,15.93,0,0,0-6.18-6.06L135.68,18a15.94,15.94,0,0,0-15.36,0l-88,48.18a15.93,15.93,0,0,0-6.18,6.06l0,0v0A16,16,0,0,0,24,80.18v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,229.89,72.25ZM120,219.61,88,202.09V152a8,8,0,0,0-4.16-7L40,121v-32l80,43.8Zm8-100.73L48.66,75.44,83.14,56.57l41,22.45a8,8,0,0,0,7.68,0l41-22.45,34.48,18.87Zm88,2.1-43.84,24a8,8,0,0,0-4.16,7v50.09l-32,17.52V132.74l80-43.8Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Codesandbox Logo
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Codesandbox Logo
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#fill
#codesandbox
#logo
#brands
#solid
Codesandbox Logo - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Codesandbox Logo
| 正規の識別子 | phosphor/phosphor-fill-codesandbox-logo-fill |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 854 bytes (~470 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%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Codesandbox 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-codesandbox-logo-fill.svg aria-hidden="true" focusable="false"
同じカテゴリの ブランド＆テックロゴ
見るbrand
Google Forms
Dashboard Icons|brandsbrand
D
Authentic Brand Logos|brandsbrand
Google Sheets
Dashboard Icons|brandsbrand
Daemon Sync Dark
selfh.st Icons|brandsoutline
Google Ads
IconPark|brands
Flyway
Authentic Brand Logos|brands
Davical Dark
selfh.st Icons|brands
Hardhat
Authentic Brand Logos|brands
Delta Air
selfh.st Icons|brands
Browserstack
Devicon|brands
Haskell
Devicon|brands
Krakenjs
Devicon|brands
Brand Astro
Tabler Icons|brands
Brand Crunchbase
Tabler Icons|brands
Brand Days Counter
Tabler Icons|brands
Agentvoice
LobeHub Icons|brands
Apachehive
Simple Icons|brands
Airjelly
LobeHub Icons|brands
Alibabacloud Text
LobeHub Icons|brands
Brand Atom
3D Vector Icons|brands
Brand Bootstrap
3D Vector Icons|brands
Brand Chartdotjs
3D Vector Icons|brands
Square Logo
Phosphor Icons|brandsさらに見る
よくある質問
Codesandbox Logo - よくある質問
Codesandbox Logoにはどのライセンスが適用されますか？ +
Codesandbox LogoはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Codesandbox Logoはどの形式でダウンロードできますか？ +
Codesandbox Logoはsolidスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Codesandbox Logoアイコンはどこから来たのですか？ +
Codesandbox LogoはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはブランド＆テックロゴです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。