solid
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Maps Moped SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Maps Moped - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Maps Moped icon"><title>Maps Moped - Material Icons icon</title><desc>Free Maps Moped vector icon from the Material Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 534 bytes.</desc><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M19,10.35V5h-5v2h3v2.65L13.52,14H10V9H6c-2.21,0-4,1.79-4,4v3h2c0,1.66,1.34,3,3,3s3-1.34,3-3h4.48L19,10.35z M7,17 c-0.55,0-1-0.45-1-1h2C8,16.55,7.55,17,7,17z"/><rect height="2" width="5" x="5" y="6"/><path d="M19,13c-1.66,0-3,1.34-3,3s1.34,3,3,3s3-1.34,3-3S20.66,13,19,13z M19,17c-0.55,0-1-0.45-1-1s0.45-1,1-1s1,0.45,1,1 S19.55,17,19,17z"/></g></g></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Maps Moped
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Maps Moped
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Material Icons | Author: Google LLC | License: Apache-2.0 | Source: https://github.com/google/material-design-icons | 登録不要 | 100%ブラウザ完結処理
キーワード
#material
#sharp
#maps
#moped
#interface
#outline
Maps Moped - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Maps Moped
| 正規の識別子 | material/material-sharp-maps-maps-moped |
|---|---|
| 元のライブラリパック | Material Icons |
| 座標グリッドと viewBox | viewBox="0 0 24 24" |
| 非圧縮のサイズ | 796 bytes (~438 bytes gzipped) |
| SPDXライセンスと商用利用 | Apache-2.0 - 商用利用も無料 |
| Upstream Source | https://github.com/google/material-design-icons |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Maps Moped
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
material-sharp-maps-maps-moped.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るsolid
Columns
MingCute Icons Fill|interfacesolid
Fuel Pump Diesel
Bootstrap Icons|interfacesolid
Contacts
MingCute Icons Fill|interfaceoutline
Cursor Halberd Crescent
Mouse|interfaceoutline
Checkbox
IconPark|interface
Circle Stop
Lucide|interface
Control
Phosphor Icons|interface
Storybook
SVG Icons Collection|interface
Cursor Resize Horizontal
Mouse|interface
Dashboard
MingCute Icons Fill|interface
Cursor Trident Poseidon
Mouse|interface
Coat Hanger
IconPark|interface
コード
IconPark|interface
Vultr
SVG Icons Collection|interface
Weightsandbiases
SVG Icons Collection|interface
Files
Tabler Icons|interface
Farm
Phosphor Icons|interface
Hexagon Letter S
Tabler Icons|interface
Skip Forward
Bootstrap Icons|interface
Stickies
Bootstrap Icons|interface
Automotive Gauge
Domain Icons|interface
Flask
MingCute Icons|interface
Forward
MingCute Icons|interfaceさらに見る
よくある質問
Maps Moped - よくある質問
Maps Mopedにはどのライセンスが適用されますか？ +
Maps MopedはMaterial Iconsのもので、Apache-2.0の対象です。帰属表示：クレジット必須。
Maps Mopedはどの形式でダウンロードできますか？ +
Maps Mopedはoutlineスタイルのベクターです（viewBox 0 0 24 24）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Maps Mopedアイコンはどこから来たのですか？ +
Maps MopedはMaterial Iconsライブラリの一部です。作者はGoogle LLC、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 76,166 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。