Appwrite
ツール
Gliffy
Gliffyの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 972 B · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますGliffy.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Gliffy
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #4775B8rgb(71, 117, 184) · hsl(216, 44%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 4.7:1 · 黒背景 4.2:1 · 972 B
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><defs><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="41.687" y1="24.076" x2="28.682" y2="37.352"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#040706"/></linearGradient></defs><path d="M31.965 63.1L0 31.124l1.752-.9L32.035 14.1 64 31.124zm0-7.7l27.198-24.254-27.198-15.632-27.198 15.63z" fill="#040706"/><path d="M37.856 28.928l2.086 1.5-.085-6.6-7.536 1.15 1.533 1.064c-2.427 2.342-4.045 5.8-4.854 9.494-.64 2.853-.724 8.728-.34 9.92l1.362 1.916.596-.5c-.085-1.235.085-2.64.085-2.64l.043-.043c-.553-6.173 2.597-11.75 7.1-15.242z" opacity=".4" fill="url(#A)" transform="matrix(1.64646 0 0 1.64646 -17.885216 -15.313881)"/><path d="M44.232 14.3l6.24 3.295L47.176.9 27.83 5.678l4.486 2.383c-5.327 6.52-8 15.702-8.412 25.306-.35 7.36 2.173 22.22 3.645 25.165l4.486 4.486 1.332-1.402c-.77-3.154-.98-6.66-.98-6.66S29.862 28.67 44.232 14.3z" fill="#4775b8"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
