Appwrite
ツール
ツールRobin
Robin Systems
Robin Systemsの公式ベクターロゴ。ツールカテゴリ。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 132 132
- ファイルサイズ
- 2.8 KB · 7 パス
- 公式サイト
- https://robin.io/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますRobin Systems.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Robin Systems
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0970B8rgb(9, 112, 184) · hsl(205, 91%, 38%)
- WCAG コントラストとファイルサイズ
- 白背景 5.2:1 · 黒背景 3.8:1 · 2.8 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 132 132" style="enable-background:new 0 0 132 132;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:#0970B8;}
.st2{fill:#174D8D;}
</style>
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="29.0406" y1="41.4406" x2="106.9894" y2="119.3895" gradientTransform="matrix(1 0 0 -1 0 134)">
<stop offset="0" style="stop-color:#99CA3C"/>
<stop offset="0.5119" style="stop-color:#62B3E4"/>
<stop offset="1" style="stop-color:#0970B8"/>
</linearGradient>
<path class="st0" d="M97.1,10.5H78.6H39c-7.7,0-14,6.3-14,14v58.1c0,2.9,0.9,5.5,2.3,7.7l0,0l1,1.2l0,0c0.9,1.1,1.9,2,3,2.8
l0.7,0.5l0.1-0.1c2,1.1,4.4,1.9,6.9,1.9h58.1c7.7,0,14-6.3,14-14v-28v-30C111.1,16.8,104.8,10.5,97.1,10.5z M97.1,14.7
c5.5,0,9.9,4.4,9.9,9.9V52L32.5,90l0,0l48.4-75.3C80.9,14.7,97.1,14.7,97.1,14.7z M29.1,82.7V24.6c0-5.5,4.4-9.9,9.9-9.9h36.9
L29.8,86.4C29.4,85.3,29.1,84,29.1,82.7z M107,82.7c0,5.5-4.4,9.9-9.9,9.9H39c-0.6,0-1.1-0.2-1.7-0.3L107,56.7V82.7z"/>
<path class="st1" d="M94.6,33.2c2.7,0,4.9-2.2,4.9-4.9s-2.2-4.9-4.9-4.9c-2.7,0-4.9,2.2-4.9,4.9S91.9,33.2,94.6,33.2z"/>
</g>
<g>
<path class="st2" d="M15.7,121.8v-17.6h14.6c1.4,0,2.3,0.3,2.9,0.8s0.9,1.4,0.9,2.6v4.1c0,1.2-0.3,2-0.9,2.6
c-0.6,0.5-1.6,0.8-2.9,0.8h-2.2l7.9,6.6h-5.7l-6.9-6.6h-3.8v6.6L15.7,121.8L15.7,121.8z M28.6,107.3h-8.9v4.9h8.9
c0.7,0,1.2-0.1,1.4-0.3c0.3-0.2,0.4-0.6,0.4-1.1v-2.1c0-0.5-0.1-0.9-0.4-1.1C29.7,107.4,29.2,107.3,28.6,107.3"/>
<path class="st2" d="M39.9,108.4c0-1.6,0.3-2.7,0.9-3.3c0.6-0.6,1.7-0.9,3.4-0.9h12.5c1.7,0,2.8,0.3,3.4,0.9
c0.6,0.6,0.9,1.7,0.9,3.3v9.3c0,1.6-0.3,2.7-0.9,3.3c-0.6,0.6-1.7,0.9-3.4,0.9H44.1c-1.7,0-2.8-0.3-3.4-0.9
c-0.6-0.6-0.9-1.7-0.9-3.3v-9.3H39.9z M43.8,118.5h13.1v-11.1H43.8V118.5z"/>
<path class="st2" d="M67.2,121.8v-17.6h14.6c1.3,0,2.3,0.3,2.9,0.8s0.9,1.4,0.9,2.6v2.1c0,0.8-0.3,1.5-0.8,2s-1.2,0.8-2.2,0.9
c1,0.1,1.7,0.5,2.3,1.1c0.5,0.6,0.8,1.4,0.8,2.3v2.2c0,1.2-0.4,2-1.2,2.6c-0.8,0.6-2.1,0.8-3.8,0.8H67.2V121.8z M80.1,107.1h-9
v4.2h9c0.7,0,1.2-0.1,1.4-0.3c0.3-0.2,0.4-0.5,0.4-1v-1.7c0-0.5-0.1-0.8-0.4-1C81.3,107.2,80.8,107.1,80.1,107.1 M80.1,114.2h-9
v4.5h9c0.8,0,1.3-0.1,1.5-0.4c0.3-0.2,0.4-0.6,0.4-1.2v-1.3c0-0.6-0.1-1-0.4-1.2C81.4,114.3,80.9,114.2,80.1,114.2"/>
<rect x="91.4" y="104.3" class="st2" width="4" height="17.6"/>
<path class="st2" d="M102.1,121.8v-17.6h2.7l12,10.4c0.4,0.3,0.8,0.7,1.1,1c0.3,0.3,0.6,0.6,0.9,0.9c-0.1-1-0.1-1.7-0.1-2.1
s0-0.7,0-0.9v-9.2h3.6v17.6h-2.7L106.9,111c-0.3-0.3-0.6-0.5-0.8-0.7c-0.2-0.2-0.4-0.4-0.6-0.7c0.1,0.5,0.1,1.1,0.1,1.5
c0,0.5,0,0.9,0,1.3v9.5h-3.5V121.8z"/>
</g>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 132 132"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
