新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Piped SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Piped - 所有者の商標です — ブランドへの言及のみに使用してください. 登録不要 | 100%ブラウザ完結処理
このロゴは所有者の商標です。このファイルは、記事、レビュー、ガイドなどでそのブランドに言及する場合にのみ使用してください。推奨、提携、関連を示唆する使い方はせず、自分のロゴとして販売または再配布しないでください。
Apache-2.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="97 -0.1 318.13 512.1" width="36" height="36" role="img" aria-label="Piped icon"><title>Piped - Dashboard Icons icon</title><desc>Free Piped vector icon from the Dashboard Icons open-source icon library; brand style, Apache-2.0 licence, viewBox 97 -0.1 318.13 512.1, 3315 bytes.</desc><linearGradient id="nx40195_a" x1="-6.773" x2="233.686" y1="233.16" y2="279.9" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset=".16" style="stop-color:#8b1010"/><stop offset="1" style="stop-color:#f84330"/></linearGradient><path d="M97.3 16.8s4.6-3.4 12.7-8c4.6-2 10.3-4 16.8-5.8 6.8-1.4 14.4-2.5 22.3-3.1 8 0 16.1.5 23.8 1.5C180.4 3 187.4 5 193.3 7c11.4 5.3 18.5 9.8 18.5 9.8v469.4H97.4V37c-.1-12.8-.1-20.2-.1-20.2" style="fill:url(#nx40195_a)"/><linearGradient id="nx40195_b" x1="162.918" x2="142.934" y1="62.202" y2="-31.814" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset=".174" style="stop-color:#493b32"/><stop offset=".61" style="stop-color:#dbccc4"/></linearGradient><path d="M154.6 512c-31.8 0-57.6-10.4-57.6-23.2s25.7-23.2 57.6-23.2 57.6 10.4 57.6 23.2-25.7 23.2-57.6 23.2" style="fill:url(#nx40195_b)"/><linearGradient id="nx40195_c" x1="92.287" x2="443.514" y1="322.088" y2="390.36" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset=".16" style="stop-color:#8b1010"/><stop offset="1" style="stop-color:#f84330"/></linearGradient><path d="M248.6 101.7s0-6-.1-13.9c-.1-3.5-.2-7.4-.3-11.4-.1-3.9-.3-8.1-.4-12.4-.1-4.6-.1-9.7 0-14.9.2-5.8.4-11.9.7-17.6.9-13.3 1.7-23.6 1.7-23.6s9.1-.8 24.6-.9c3.7.2 7.8.6 12.1 1.2 4.3.5 9 1.3 13.9 2.2 4.7 1.2 9.6 2.7 14.6 4.4s10.2 3.8 15.5 6.1c5 2.7 10 5.7 15.1 9.1 5 3.3 10.1 7 15.1 11 4.7 4.3 9.3 8.9 13.8 13.9q6.45 7.65 12.3 16.2 5.55 8.85 10.5 18.3c3 6.5 5.8 13.2 8.3 20 2.2 7 4.1 14 5.8 21.2 1.3 7.2 2.3 14.6 3 21.9.4 7.3.4 14.7.2 21.9-.6 7.2-1.5 14.4-2.7 21.4-1.6 6.9-3.4 13.7-5.6 20.3-2.5 6.5-5.3 12.7-8.3 18.7-3.4 5.8-7 11.4-10.8 16.7q-6.15 7.65-12.9 14.4c-4.9 4.2-9.9 8-14.9 11.6-5.1 3.5-10.2 6.8-15.4 9.7-5.6 2.5-11.2 4.7-16.6 6.7-5.5 2-10.8 3.6-16 5-5.5 1.1-10.8 2-15.8 2.7s-9.7 1.3-14 1.7c-9.1.3-16.4.3-21.4.3s-7.7-.1-7.7-.1.2-6 .5-14.5c.1-4 .2-8.6.3-13.5s.1-10.2.1-15.7c-.1-5.8-.2-11.9-.3-18-.2-6.6-.5-13.2-.8-19.3-.7-13.4-1.4-23.5-1.4-23.5s4.3.3 11.6.3c3.5-.1 7.6-.5 12.1-1 4.3-.8 9-1.8 13.7-3.3 4.5-1.7 8.9-3.8 13.3-6.3 2-1.4 4-2.8 5.9-4.4q2.7-2.4 5.1-5.1c1.5-1.9 2.9-3.8 4.1-5.8 1.1-2.1 2.2-4.2 3-6.4s1.4-4.5 1.8-6.7c.3-2.3.5-4.6.6-7-.1-2.3-.3-4.7-.7-7-.5-2.3-1.2-4.6-2-6.9-.9-2.2-2-4.4-3.2-6.6-1.3-2.1-2.7-4.1-4.3-6.1-1.7-1.9-3.4-3.8-5.3-5.5-2-1.7-4-3.3-6.1-4.8-4.5-2.8-9.1-5.3-13.7-7.3-4.9-1.8-9.7-3.3-14.2-4.4-4.7-.9-8.9-1.6-12.5-2-7.4-.8-11.9-1-11.9-1" style="fill:url(#nx40195_c)"/><linearGradient id="nx40195_d" x1="267.404" x2="236.715" y1="551.238" y2="357.479" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset=".174" style="stop-color:#493b32"/><stop offset=".61" style="stop-color:#dbccc4"/></linearGradient><path d="M252.5 102.7c-14.1 0-25.4-21.3-25.4-47.7s11.4-47.7 25.4-47.7c14.1 0 25.4 21.3 25.4 47.7s-11.4 47.7-25.4 47.7" style="fill:url(#nx40195_d)"/><linearGradient id="nx40195_e" x1="269.921" x2="236.114" y1="365.029" y2="151.588" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset=".174" style="stop-color:#493b32"/><stop offset=".61" style="stop-color:#dbccc4"/></linearGradient><path d="M253.4 303.6c-14.1 0-25.4-23.5-25.4-52.6s11.4-52.6 25.4-52.6c14.1 0 25.4 23.5 25.4 52.6s-11.3 52.6-25.4 52.6" style="fill:url(#nx40195_e)"/></svg>
Library: Dashboard Icons | Author: Homarr Labs and contributors | License: Apache-2.0 | Source: https://github.com/homarr-labs/dashboard-icons | 登録不要 | 100%ブラウザ完結処理
Piped - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Piped
| 正規の識別子 | dashboard-icons/piped |
|---|---|
| 元のライブラリパック | Dashboard Icons |
| 座標グリッドと viewBox | viewBox="97 -0.1 318.13 512.1" |
| 非圧縮のサイズ | 3,657 bytes (~2,011 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%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Piped
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
piped.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("Piped")
このアイコンを他のオープンソースベクターライブラリと比較できます。
Piped
selfh.st Icons|brandsPiped
Authentic Brand Logos|brandsPiped
selfh.st Icons|brands同じカテゴリの ブランド&テックロゴ
見るPiped
Authentic Brand Logos|brandsPiped
selfh.st Icons|brandsPerfice Dark
selfh.st Icons|brandsAdobe Text
LobeHub Icons|brandsApacheopenoffice
Simple Icons|brandsCoreboot
Simple Icons|brandsAppwrite Text
LobeHub Icons|brandsBrand Ansible
3D Vector Icons|brandsBrand Clojure
3D Vector Icons|brandsPhoscon
selfh.st Icons|brandsFluentd
Simple Icons|brandsBaai
LobeHub Icons|brandsBrand Dart
3D Vector Icons|brandsPandas
Authentic Brand Logos|brandsPi Hole
Authentic Brand Logos|brandsStack Overflow Logo
Phosphor Icons|brandsGitLab Logo
Phosphor Icons|brandsSlack Logo
Phosphor Icons|brandsClojure
Devicon|brandsGo
Devicon|brandsLove2d
Devicon|brandsAgriculture Apple
Domain Icons|brandsBrand Apple Arcade
Tabler Icons|brandsBrand Chrome
Tabler Icons|brandsさらに見る
Piped - よくある質問
Pipedはどの形式でダウンロードできますか? +
Pipedはbrandスタイルのベクターです(viewBox 97 -0.1 318.13 512.1)。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Pipedアイコンはどこから来たのですか? +
PipedはDashboard Iconsライブラリの一部です。作者はHomarr Labs and contributors、カテゴリはブランド&テックロゴです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。