outline
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Align Left SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Align Left - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
クレジット付きバンドル
phosphor-fill-align-left-fill.svg (606 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="Align Left icon"><title>Align Left - Phosphor Icons icon</title><desc>Free Align Left vector icon from the Phosphor Icons open-source icon library; solid style, MIT licence, viewBox 0 0 256 256, 348 bytes.</desc><path d="M232,152v40a16,16,0,0,1-16,16H80a16,16,0,0,1-16-16V152a16,16,0,0,1,16-16H216A16,16,0,0,1,232,152ZM40,32a8,8,0,0,0-8,8V216a8,8,0,0,0,16,0V40A8,8,0,0,0,40,32Zm40,88h96a16,16,0,0,0,16-16V64a16,16,0,0,0-16-16H80A16,16,0,0,0,64,64v40A16,16,0,0,0,80,120Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Align Left
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Align Left
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#fill
#align
#left
#interface
#solid
Align Left - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Align Left
| 正規の識別子 | phosphor/phosphor-fill-align-left-fill |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 606 bytes (~333 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%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Align Left
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
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-align-left-fill.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("Align Left")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの ユーザーインターフェース
見るoutline
Align Left
Open Iconic|interfaceoutline
Align Left
MingCute Icons|interfacesolid
Align Left
MingCute Icons Fill|interfaceoutline
Align Left
IconPark|interfaceoutline
Editor Format Align Center
Material Icons|interfacesolid
5 Square
Bootstrap Icons|interface
Airbnb
MingCute Icons Fill|interface
Collapse Left
Open Iconic|interface
Brightness Alt High
Bootstrap Icons|interface
Action Swipe Left Alt
Material Icons|interface
Anticlockwise
MingCute Icons Fill|interface
Calendar Check
Bootstrap Icons|interface
Maps Turn Sharp Left
Material Icons|interface
Mood Wrrr
Tabler Icons|interface
Multiplier 0 5x
Tabler Icons|interface
Sustainability Water
Domain Icons|interface
Tech Circuit
Domain Icons|interface
Number
Tabler Icons|interface
Tech Robot
Domain Icons|interface
Add Starburst
Fluent UI Color|interface
Address Book
IconPark|interface
編集
Bytesize Icons|interface
カレンダー
Open Iconic|interface
ケーキ
SVG Icons Collection|interfaceさらに見る
よくある質問
Align Left - よくある質問
Align Leftにはどのライセンスが適用されますか？ +
Align LeftはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Align Leftはどの形式でダウンロードできますか？ +
Align Leftはsolidスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Align Leftアイコンはどこから来たのですか？ +
Align LeftはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。