Appwrite
ツール
AWS App Studio
AWS App Studio（aws-aws-app-studio）の公式ベクターロゴ。ツールカテゴリ。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.3 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAWS App Studio.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- AWS App Studio (aws-aws-app-studio)
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #01A88Drgb(1, 168, 141) · hsl(170, 99%, 33%)
- WCAG コントラストとファイルサイズ
- 白背景 3:1 · 黒背景 6.6:1 · 1.3 KB
SVG コード
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_448_4439)">
<rect width="64" height="64" fill="#01A88D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 12.1555L15 21.9976V41.6914L32 51.5335L49 41.6914V21.9976L32 12.1555ZM51 21.4211C51 21.0642 50.8099 20.7344 50.501 20.5556L32.501 10.1346C32.1911 9.95514 31.8089 9.95514 31.499 10.1346L13.499 20.5556C13.1901 20.7344 13 21.0642 13 21.4211V42.2679C13 42.6248 13.1901 42.9546 13.499 43.1334L31.499 53.5544C31.8089 53.7339 32.1911 53.7339 32.501 53.5544L50.501 43.1334C50.8099 42.9546 51 42.6248 51 42.2679V21.4211Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9997 27.8445V25.5242L31.9997 32.0214L42.9996 25.5242V37.7739C42.9996 38.1275 42.8129 38.4549 42.5084 38.6348L32.5084 44.5439C32.1946 44.7293 31.8047 44.7293 31.4909 44.5439L21.4909 38.6348C21.1864 38.4549 20.9997 38.1275 20.9997 37.7739V32.3473L22.9997 33.5291V37.2032L31.9996 42.5214L40.9996 37.2032V29.0263L31.9996 34.3445L20.9997 27.8445ZM26.6233 24.3445L24.6576 23.183L31.4909 19.1451C31.8047 18.9597 32.1946 18.9597 32.5084 19.1451L39.3417 23.183L37.376 24.3445L31.9996 21.1676L26.6233 24.3445Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_448_4439">
<rect width="64" height="64" fill="white"/>
</clipPath>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
