Appwrite
ツール
ツールBroccoli
Broccoli.js
Broccoli.jsの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.7 KB · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBroccoli.js.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Broccoli.js
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #598527rgb(89, 133, 39) · hsl(88, 55%, 34%)
- WCAG コントラストとファイルサイズ
- 白背景 4.4:1 · 黒背景 4.5:1 · 1.7 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64" preserveAspectRatio="xMidYMid"><path d="M25.092 60.353c.296.606.798 1.272 1.33 1.73.65.56 1.463.956 2.322 1.274.6.222 1.392.415 2.033.53.664.12 1.48.117 2.248.1 1.366-.015 2.444-.142 3.66-.44.767-.187 1.495-.394 2.086-.627 1.116-.44 1.827-.927 1.976-1.243L40.33 59.6l-.3-2c-.167-1.45-.08-2.47.104-4.157.273-2.484.803-3.616 1.578-5.092.74-1.4 1.96-3.38 2.902-4.65.98-1.323 3.437-3.9 4.333-4.87.313.092.916.294 1.85.478.7.14 1.54.308 2.582.273 2.482-.084 3.385-.558 4.828-1.5 1.3-.854 2.563-2.562 3.22-4.2.505-1.26.66-2.54.44-4.045-.148-1.012-.475-2.2-.736-3.002-.284-.862-.73-1.787-1.105-2.488 0 0 1.506-1.8 2.1-3.3.52-1.293.76-2.957.657-3.997-.108-1.08-1.024-3.06-1.6-3.766-.76-.93-1.5-1.896-2.437-2.653-.92-.742-1.96-1.35-3.048-1.804-1.13-.472-2.48-.744-3.55-.933-.16-.857-.382-1.455-.972-2.487-.737-1.325-1.546-1.924-2.818-2.855C46.8 1.4 44.6.207 42.465.044a13.52 13.52 0 0 0-3.964.265c-1.474.317-2.927.916-4.033 1.48-2.22-.85-4.3-.724-5.927-.28-1.38.374-1.673.6-2.935 1.342-1.24.535-2.584 1.78-3.627 3.22-3.88.1-7.112 1.475-9.412 2.78-2.616 1.485-4.964 4.323-5.883 6.128-1.026 2.015-2.05 4.865-1.185 9.272C-.218 27.767.37 33.4 3.584 36.53c2.82 2.754 7.5 3.612 11.912 3.166 1.322 1.34 6.32 7.396 6.32 7.396s5.036 5.675 3.274 13.26zM19.667 36.86c.684-.684 1.27-1.662 1.727-2.4.518.03 1.58.1 2.626.05s2.16-.203 2.603-.463c.125.374.992 3.47 1.047 5.372.072 2.494.003 2.936-.4 3.812-.22.104-.433.15-.702.052-.96-.344-2.56-1.543-3.705-2.612-1.776-1.656-3.194-3.8-3.194-3.8zm19.766-.527a11.26 11.26 0 0 0 .09 2.341c.15.965.295 1.86.66 2.2 1.28-.23 2.172-1.05 2.944-1.627l3-2.405a5.37 5.37 0 0 1-1.071-1.59s-1.763.516-2.65.7a20.12 20.12 0 0 1-2.96.371z" fill="#598527"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
