新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Arrows Collapse SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Arrows Collapse - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrows-collapse" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Arrows Collapse icon"><title>Arrows Collapse - Bootstrap Icons icon</title><desc>Free Arrows Collapse vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 490 bytes.</desc> <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8m7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0m-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0z"/> </svg>
このアイコンを改善または作り変えますか? Arrows Collapse
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Arrows Collapse
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | 登録不要 | 100%ブラウザ完結処理
Arrows Collapse - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Arrows Collapse
| 正規の識別子 | bootstrap/bootstrap-regular-arrows-collapse |
|---|---|
| 元のライブラリパック | Bootstrap Icons |
| 座標グリッドと viewBox | viewBox="0 0 16 16" |
| 非圧縮のサイズ | 742 bytes (~408 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%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Arrows Collapse
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
bootstrap-regular-arrows-collapse.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るMagnet Straight
Phosphor Icons|interfaceArrows Right
MingCute Icons|interfaceFour Arrows
IconPark|interfaceArrows Right Down
Tabler Icons|interfaceMicrophone Stage
Phosphor Icons|interfaceAction View Timeline
Material Icons|interfaceAV Repeat On
Material Icons|interfaceContent Paste Off
Material Icons|interfaceアラート
Ant Design TwoTone|interfaceAdd Circle Dash
MingCute Icons Fill|interfaceAI
MingCute Icons Fill|interfaceAlign End Horizontal
Lucide|interfaceAirpods
MingCute Icons|interfaceContacts
Ant Design TwoTone|interfaceBolt
Open Iconic|interfaceAfro Pick
IconPark|interfaceAngel
MingCute Icons|interfaceAlign Left One
IconPark|interfaceAccessibility Ramp
Domain Icons|interfaceCircleci
SVG Icons Collection|interfaceDiversity
Fluent UI Color|interfaceメール
Ant Design TwoTone|interfaceCSS
SVG Icons Collection|interfaceさらに見る
Arrows Collapse - よくある質問
Arrows Collapseにはどのライセンスが適用されますか? +
Arrows CollapseはBootstrap Iconsのもので、MITの対象です。帰属表示:クレジット必須。
Arrows Collapseはどの形式でダウンロードできますか? +
Arrows Collapseはoutlineスタイルのベクターです(viewBox 0 0 16 16)。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Arrows Collapseアイコンはどこから来たのですか? +
Arrows CollapseはBootstrap Iconsライブラリの一部です。作者はThe Bootstrap Authors、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。