outline
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Cube Transparent SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Cube Transparent - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
heroicons-16px-solid-cube-transparent.svg (1,422 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon" width="36" height="36" role="img" aria-label="Cube Transparent icon"><title>Cube Transparent - Heroicons icon</title><desc>Free Cube Transparent vector icon from the Heroicons open-source icon library; solid style, MIT licence, viewBox 0 0 16 16, 1158 bytes.</desc> <path fill-rule="evenodd" d="M7.628 1.349a.75.75 0 0 1 .744 0l1.247.712a.75.75 0 1 1-.744 1.303L8 2.864l-.875.5a.75.75 0 0 1-.744-1.303l1.247-.712ZM4.65 3.914a.75.75 0 0 1-.279 1.023L4.262 5l.11.063a.75.75 0 0 1-.744 1.302l-.13-.073A.75.75 0 0 1 2 6.25V5a.75.75 0 0 1 .378-.651l1.25-.714a.75.75 0 0 1 1.023.279Zm6.698 0a.75.75 0 0 1 1.023-.28l1.25.715A.75.75 0 0 1 14 5v1.25a.75.75 0 0 1-1.499.042l-.129.073a.75.75 0 0 1-.744-1.302l.11-.063-.11-.063a.75.75 0 0 1-.28-1.023ZM6.102 6.915a.75.75 0 0 1 1.023-.279l.875.5.875-.5a.75.75 0 0 1 .744 1.303l-.869.496v.815a.75.75 0 0 1-1.5 0v-.815l-.869-.496a.75.75 0 0 1-.28-1.024ZM2.75 9a.75.75 0 0 1 .75.75v.815l.872.498a.75.75 0 0 1-.744 1.303l-1.25-.715A.75.75 0 0 1 2 11V9.75A.75.75 0 0 1 2.75 9Zm10.5 0a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-.378.651l-1.25.715a.75.75 0 0 1-.744-1.303l.872-.498V9.75a.75.75 0 0 1 .75-.75Zm-4.501 3.708.126-.072a.75.75 0 0 1 .744 1.303l-1.247.712a.75.75 0 0 1-.744 0L6.38 13.94a.75.75 0 0 1 .744-1.303l.126.072a.75.75 0 0 1 1.498 0Z" clip-rule="evenodd"/> </svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Cube Transparent
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Cube Transparent
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Heroicons | Author: Tailwind Labs | License: MIT | Source: https://github.com/tailwindlabs/heroicons | 登録不要 | 100%ブラウザ完結処理
キーワード
#heroicons
#16px
#solid
#cube
#transparent
#3d
#hero
Cube Transparent - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Cube Transparent
| 正規の識別子 | heroicons/heroicons-16px-solid-cube-transparent |
|---|---|
| 元のライブラリパック | Heroicons |
| 座標グリッドと viewBox | viewBox="0 0 16 16" |
| 非圧縮のサイズ | 1,422 bytes (~782 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/tailwindlabs/heroicons |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Cube Transparent
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
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 を付けます。右から左に書く言語では矢印を左右反転します。
heroicons-16px-solid-cube-transparent.svg aria-hidden="true" focusable="false"
同じカテゴリの 3Dベクターアイコン
見る
outline
Bold Cube Focus Bold
Phosphor Icons|3d-icons
outline
Blockchain Cube 05
Domain Icons|3d-icons
outline
Blockchain Cube 15
Domain Icons|3d-icons
outline
Outline Cube Off
Tabler Icons|3d-icons
3d
Cucumber
Fluent UI Emoji|3d-icons
Currency Exchange
Fluent UI Emoji|3d-icons
Avatar 3d Defi Farmer Visionary
3D Vector Icons|3d-icons
Avatar 3d Devops Lead Creative
3D Vector Icons|3d-icons
Outline Device 3d Camera
Tabler Icons|3d-icons
3d Pointer Hand
Mouse|3d-icons
Cursor 3d Busy Spinner
Mouse|3d-iconsさらに見る
よくある質問
Cube Transparent - よくある質問
Cube Transparentにはどのライセンスが適用されますか？ +
Cube TransparentはHeroiconsのもので、MITの対象です。帰属表示：クレジット必須。
Cube Transparentはどの形式でダウンロードできますか？ +
Cube Transparentはsolidスタイルのベクターです（viewBox 0 0 16 16）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Cube Transparentアイコンはどこから来たのですか？ +
Cube TransparentはHeroiconsライブラリの一部です。作者はTailwind Labs、カテゴリは3Dベクターアイコンです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 76,166 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。