Appwrite
ツール
Aporeto
Aporetoの公式ベクターロゴ。ツールカテゴリ。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
- -1.4 27.88 64 64
- ファイルサイズ
- 3.1 KB · 12 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAporeto.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Aporeto
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #34A0B3rgb(52, 160, 179) · hsl(189, 55%, 45%)
- WCAG コントラストとファイルサイズ
- 白背景 3.1:1 · 黒背景 6.4:1 · 3.1 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1.4 27.88 64 64" width="64" height="64"><defs><clipPath ><use xlink:href="#M"/></clipPath><clipPath id="B"><use xlink:href="#N"/></clipPath><linearGradient y2="163.801" x2="1.661" y1="128.926" x1="87.505" id="C" xlink:href="#T"><stop offset="0" stop-color="#1c6266"/><stop offset=".116" stop-color="#227178"/><stop offset=".322" stop-color="#2a8592"/><stop offset=".535" stop-color="#2f94a4"/><stop offset=".756" stop-color="#339daf"/><stop offset="1" stop-color="#34a0b3"/></linearGradient><clipPath id="D"><use xlink:href="#O"/></clipPath><linearGradient y2="262.553" x2="206.273" y1="71.601" x1="84.558" id="E" xlink:href="#T"><stop offset="0" stop-color="#1c6266"/><stop offset=".052" stop-color="#227078"/><stop offset=".136" stop-color="#28828e"/><stop offset=".235" stop-color="#2e8f9e"/><stop offset=".357" stop-color="#3199aa"/><stop offset=".528" stop-color="#339eb1"/><stop offset="1" stop-color="#34a0b3"/></linearGradient><clipPath id="F"><use xlink:href="#P"/></clipPath><linearGradient y2="214.635" x2="-43.657" y1="73.979" x1="51.255" id="G" xlink:href="#T"><stop offset="0" stop-color="#1c6266"/><stop offset=".116" stop-color="#227178"/><stop offset=".322" stop-color="#2a8592"/><stop offset=".535" stop-color="#2f94a4"/><stop offset=".756" stop-color="#339daf"/><stop offset="1" stop-color="#34a0b3"/></linearGradient><clipPath id="H"><use xlink:href="#Q"/></clipPath><linearGradient y2="125.499" x2="95.543" y1="152.687" x1="19.879" id="I" xlink:href="#T"><stop offset="0" stop-color="#5ac2cc"/><stop offset=".004" stop-color="#59c1cc"/><stop offset=".118" stop-color="#48b2c0"/><stop offset=".259" stop-color="#3da8b9"/><stop offset=".456" stop-color="#36a2b4"/><stop offset="1" stop-color="#34a0b3"/></linearGradient><clipPath id="J"><use xlink:href="#R"/></clipPath><linearGradient y2="60.758" x2="99.618" y1="150.056" x1="127.543" id="K" xlink:href="#T"><stop offset="0" stop-color="#5ac2cc"/><stop offset=".004" stop-color="#59c1cc"/><stop offset=".118" stop-color="#48b2c0"/><stop offset=".259" stop-color="#3da8b9"/><stop offset=".456" stop-color="#36a2b4"/><stop offset="1" stop-color="#34a0b3"/></linearGradient><clipPath ><use xlink:href="#S"/></clipPath><path id="M" d="M-344.5-303.6h1280v800h-1280z"/><path id="N" d="M90.8 140l-10.7-18.3-58.3 39.9z"/><path id="O" d="M119.5 150.6l-45-119.3v42.3z"/><path id="P" d="M74.5 31.3L10.4 143.1l28.8-9 35.3-60.5z"/><path id="Q" d="M80.1 121.7l-69.7 21.2 11.4 18.7 69-21.6z"/><path id="R" d="M143.5 150.4l-69-119.3 45 119.3z"/><path id="S" d="M-344.5-303.6h1280v800h-1280z"/><linearGradient id="T" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(.480842 0 0 .480842 -6.400752 13.550925)"><path clip-path="url(#J)" d="M137.3 11.5l40.1 128.3L80.6 170 40.5 41.8z" fill="url(#K)"/><path clip-path="url(#H)" d="M103.5 157l-83.9 30.1-21.9-60.9 83.9-30.1z" fill="url(#I)"/><path clip-path="url(#F)" d="M-41.4 108.1L30.5 1.7l95.8 64.6-71.9 106.5z" fill="url(#G)"/><path clip-path="url(#D)" d="M87.5 171L20.4 65.8l86.1-54.9 67 105.2z" fill="url(#E)"/><path clip-path="url(#B)" d="M7.9 127.3L81 97.6l23.7 58.3-73.1 29.7z" fill="url(#C)"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "-1.4 27.88 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
