Appwrite
ツール
File Browser
File Browser（file-browser）の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 560 560
- ファイルサイズ
- 2.5 KB · 17 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますFile Browser.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- File Browser (file-browser)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2979FFrgb(41, 121, 255) · hsl(218, 100%, 58%)
- WCAG コントラストとファイルサイズ
- 白背景 4:1 · 黒背景 5:1 · 2.5 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="prefix__svg44" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1" viewBox="0 0 560 560"><defs id="prefix__defs4"><style id="style2" type="text/css">.prefix__fil1{fill:#fefefe}.prefix__fil6{fill:#006498}.prefix__fil5{fill:#bdeaff}</style></defs><g id="prefix__g85" transform="translate(-70 -70)"><path id="prefix__path9" fill="#fefefe" d="M350 71c154 0 279 125 279 279S504 629 350 629 71 504 71 350 196 71 350 71" class="prefix__fil1"/><path id="prefix__path11" fill="#332c2b" fill-opacity=".149" d="m475 236 118 151c3 116-149 252-292 198l-76-99 114-156s138-95 136-94"/><path id="prefix__path13" fill="#2bbcff" d="M231 211h208l38 24v246c0 5-3 8-8 8H231c-5 0-8-3-8-8V219c0-5 3-8 8-8"/><path id="prefix__path15" fill="#53c6fc" d="M231 211h208l38 24v2l-37-23H231c-4 0-7 3-7 7v263c-1-1-1-2-1-3V219c0-5 3-8 8-8"/><path id="prefix__polygon17" fill="#bdeaff" d="M305 212h113v98H305z" class="prefix__fil5"/><path id="prefix__path19" fill="#bdeaff" d="M255 363h189c3 0 5 2 5 4v116H250V367c0-2 2-4 5-4" class="prefix__fil5"/><path id="prefix__polygon21" fill="#006498" d="M250 470h199v13H250z" class="prefix__fil6"/><path id="prefix__path23" fill="#006498" d="M380 226h10c3 0 6 2 6 5v40c0 3-3 6-6 6h-10c-3 0-6-3-6-6v-40c0-3 3-5 6-5" class="prefix__fil6"/><path id="prefix__path25" fill="#fefefe" d="M254 226c10 0 17 7 17 17 0 9-7 16-17 16-9 0-17-7-17-16 0-10 8-17 17-17" class="prefix__fil1"/><path id="prefix__path27" fill="#006498" d="M267 448h165q3 0 3 3c0 1-1 3-3 3H267c-2 0-3-2-3-3q0-3 3-3" class="prefix__fil6"/><path id="prefix__path29" fill="#006498" d="M267 415h165q3 0 3 3c0 1-1 2-3 2H267c-2 0-3-1-3-2q0-3 3-3" class="prefix__fil6"/><path id="prefix__path31" fill="#006498" d="M267 381h165c2 0 3 2 3 3q0 3-3 3H267q-3 0-3-3c0-1 1-3 3-3" class="prefix__fil6"/><path id="prefix__path33" fill="#fefefe" d="M236 472c3 0 5 2 5 5 0 2-2 4-5 4s-5-2-5-4c0-3 2-5 5-5" class="prefix__fil1"/><path id="prefix__path35" fill="#fefefe" d="M463 472c3 0 5 2 5 5 0 2-2 4-5 4s-5-2-5-4c0-3 2-5 5-5" class="prefix__fil1"/><path id="prefix__polygon37" fill="#006498" d="M305 212h-21v98h21z" class="prefix__fil6"/><path id="prefix__path39" fill="#0ea5eb" d="M477 479v2c0 5-3 8-8 8H231c-5 0-8-3-8-8v-2c0 4 3 8 8 8h238c5 0 8-4 8-8"/><path id="prefix__path41" fill="#2979ff" d="M350 70c155 0 280 125 280 280S505 630 350 630 70 505 70 350 195 70 350 70m0 46c129 0 234 105 234 234S479 584 350 584 116 479 116 350s105-234 234-234"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 560 560"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
