Appwrite
ツール
Duple
Dupleの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.1 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますDuple.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Duple
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #078BA0rgb(7, 139, 160) · hsl(188, 92%, 33%)
- WCAG コントラストとファイルサイズ
- 白背景 4:1 · 黒背景 4.9:1 · 2.1 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64" width="64" height="64"
style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#078BA0;}
.st1{fill:#54CCC3;}
.st2{fill:#50FFC9;}
.st3{fill:#09CEC4;}
</style>
<g>
<g id="g10" transform="matrix(1.3333333,0,0,-1.3333333,-28.908378,8981.231)">
<path id="path90" class="st0" d="M50.9,6725.1l-5.3,5.2l-1.8,1.8c-2.5,2.5-5.7,3.8-9.2,3.8s-6.7-1.4-9.2-3.8
c-2.5-2.5-3.8-5.7-3.8-9.2c0-3.5,1.4-6.8,3.8-9.2l1.8-1.8l5.3,5.3l-1.8,1.8c-1.1,1.1-1.6,2.5-1.6,3.9c0,1.5,0.6,2.9,1.6,3.9
c1.1,1.1,2.5,1.6,4,1.6c1.5,0,2.9-0.6,4-1.6l1.8-1.8l-7.9-7.9l5.3-5.3l7.9,7.9L50.9,6725.1z"/>
<path id="path94" class="st1" d="M38.6,6697c-1.1-1.1-2.4-1.6-3.9-1.6c-1.5,0-2.9,0.6-4,1.6c-1.1,1.1-1.6,2.5-1.6,4
c0,1.5,0.6,2.9,1.6,4l1.8,1.8l7.9-7.9l5.3,5.3l-7.9,7.9v0l-5.3,5.2l-5.3-5.3l-1.8-1.8c-2.5-2.4-3.8-5.7-3.8-9.2
c0-3.5,1.3-6.7,3.8-9.2c2.5-2.5,5.7-3.8,9.2-3.8s6.7,1.3,9.2,3.8l1.8,1.8l-5.3,5.3L38.6,6697z"/>
<path id="path98" class="st2" d="M65.9,6710.2l-1.8,1.8l0,0l-5.3-5.3l-5.3,5.2l-7.9-7.9l-5.3-5.3l7-7c2.5-2.4,5.7-3.8,9.2-3.8
c3.5,0,6.7,1.4,9.2,3.8c2.5,2.5,3.8,5.7,3.8,9.2C69.7,6704.4,68.3,6707.7,65.9,6710.2z M60.6,6697c-1.1-1.1-2.5-1.6-4-1.6
c-1.5,0-2.9,0.6-4,1.6l-1.8,1.8l7.9,7.9l1.8-1.8c1.1-1.1,1.6-2.5,1.6-4C62.3,6699.4,61.7,6698,60.6,6697z"/>
<path id="path102" class="st3" d="M65.9,6732.1c-2.5,2.5-5.7,3.8-9.2,3.8c-3.5,0-6.7-1.4-9.2-3.8l-1.8-1.8l5.3-5.2l1.8,1.8
c1.1,1.1,2.5,1.6,4,1.6c1.5,0,2.9-0.6,4-1.6c1.1-1.1,1.6-2.5,1.6-3.9c0-1.5-0.6-2.9-1.6-3.9l0,0l0,0l-1.8-1.8l-7.9,7.9l-5.3-5.3
l6.1-6.1l0,0l1.8-1.8l5.2-5.2h0l5.3,5.3l0,0l1.8,1.8c2.5,2.4,3.8,5.7,3.8,9.2C69.7,6726.4,68.3,6729.7,65.9,6732.1L65.9,6732.1z"
/>
</g>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
