新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Ugreen SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Ugreen - 所有者の商標です — ブランドへの言及のみに使用してください. 登録不要 | 100%ブラウザ完結処理
このロゴは所有者の商標です。このファイルは、記事、レビュー、ガイドなどでそのブランドに言及する場合にのみ使用してください。推奨、提携、関連を示唆する使い方はせず、自分のロゴとして販売または再配布しないでください。
Apache-2.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logosandtypes_com" data-name="logosandtypes com" viewBox="31.54 11.44 86.93 129.63" width="36" height="36" role="img" aria-label="Ugreen icon"><title>Ugreen - Dashboard Icons icon</title><desc>Free Ugreen vector icon from the Dashboard Icons open-source icon library; brand style, Apache-2.0 licence, viewBox 31.54 11.44 86.93 129.63, 1322 bytes.</desc>
<defs>
<style>
.nx50530_cls-1 {
fill: none;
}
.nx50530_cls-2 {
fill: url(#nx50530_linear-gradient);
}
</style>
<linearGradient id="nx50530_linear-gradient" x1="75" y1="10.18" x2="75" y2="137.54" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#02f2a6"/>
<stop offset="1" stop-color="#001509"/>
</linearGradient>
</defs>
<g id="nx50530_Layer_3" data-name="Layer 3">
<g id="nx50530_Layer_2" data-name="Layer 2">
<path id="nx50530_Layer_3-2" data-name="Layer 3-2" class="nx50530_cls-1" d="M0,0H150V150H0V0Z"/>
</g>
</g>
<path class="nx50530_cls-2" d="M36.21,56.43c8.12,16.43,15.61,13.88,24.28,29.62V39.6c0-15.55-12.96-28.15-28.95-28.15v26.39c.26,5.25,.53,10.23,4.67,18.6Zm24.28,78.24v-24.2c.16-12.01-7.13-26.61-16.7-33.75-3.94-3.35-8-6.82-12.25-14.49v37.98c0,19.49,13.67,36.08,32.41,40.86-2.09-1.4-3.45-3.74-3.45-6.39ZM118.46,37.83V11.44c-15.99,0-28.95,12.6-28.95,28.15v46.45c4.25-7.68,8.31-11.15,12.26-14.5,9.57-7.12,16.86-21.77,16.7-33.72Zm-32.41,103.22c18.74-4.77,32.41-21.37,32.41-40.86,0,0,0-37.98,0-37.98-4.25,7.67-8.31,11.14-12.25,14.49-9.61,7.16-16.85,21.76-16.7,33.75v24.2c0,2.65-1.37,4.99-3.45,6.39Z"/>
</svg>
Library: Dashboard Icons | Author: Homarr Labs and contributors | License: Apache-2.0 | Source: https://github.com/homarr-labs/dashboard-icons | 登録不要 | 100%ブラウザ完結処理
Ugreen - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Ugreen
| 正規の識別子 | dashboard-icons/ugreen |
|---|---|
| 元のライブラリパック | Dashboard Icons |
| 座標グリッドと viewBox | viewBox="31.54 11.44 86.93 129.63" |
| 非圧縮のサイズ | 1,663 bytes (~915 bytes gzipped) |
| SPDXライセンスと商用利用 | Apache-2.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません |
| Upstream Source | https://github.com/homarr-labs/dashboard-icons |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Ugreen
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
ugreen.svg aria-hidden="true" focusable="false"
同じカテゴリの ブランド&テックロゴ
見るJump
selfh.st Icons|brandsAgentvoice Text
LobeHub Icons|brandsAirjelly Text
LobeHub Icons|brandsInkscape
Simple Icons|brandsSagemath
Simple Icons|brandsBrand Chart Line Up
3D Vector Icons|brandsBrand Confluence
3D Vector Icons|brandsJWT IO
selfh.st Icons|brandsAskverdict Text
LobeHub Icons|brandsWebgpu
Simple Icons|brandsBrand Epicgames
3D Vector Icons|brands500px
Authentic Brand Logos|brandsAudioboom
Authentic Brand Logos|brandsAws Global Accelerator
Authentic Brand Logos|brandsSquare Logo
Phosphor Icons|brandsAndroid Logo
Phosphor Icons|brandsFediverse Logo
Phosphor Icons|brandsCrystal
Devicon|brandsFilezilla
Devicon|brandsApple Fruit
MingCute Icons Fill|brandsLibgdx
Devicon|brandsAgriculture Apple
Domain Icons|brandsBrand Asana
Tabler Icons|brandsさらに見る
Ugreen - よくある質問
Ugreenはどの形式でダウンロードできますか? +
Ugreenはbrandスタイルのベクターです(viewBox 31.54 11.44 86.93 129.63)。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Ugreenアイコンはどこから来たのですか? +
UgreenはDashboard Iconsライブラリの一部です。作者はHomarr Labs and contributors、カテゴリはブランド&テックロゴです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。