Appwrite
ツール
Begin
Beginの公式ベクターロゴ。ツールカテゴリ。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.0 KB · 6 パス
- 公式サイト
- https://begin.com/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBegin.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Begin
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.4:1 · 2.0 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.0, 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 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;}
</style>
<g>
<path class="st0" d="M29.7,13.1v-12c0-0.6-0.5-1.2-1.1-1.2c0,0-0.1,0-0.1,0c-5.9,0.7-11.6,3-16.2,6.8c-0.5,0.4-0.6,1.2-0.1,1.7
c0,0,0,0.1,0.1,0.1l8.4,8.5c0.4,0.4,1,0.4,1.5,0.1c2-1.4,4.3-2.4,6.7-2.8C29.3,14.2,29.7,13.7,29.7,13.1L29.7,13.1z"/>
<path class="st0" d="M17.4,42c-1.4-2-2.3-4.4-2.8-6.8c-0.1-0.6-0.6-1-1.1-1H1.6c-0.6,0-1.2,0.5-1.2,1.2c0,0,0,0.1,0,0.1
c0.7,6,3,11.6,6.7,16.4c0.4,0.5,1.2,0.6,1.7,0.1l8.4-8.5C17.6,43.1,17.7,42.5,17.4,42L17.4,42z"/>
<path class="st0" d="M51.8,6.8C47.1,3,41.5,0.7,35.6,0c-0.6-0.1-1.2,0.4-1.3,1c0,0,0,0.1,0,0.1v12c0,0.6,0.4,1,1,1.1
c2.4,0.5,4.7,1.4,6.7,2.8c0.5,0.3,1.1,0.3,1.5-0.1l8.4-8.5C52.3,8.1,52.3,7.3,51.8,6.8C51.8,6.8,51.8,6.8,51.8,6.8L51.8,6.8z"/>
<path class="st0" d="M31.2,36l-19,19.2c-0.5,0.5-0.5,1.2,0,1.7c0,0,0,0,0.1,0.1c5.6,4.5,12.6,7,19.8,7c7.5,0,14.4-2.6,19.8-7
c0.5-0.4,0.6-1.2,0.1-1.6c0,0,0-0.1-0.1-0.1L32.8,36C32.4,35.6,31.7,35.6,31.2,36C31.2,36,31.2,36,31.2,36L31.2,36z"/>
<path class="st0" d="M17.2,20.3l-8.4-8.5c-0.5-0.5-1.2-0.5-1.6,0c0,0-0.1,0.1-0.1,0.1c-3.7,4.7-6,10.4-6.7,16.3
c0,0.6,0.4,1.2,1.1,1.3h12c0.6,0,1-0.4,1.1-1c0.5-2.4,1.4-4.7,2.8-6.8C17.7,21.3,17.6,20.7,17.2,20.3z M56.9,11.9
c-0.4-0.5-1.1-0.6-1.6-0.2c0,0-0.1,0-0.1,0.1l-8.4,8.5c-0.4,0.4-0.5,1.1-0.1,1.5c1.4,2,2.3,4.4,2.8,6.8c0.1,0.6,0.6,1,1.1,1h11.8
c0.6,0,1.2-0.5,1.2-1.2v-0.1C62.9,22.3,60.6,16.6,56.9,11.9z"/>
<path class="st0" d="M49.4,35.2C49,37.6,48,40,46.7,42c-0.3,0.5-0.3,1.1,0.1,1.5l8.4,8.5c0.4,0.5,1.2,0.5,1.6,0
c0,0,0.1-0.1,0.1-0.1c3.7-4.7,6-10.4,6.7-16.4c0.1-0.6-0.4-1.2-1-1.3c0,0-0.1,0-0.1,0H50.6C50,34.2,49.5,34.7,49.4,35.2L49.4,35.2z
"/>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
