outline
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Basket SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Basket - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
クレジット付きバンドル
bootstrap-regular-basket.svg (963 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-basket" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Basket icon"><title>Basket - Bootstrap Icons icon</title><desc>Free Basket vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 738 bytes.</desc> <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9zM1 7v1h14V7zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5m2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5"/> </svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Basket
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Basket
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | 登録不要 | 100%ブラウザ完結処理
キーワード
#bootstrap
#regular
#basket
#interface
#outline
Basket - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Basket
| 正規の識別子 | bootstrap/bootstrap-regular-basket |
|---|---|
| 元のライブラリパック | Bootstrap Icons |
| 座標グリッドと viewBox | viewBox="0 0 16 16" |
| 非圧縮のサイズ | 963 bytes (~530 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/twbs/icons |
| 対応する書き出し形式 | 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 を付けます。右から左に書く言語では矢印を左右反転します。
bootstrap-regular-basket.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("Basket")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの ユーザーインターフェース
見るoutline
Basket
Open Iconic|interfaceoutline
Basket
SVG Icons Collection|interfaceoutline
Basket
MingCute Icons|interfacesolid
Basket
MingCute Icons Fill|interface3d
Basket
3D Vector Icons|3d-iconsoutline
Browser
Phosphor Icons|interface
Charging Station
Phosphor Icons|interface
Church
Phosphor Icons|interface
Turkey
IconPark|interface
Two Triangles
IconPark|interface
Unlike
IconPark|interface
Circle Percentage
Tabler Icons|interface
Circuit Cell
Tabler Icons|interface
Clock Heart
Tabler Icons|interface
Action View Headline
Material Icons|interface
Hospitality Table
Domain Icons|interface
Legal Courthouse
Domain Icons|interface
Communication Forum
Material Icons|interface
Logistics Box
Domain Icons|interface
Device Radar
Material Icons|interface
Add Circle
Fluent UI Color|interface
Americanexpress
SVG Icons Collection|interface
Air Condition
MingCute Icons|interface
Audio Spectrum
Open Iconic|interfaceさらに見る
よくある質問
Basket - よくある質問
Basketにはどのライセンスが適用されますか？ +
BasketはBootstrap Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Basketはどの形式でダウンロードできますか？ +
Basketはoutlineスタイルのベクターです（viewBox 0 0 16 16）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Basketアイコンはどこから来たのですか？ +
BasketはBootstrap Iconsライブラリの一部です。作者はThe Bootstrap Authors、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。