Appwrite
ツール
APIOAK
APIOAKの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 24:25
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 480 500
- ファイルサイズ
- 3.1 KB · 10 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAPIOAK.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- APIOAK
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #1CB2FArgb(28, 178, 250) · hsl(199, 96%, 55%)
- WCAG コントラストとファイルサイズ
- 白背景 2.4:1 · 黒背景 8.3:1 · 3.1 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 480 500" style="enable-background:new 0 0 480 500;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{enable-background:new ;}
.st2{fill:#666666;}
.st3{fill:url(#SVGID_2_);}
.st4{fill:url(#SVGID_3_);}
.st5{fill:url(#SVGID_4_);}
</style>
<title>APIOAK</title>
<desc>Full Lifecycle Management API Gateway.</desc>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="239.7" y1="105.2" x2="239.7" y2="500" gradientTransform="matrix(1 0 0 -1 0 500)">
<stop offset="0" style="stop-color:#32DCDA"/>
<stop offset="1" style="stop-color:#5CC9F9"/>
</linearGradient>
<polygon class="st0" points="240.2,0 0,394.8 214.2,394.8 274.7,295 272.3,252 228.9,260.5 179.1,334.3 113.9,334.7 243.5,115.1
371.8,334.6 286.8,333.2 248.9,394.8 479.4,394.8 "/>
<g class="st1">
<path class="st2" d="M58.9,479.3H28.2L20.6,500h-9.2l26.3-69.4h12L75.9,500h-9.5L58.9,479.3z M56,471.3L44.3,439h-1.2l-11.9,32.3
H56z"/>
<path class="st2" d="M106.2,430.6h19.3c19.6,0,25.4,6.8,25.4,22.2c0,16.3-7.4,22.6-25.4,22.6h-10.3V500h-9V430.6z M124.7,467.9
c12.9,0,17-3.4,17-15.1c0-10.6-4.1-14.4-17-14.4h-9.5v29.5H124.7z"/>
<path class="st2" d="M185.9,430.6h9V500h-9V430.6z"/>
<path class="st2" d="M231.3,465.3c0-27.9,10.3-35.7,29.9-35.7c19.7,0,29.9,7.8,29.9,35.7c0,28-10.2,35.7-29.9,35.7
C241.6,501,231.3,493.3,231.3,465.3z M281.8,465.3c0-19.2-3.6-28.1-20.6-28.1c-16.9,0-20.5,8.9-20.5,28.1c0,19.8,3.6,28,20.5,28
C278.2,493.3,281.8,485.1,281.8,465.3z"/>
<path class="st2" d="M365,479.3h-30.7l-7.6,20.7h-9.2l26.3-69.4h12L382,500h-9.5L365,479.3z M362.1,471.3L350.4,439h-1.2
l-11.9,32.3H362.1z"/>
<path class="st2" d="M462.6,500H451l-24.8-32.6h-4.9V500h-9v-69.4h9v28.9h4.9l24.3-28.9h11.2l-28.4,32.3L462.6,500z"/>
</g>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="174.1335" y1="333.8273" x2="77.9949" y2="167.3103" gradientTransform="matrix(1 0 0 -1 0 500)">
<stop offset="0" style="stop-color:#4BD1ED"/>
<stop offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st3" d="M113.9,334.7c0,0-31.2,4.7-48.5-9.9s5-45.7,5-45.7l77.8-127.9l50.7,39.3L113.9,334.7z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="322.5638" y1="127.5357" x2="270.227" y2="36.8855" gradientTransform="matrix(-0.4912 -0.871 -0.871 0.4912 554.6752 582.3317)">
<stop offset="0.2032" style="stop-color:#32DCDA"/>
<stop offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st4" d="M371.8,334.6c0,0,15.5,18,11.2,40.2s-38.1,19.6-38.1,19.6l-66.1,0.3l37.6-61.1L371.8,334.6z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="258.6721" y1="432.2707" x2="135.7918" y2="219.4356" gradientTransform="matrix(-0.4816 0.8764 0.8764 0.4816 131.7872 -136.443)">
<stop offset="0" style="stop-color:#3AD8E0"/>
<stop offset="1" style="stop-color:#1CB2FA"/>
</linearGradient>
<path class="st5" d="M243.5,115.1c0,0,10.4-18.9,19.5-28.5c7.5-8,16-6.7,21.7-2.7c10.8,7.3,20,21.8,20,21.8l107,177.2L356,307.3
L243.5,115.1z"/>
</svg>
使用上の注意
- 元の 24:25 の縦横比（viewBox "0 0 480 500"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
