Appwrite
ツール
ツールJinja
Jinja2
Jinja2の公式ベクターロゴ。ツールカテゴリ。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.9 KB · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますJinja2.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Jinja2
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #575757rgb(87, 87, 87) · hsl(0, 0%, 34%)
- WCAG コントラストとファイルサイズ
- 白背景 7.2:1 · 黒背景 2.7:1 · 2.9 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><defs><radialGradient id="A" cx="61.298" cy="60.911" fx="61.298" fy="60.911" r="44.688" gradientTransform="matrix(0.70619187,0,0,0.66742477,-11.280853,47.374876)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#575757"/><stop offset="1" stop-color="#2f2f2f"/></radialGradient></defs><path d="M63.192 58.202s-12.178 5.82-22.092 7.106-28.82 2.57-32.575 1.663-6.448-1.966-6.448-1.966l.78 2.646-2.41 2.116.427.755.99.075 3.044.378.427 1.36 1.7.153.85 2.87s3.6.303 4.672.303 3.187-.15 3.187-.15l.07 1.133.78.15v1.286l-1.702 1.514.427.075v.527s-3.825.305-5.383.078-1.842-.228-1.842-.228l-.14.15-.07.68h.354l.14 2.95 7.863-.303-.637 11.487-6.658-.378-.07-2.72h1.485l.143-1.058 1.345-.303.214-.3-5.03-1.21-3.824 1.133.637.53h.637l.07.908 1.345.075v2.646l-1.485.378.284.602.354.228v2.04h.92v9.446l-1.488.228.214 2.72.918.153-.14 6.197 4.038.075-.85-6.123 6.1-.15-.424 3.323-.567 2.344 6.16.075.07-6.044 4.248-.378-.2 3.854-.143 2.265h3.614l-.143-6.197.497.078.14-2.95h-.567l-.2-1.21-.354-3.476.14-4.003h.778V95.4l-.99.075.143-2.853 1.15-.114.053-.926.654-.096.67-.51-4.035-.83-4 .887.4.64.424-.036.494-.018.1 1.168 1.115-.053.02 2.53-4.8-.1.16-2.703.157-2.458v-3.23l.143-3.4 9.61-.492 11.437-.66.107 2.173-.407 5.214-.177 4.855-4.212-.075-.02-3.4 1.558-.057.07-.962.637-.096-.033-.19.637-.036.354-.474-4.762-1.115-4.746 1.02.337.588.53-.04v.267h.654v1.076l1.398.018-.017 2.985h-1.415l-.02.68.497.057-.053 2.59 1.045.057-.123 10.26-1.382.28.017.492h.48v2.63h.794l-.2 3.6-.267 3.134 5.03.132-.16-2.72-.37-2.265-.073-1.966 4.268-.075-.123 3.042-.02 3.213 2.41.19 3.274-.132 1.028-.303-.567-1.72-.14-2.703-.267-1.927 4.07-.15-.177 2.36-.017 3.704 1.63.15 1.612-.035.778-.246-.46-3.515-.157-2.646.69-.075.017-2.36.194-.04-.033-.51h-.798l-.16-1.738-.07-7.54.6-.018V95.35l.25.04V94.9l-.888-.078.02-2.87 1.485-.132-.087-.965.654-.057-.037-.19.868-.435-4.408-.887-4.48.908.284.527.69-.057.037.228h.584l.033 1.133 1.452-.018.123 2.778-5.133-.04-.6-4.174-.48-2.212-.387-3.968.23-2.322 10.232-.776.033-3.458.514-.132-.033-.527-.4-.228c0 0-5.595.83-7.365 1.02l-.868.093-.053-.64-2.116-1.108.027-1.29.728-.02.053-1.774s4.336-.285 5.947-.662 3.895-.755 3.895-.755l1.08-2.928 2.143-.623.177-.492 4.85-1.343.55-.452-1.842-4.025.177-.908.938-.492.674-2.06zM39.895 73.546L39.868 75l1.098.046-.07 1.39-2.153 1.4-.133.406.868.007-.007.342-6.578.32.043-.972.3-.484.02-.3.007-.67.187-.445.07-.36v-.256l.284-1.133zM26.14 74.793l-.16.983.514.605-.033 1.058.477.737-.123.87.354.51-6.71.264-.017-.224.778-.096.037-.285-1.7-.922-.1-1.475.814-.04.07-1.59zm9.932 22.674l4.07.264-.14 5.482.53 4.495-4.318-.15zm-27.265.228l6.518.338-.567 3.78v3.177l.46 1.774-6.374.303zm41.712.036v9.375l-4.14.303-.143-4.95-.46-4.612zm-31.37.2l4.816.018.05 8.69-4.495.078-.23-2.817-.017-2.796z" fill="url(#A)" fill-rule="evenodd" stroke="#323232" stroke-width=".706" transform="translate(0 -56)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
