Appwrite
ツール
ツールGlimpse Editor
Glimpse
Glimpseの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 5.7 KB · 11 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますGlimpse.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Glimpse
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #D2D3E0rgb(210, 211, 224) · hsl(236, 18%, 85%)
- WCAG コントラストとファイルサイズ
- 白背景 1.5:1 · 黒背景 13.3:1 · 5.7 KB
SVG コード
<svg viewBox="0 0 64 64" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="64" height="64" xml:space="preserve"><style>.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}.st2{opacity:.8996}.st8{opacity:.897;fill-rule:evenodd;clip-rule:evenodd;fill:#fff;enable-background:new}</style><switch><g><g id="logo" transform="translate(14)"><path id="hexagon_outline" class="st0" d="M16.2.4L-9.9 13.5c-.7.3-1.2.9-1.6 1.5-.4.6-.6 1.3-.6 2.1V47c0 .8.2 1.5.6 2.1.4.6.9 1.1 1.6 1.5l26.1 13.1c1.1.6 2.5.6 3.6 0l26.1-13.1c.7-.3 1.2-.9 1.6-1.5.4-.6.6-1.3.6-2.1V17.1c0-.8-.2-1.5-.6-2.1-.4-.6-.9-1.1-1.6-1.5L19.8.4c-1.1-.5-2.5-.5-3.6 0z"/><path id="hexagon" d="M19.3 1.3c-.8-.4-1.8-.4-2.7 0C11.9 3.7-4.2 11.8-9.5 14.4c-1 .5-1.7 1.5-1.7 2.7V47c0 1.1.6 2.2 1.7 2.7 5.2 2.6 21.3 10.7 26.1 13.1.8.4 1.8.4 2.7 0 4.8-2.4 20.9-10.4 26.1-13.1 1-.5 1.7-1.5 1.7-2.7V17.1c0-1.1-.6-2.2-1.7-2.7-5.2-2.6-21.3-10.7-26.1-13.1z" fill-rule="evenodd" clip-rule="evenodd" fill="#000012"/><g id="_logo_src" transform="translate(80 96)"><g id="root"><g id="frame_back" class="st2"><linearGradient id="path-3_2_" gradientUnits="userSpaceOnUse" x1="157.491" y1="556.755" x2="157.48" y2="556.678" gradientTransform="matrix(179 0 0 -250 -28243 139110.984)"><stop offset="0" stop-color="#7e56f7"/><stop offset=".445" stop-color="#677cf6"/><stop offset="1" stop-color="#3db0f0"/></linearGradient><path id="path-3" d="M-64.2-82.1c0-.8.3-1.4.9-1.7s1.3-.2 2.1.2c4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-3_2_)"/><g><radialGradient id="path-3_4_" cx="158.146" cy="557.782" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7236 134163.86 261341.719)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-3_1_" d="M-64.2-82.1c0-.8.3-1.4.9-1.7s1.3-.2 2.1.2c4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-3_4_)" fill-opacity=".6"/></g></g><g id="pic_x2F_moon" transform="translate(270 90)" opacity=".897"><path id="moon" class="st0" d="M-318.4-160.6c0-1.5.7-2.3 1.6-2.1-.1.3-.2.8-.2 1.2 0 1.7.9 3.6 2 4.2.1.1.3.1.4.2-.3.8-1 1.1-1.8.7-1.1-.7-2-2.5-2-4.2z"/></g><g id="frame_mid" class="st2"><linearGradient id="path-5_2_" gradientUnits="userSpaceOnUse" x1="157.837" y1="556.879" x2="157.83" y2="556.814" gradientTransform="matrix(179 0 0 -250 -28314 139145.984)"><stop offset="0" stop-color="#5ee2e7"/><stop offset=".415" stop-color="#99e7c4"/><stop offset="1" stop-color="#e6ed43"/></linearGradient><path id="path-5" d="M-73.1-77.8c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-5_2_)"/><g><radialGradient id="path-5_4_" cx="158.55" cy="557.734" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7235 134036.516 261404.469)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-5_1_" d="M-73.1-77.8c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-5_4_)" fill-opacity=".6"/></g></g><path id="picture_mid" class="st8" d="M-55.5-61.1c.6 0 1.2.3 1.6.8l3.2 4.1v6c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.5-.7-.8-1.5-.9-2.2l17.6-.1z"/><g id="frame_front" class="st2"><linearGradient id="path-7_2_" gradientUnits="userSpaceOnUse" x1="158.191" y1="557.009" x2="158.179" y2="556.922" gradientTransform="matrix(179 0 0 -250 -28386 139181.984)"><stop offset="0" stop-color="#f458ba"/><stop offset=".515" stop-color="#ee767a"/><stop offset="1" stop-color="#fad58a"/></linearGradient><path id="path-7" d="M-82.1-73.3c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-7_2_)"/><g><radialGradient id="path-7_4_" cx="158.962" cy="557.686" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7235 133907.39 261469.031)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-7_1_" d="M-82.1-73.3c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-7_4_)" fill-opacity=".6"/></g></g><path id="picture_front" class="st8" d="M-74.5-60.8l10.1 15.7c-4.4-2.2-10.9-5.4-14.7-7.3-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-4.3l5.7-.5c.8-.1 1.5.3 1.9.9z"/></g></g></g></g></switch></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
