outline
3d
MIT
6 ベクターノード
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
リンク SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 リンク - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Link 3D icon" width="36" height="36"><title>Link</title><defs><linearGradient id="nx25359_link-1" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#c4b5fd"/><stop offset="1" stop-color="#6d28d9"/></linearGradient><radialGradient id="nx25359_link-2" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient><linearGradient id="nx25359_link-3" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#7dd3fc"/><stop offset="1" stop-color="#0369a1"/></linearGradient></defs><ellipse cx="128" cy="226" rx="76" ry="8" fill="url(#nx25359_link-2)"/><g transform="rotate(-40 128 118)"><rect x="34" y="92" width="110" height="52" rx="26" fill="none" stroke="#3e1d77" stroke-width="20" transform="translate(0 8)"/><rect x="112" y="92" width="110" height="52" rx="26" fill="none" stroke="#075375" stroke-width="20" transform="translate(0 8)"/><rect x="34" y="92" width="110" height="52" rx="26" fill="none" stroke="url(#nx25359_link-1)" stroke-width="20"/><rect x="112" y="92" width="110" height="52" rx="26" fill="none" stroke="url(#nx25359_link-3)" stroke-width="20"/></g></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ リンク
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 リンク
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | 登録不要 | 100%ブラウザ完結処理
キーワード
#link
#3d
#svg
#icons
#リンク svg
#リンク icon
#リンク 3d vector icons
#リンク react tsx
#リンク vue
#リンク png
リンク - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 リンク
| 正規の識別子 | 3d-svg-icons/link |
|---|---|
| 元のライブラリパック | 3D Vector Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 1,276 bytes (~702 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: リンク
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
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 を付けます。右から左に書く言語では矢印を左右反転します。
link.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("link")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの 3Dベクターアイコン
見る
outline
リンク
Bytesize Icons|interface
outline
リンク
MingCute Icons|interface
solid
リンク
MingCute Icons Fill|interface
outline
リンク
IconPark|interface
brand
リンク
Authentic Brand Logos|brands
3d
Woman Teacher Dark
Fluent UI Emoji|3d-icons
Woman Technologist Medium Light
Fluent UI Emoji|3d-icons
Sharp Action Action 3d Rotation
Material Icons|3d-icons
3d Click Ring
Mouse|3d-icons
Cursor 3d Arrow
Mouse|3d-icons
16px Solid Cube Transparent
Heroicons|3d-icons
Blockchain Cube 04
Domain Icons|3d-iconsさらに見る
よくある質問
リンク - よくある質問
リンクにはどのライセンスが適用されますか？ +
リンクは3D Vector Iconsのもので、MITの対象です。帰属表示：クレジット必須。
リンクはどの形式でダウンロードできますか？ +
リンクは3dスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
リンクアイコンはどこから来たのですか？ +
リンクは3D Vector Iconsライブラリの一部です。作者はSVG Nexus 3D Studio、カテゴリは3Dベクターアイコンです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 76,166 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。