新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
SVG SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 SVG - 所有者の商標です — ブランドへの言及のみに使用してください. 登録不要 | 100%ブラウザ完結処理
このロゴは所有者の商標です。このファイルは、記事、レビュー、ガイドなどでそのブランドに言及する場合にのみ使用してください。推奨、提携、関連を示唆する使い方はせず、自分のロゴとして販売または再配布しないでください。
CC-BY-SA-4.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 300" width="36" height="36" role="img" aria-label="SVG icon"><title>SVG - Authentic Brand Logos icon</title><desc>Free SVG vector icon from the Authentic Brand Logos open-source icon library; brand style, CC-BY-SA-4.0 licence, viewBox 0 0 300 300, 503 bytes.</desc><g stroke="#000" stroke-width="38.009"><g id="nx20805_svgstar" transform="translate(150 150)"><path id="nx20805_svgbar" fill="#ffb13b" d="M-84.149-15.851a22.417 22.417 0 1 0 0 31.702H84.15a22.417 22.417 0 1 0 0-31.702Z"/><use xlink:href="#nx20805_svgbar" transform="rotate(45)"/><use xlink:href="#nx20805_svgbar" transform="rotate(90)"/><use xlink:href="#nx20805_svgbar" transform="rotate(135)"/></g></g><use xlink:href="#nx20805_svgstar"/></svg>
Library: Authentic Brand Logos |
Author: theSVG contributors (@thesvg/icons) |
License: CC-BY-SA-4.0
| Source: https://www.w3.org/TR/SVG/
| Package: @thesvg/icons/svg
| 登録不要 | 100%ブラウザ完結処理
"SVG" by theSVG contributors (@thesvg/icons) (Authentic Brand Logos), licensed under Creative Commons Attribution ShareAlike 4.0 — via SVG Nexus (https://www.svgnexus.com/ja/icons/authentic-brand-logos/svg)
SVG - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 SVG
| 正規の識別子 | authentic-brand-logos/svg |
|---|---|
| 元のライブラリパック | Authentic Brand Logos |
| 座標グリッドと viewBox | viewBox="0 0 300 300" |
| 非圧縮のサイズ | 811 bytes (~446 bytes gzipped) |
| SPDXライセンスと商用利用 | CC-BY-SA-4.0 - ファイルライセンスはSVGファイルのみに適用されます — 商標権は含まれません |
| Upstream Source | https://www.w3.org/TR/SVG/ (@thesvg/icons/svg) |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: SVG
- 見た目を調整する: カラー, 自動(線と塗り), 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG(透明), WebP(最適化) (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
svg.svg aria-hidden="true" focusable="false"
他のライブラリの同じアイコン ("SVG")
このアイコンを他のオープンソースベクターライブラリと比較できます。
SVG
Dashboard Icons|brands同じカテゴリの ブランド&テックロゴ
見るSVG
Dashboard Icons|brandsBrand Americanexpress
3D Vector Icons|brandsBrand Bluesky
3D Vector Icons|brandsBrand Centos
3D Vector Icons|brandsGrafana Alerts Dashboard Dark
selfh.st Icons|brandsGrafana Pyroscope
selfh.st Icons|brandsGraphhopper
selfh.st Icons|brandsGoogle Photos Logo
Phosphor Icons|brandsPocket Casts
Dashboard Icons|brandsPoly
Dashboard Icons|brandsRead Cv Logo
Phosphor Icons|brandsYouTube Logo
Phosphor Icons|brandsAjv
Simple Icons|brandsAi302 Text
LobeHub Icons|brandsApachelucene
Simple Icons|brandsApachepulsar
Simple Icons|brandsAkashchat
LobeHub Icons|brandsK3os
Devicon|brandsAntigravity
LobeHub Icons|brandsNodemon
Devicon|brandsSpicedb
Devicon|brandsGitHub
MingCute Icons|brandsBrand Bluesky
Tabler Icons|brandsBrand Guardian
Tabler Icons|brandsさらに見る
SVG - よくある質問
SVGはどの形式でダウンロードできますか? +
SVGはbrandスタイルのベクターです(viewBox 0 0 300 300)。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
SVGアイコンはどこから来たのですか? +
SVGはAuthentic Brand Logosライブラリの一部です。作者はtheSVG contributors (@thesvg/icons)、カテゴリはブランド&テックロゴです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。