跳到主要內容

Roll20

Roll20 官方向量標誌,歸屬企業組織分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Roll20 Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 24 24
原始碼體積
2.7 KB · 1 個路徑節點
官方來源
https://roll20.net

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Roll20.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Roll20
行業分類歸屬
企業組織
官方基色 (HEX / RGB / HSL)
#E10085rgb(225, 0, 133) · hsl(325, 100%, 44%)
WCAG 亮暗底對比度與向量體積
白底 4.6:1 · 暗底 4.3:1 · 2.7 KB

向量程式碼片段

<svg fill="#E10085" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Roll20</title><path d="M11.383 0c-.02 0-.04.007-.06.014H11.286l-7.256 3.64a.247.247 0 0 0-.129.211c0 .136.11.239.239.239l-.008.013a.219.219 0 0 0 .096-.021l7.181-1.567a.245.245 0 0 0 .21-.236V.225A.238.238 0 0 0 11.382 0zm1.22.008c-.128 0-.23.1-.236.222V2.3c0 .122.094.217.21.23l-.007-.013 7.182 1.574a.236.236 0 0 0 .203-.428L12.7.02h-.008l-.027-.012h-.06zm.57 3.404a.24.24 0 0 0-.237.242c0 .048.013.09.04.123l6.749 11.868c.04.06.108.101.19.101.128 0 .229-.1.235-.223l2.428-9.921c0-.014.008-.02.008-.034a.239.239 0 0 0-.203-.23l-9.121-1.9.013-.006s-.027-.001-.04-.008l-.061-.012zm-2.38.012-.06.008c-.014 0-.028-.001-.042.006l-9.12 1.9a.239.239 0 0 0-.204.23c0 .014 0 .02.006.034h.014l2.427 9.921a.24.24 0 0 0 .239.23c.081 0 .148-.04.19-.1l6.747-11.87c.02-.04.041-.073.041-.12a.238.238 0 0 0-.238-.24zm1.193.306a.24.24 0 0 0-.195.108L4.676 16.404h.008a.224.224 0 0 0-.041.13c0 .135.109.237.238.237H19.1c.136 0 .237-.109.237-.238 0-.047-.02-.088-.041-.129L12.184 3.838a.244.244 0 0 0-.198-.108zM1.543 9.305a.239.239 0 0 0-.23.209v.035l.298 8.062v.008c0 .136.108.236.237.236.04 0 .075-.012.109-.033l1.268-.754h.005a.025.025 0 0 0 .008-.006l.014-.007a.236.236 0 0 0 .115-.203.09.09 0 0 0-.008-.041L1.773 9.514a.239.239 0 0 0-.23-.21zm20.908.006a.24.24 0 0 0-.23.21l-1.588 7.297c0 .014-.006.028-.006.041 0 .089.047.156.115.203l.02.014s.007 0 .013.006l1.268.76a.234.234 0 0 0 .346-.209v-.008l.299-8.063v-.007l-.006-.006V9.52a.24.24 0 0 0-.23-.21zm-12.105.828c1.064 0 1.492.698 1.492 1.35 0 .86-.611 1.193-1.317 1.58-.311.169-.671.393-.746.63h1.995s.054.028.054.055v.766s-.027.054-.054.054H8.799s-.053-.027-.053-.054v-.368h-.014c0-.99.638-1.465 1.323-1.838.786-.42.847-.603.847-.834 0-.142-.054-.474-.556-.474-.38 0-.623.279-.623.713a.054.054 0 0 1-.055.054h-.82s-.055-.027-.055-.054c0-.76.488-1.58 1.553-1.58zm3.431.013c.794 0 1.641.59 1.641 2.252s-.847 2.25-1.64 2.25c-.794 0-1.65-.588-1.65-2.25 0-1.661.856-2.252 1.65-2.252zm-.002.854c-.657 0-.724.97-.724 1.39 0 .326.053 1.383.724 1.383.672 0 .727-1.057.727-1.383 0-.413-.069-1.39-.727-1.39zM5.4 17.523a.236.236 0 0 0-.236.239c0 .074.04.142.094.19l6.578 5.993a.24.24 0 0 0 .15.055c.055 0 .108-.02.149-.055l6.578-5.994c.054-.047.096-.109.096-.183l.005-.006a.24.24 0 0 0-.23-.239H5.4zm-1.662.143c-.054 0-.1.02-.134.047H3.59l-1.235.74a.245.245 0 0 0-.12.21c0 .087.046.162.12.202l5.975 3.522c.034.013.075.033.115.033.136 0 .239-.11.239-.238a.243.243 0 0 0-.063-.155l.022-.007-4.748-4.307H3.88a.255.255 0 0 0-.143-.047zm16.496.006a.24.24 0 0 0-.136.049h-.014l-4.746 4.306a.282.282 0 0 0-.063.162c0 .136.11.237.239.237.04 0 .081-.013.115-.033l5.975-3.514a.245.245 0 0 0 .12-.21.228.228 0 0 0-.12-.202l.013-.008-1.234-.738h-.014a.252.252 0 0 0-.135-.05z"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 24 24")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成