outline
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Basket SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Basket - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="#D97706" role="img" aria-label="basket" width="36" height="36"><title>Basket</title><path d="M232,88,216.93,201.06A8,8,0,0,1,209,208H47a8,8,0,0,1-7.93-6.94L24,88Z" opacity="0.2"/><path d="M136,120v56a8,8,0,0,1-16,0V120a8,8,0,0,1,16,0Zm36.84-.8-5.6,56A8,8,0,0,0,174.4,184a7.32,7.32,0,0,0,.81,0,8,8,0,0,0,7.95-7.2l5.6-56a8,8,0,0,0-15.92-1.6Zm-89.68,0a8,8,0,0,0-15.92,1.6l5.6,56a8,8,0,0,0,8,7.2,7.32,7.32,0,0,0,.81,0,8,8,0,0,0,7.16-8.76ZM239.93,89.06,224.86,202.12A16.06,16.06,0,0,1,209,216H47a16.06,16.06,0,0,1-15.86-13.88L16.07,89.06A8,8,0,0,1,24,80H68.37L122,18.73a8,8,0,0,1,12,0L187.63,80H232a8,8,0,0,1,7.93,9.06ZM89.63,80h76.74L128,36.15ZM222.86,96H33.14L47,200H209Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Basket
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Basket
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: SVG Icons Collection | Author: SVG Nexus Open Catalog | License: MIT | 登録不要 | 100%ブラウザ完結処理
キーワード
#basket
#interface
#outline
Basket - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Basket
| 正規の識別子 | svg-icons/basket |
|---|---|
| 元のライブラリパック | SVG Icons Collection |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 745 bytes (~410 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Basket
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
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 を付けます。右から左に書く言語では矢印を左右反転します。
basket.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("Basket")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの ユーザーインターフェース
見るoutline
Basket
Open Iconic|interfaceoutline
Basket
MingCute Icons|interfacesolid
Basket
MingCute Icons Fill|interface3d
Basket
3D Vector Icons|3d-iconsoutline
Nature Flower
Domain Icons|interfaceoutline
Editor Strikethrough S
Material Icons|interface
Broadcast
Phosphor Icons|interface
Nature Seed
Domain Icons|interface
Cell Signal Full
Phosphor Icons|interface
Hardware Tablet Android
Material Icons|interface
Filter 2 Check
Tabler Icons|interface
Filter Pause
Tabler Icons|interface
Pets Bird
Domain Icons|interface
Friends
Tabler Icons|interface
Maps Airline Stops
Material Icons|interface
Footprints
Phosphor Icons|interface
Add Circle
Fluent UI Color|interface
Audio Spectrum
Open Iconic|interface
Open Iconic|interface
Align Left
MingCute Icons|interface
Cursor Cyber Stealth Dart Copy
Mouse|interface
Android
MingCute Icons|interface
Appstore
MingCute Icons Fill|interface
Align Text Left One
IconPark|interfaceさらに見る
よくある質問
Basket - よくある質問
Basketにはどのライセンスが適用されますか？ +
BasketはSVG Icons Collectionのもので、MITの対象です。帰属表示：クレジット必須。
Basketはどの形式でダウンロードできますか？ +
Basketはoutlineスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Basketアイコンはどこから来たのですか？ +
BasketはSVG Icons Collectionライブラリの一部です。作者はSVG Nexus Open Catalog、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。