Appwrite
ツール
ツールcodecentric AG
codecentric
codecentricの公式ベクターロゴ。ツールカテゴリ。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 64 64
- ファイルサイズ
- 1.2 KB · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますcodecentric.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- codecentric
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #06B0D4rgb(6, 176, 212) · hsl(190, 94%, 43%)
- WCAG コントラストとファイルサイズ
- 白背景 2.6:1 · 黒背景 7.7:1 · 1.2 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="16.93" y1="44.009" x2="26.158" y2="34.782"><stop offset=".05" stop-color="#06b0d4"/><stop offset=".229" stop-color="#4ab7ce"/><stop offset=".744" stop-color="#93ccb9"/><stop offset="1" stop-color="#a8d3af"/></linearGradient><path d="M21.948 43.462c-.104-.104-.27-.114-.394-.03a3.16 3.16 0 0 1-1.78.555c-1.8 0-3.26-1.484-3.212-3.3.042-1.754 1.52-3.14 3.275-3.14h3.446c.327 0 .623.24.664.56a.65.65 0 0 1-.644.732h-3.477c-.94 0-1.744.732-1.78 1.67-.036.986.758 1.806 1.74 1.806h3.456c2.356 0 4.333-1.863 4.375-4.22a4.32 4.32 0 0 0-4.302-4.4c-.732 0-1.66.176-2.496.794-.15.1-.166.332-.036.462l.358.358c.104.104.27.114.394.03a3.16 3.16 0 0 1 1.78-.555c1.8 0 3.26 1.484 3.212 3.295-.042 1.754-1.52 3.14-3.275 3.14h-3.446c-.327 0-.623-.234-.664-.56a.65.65 0 0 1 .644-.732h3.477c.94 0 1.744-.732 1.78-1.67.036-.986-.758-1.806-1.74-1.806h-3.456c-2.356-.005-4.328 1.858-4.375 4.214a4.32 4.32 0 0 0 4.302 4.4c.732 0 1.66-.176 2.496-.794.15-.1.166-.332.036-.462z" fill="url(#A)" transform="matrix(5.269458 0 0 5.269458 -81.52092 -175.59431)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
