新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Javascript - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Javascript - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-javascript" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Javascript icon"><title>Javascript - Bootstrap Icons icon</title><desc>Free Javascript vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM9.053 7.596v3.127l-.007 1.752q0 .498-.186.752t-.556.263q-.342 0-.528-.234-.185-.234-.185-.684v-.175H6.37v.185q0 .665.253 1.113.255.45.703.674.44.225 1.016.225.88 0 1.406-.498.527-.498.527-1.485l.007-1.752V7.596zm3.808-.108q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518"/> </svg>
このアイコンを改善または作り変えますか? Javascript
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Javascript
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | 登録不要 | 100%ブラウザ完結処理
Javascript - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Javascript
| 正規の識別子 | bootstrap/bootstrap-regular-javascript |
|---|---|
| 元のライブラリパック | Bootstrap Icons |
| 座標グリッドと viewBox | viewBox="0 0 16 16" |
| 非圧縮のサイズ | 1,174 bytes (~646 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Javascript
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (76,166)
bootstrap-regular-javascript.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るRound Maps Maps Restaurant
Material Icons|interfaceLight Tree Structure Light
Phosphor Icons|interfaceRound Maps Maps Roundabout Left
Material Icons|interfaceLight Tree View Light
Phosphor Icons|interfaceRound Maps Maps Roundabout Right
Material Icons|interfaceLight Trend Down Light
Phosphor Icons|interfaceRound Maps Maps Route
Material Icons|interfaceLight Trend Up Light
Phosphor Icons|interfaceOutline Truck
Tabler Icons|interfaceRound Maps Maps Run Circle
Material Icons|interfaceLight Triangle Dashed Light
Phosphor Icons|interfaceさらに見る
Javascript - よくある質問
Javascript のSVGアイコンは商用利用無料ですか? +
はい、Bootstrap Icons コレクションの Javascript アイコンは MIT ライセンスの下で商用サイトやアプリに無料で使用できます。
Javascript アイコンはダウンロード時に元の色を保持しますか? +
はい、エディターで新しい色を選択しない限り、Javascript の元の色がそのまま保持されます。
Javascript アイコンをReactやVueで使うには? +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
Javascript を透過PNGとしてダウンロードできますか? +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
Javascript アイコンをCSSでアニメーションさせるには? +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
Javascript のAIプロンプトを生成できますか? +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
Javascript アイコンは画質を落とさずサイズ変更できますか? +
できます。Javascript は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
Javascript ファイルの問題はどこに報告しますか? +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。Javascript のライセンス相談は legal@svgnexus.com です。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。