嗶哩嗶哩
Bilibili
Archivebox
Archivebox 官方向量標誌，歸屬社群媒體分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 1.22:1
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 428.5 123 542 446
- 原始碼體積
- 29.0 KB · 7 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Archivebox.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- Archivebox
- 行業分類歸屬
- 社群媒體
- 官方基色 (HEX / RGB / HSL)
- #9C2E55rgb(156, 46, 85) · hsl(339, 54%, 40%)
- WCAG 亮暗底對比度與向量體積
- 白底 7.2:1 · 暗底 2.8:1 · 29.0 KB
向量程式碼片段
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
data-stacking-context="true"
aria-owns="w-full1"
width="542"
height="446"
viewBox="428.5 123 542 446"
version="1.1"
id="svg19"
sodipodi:docname="generated-html.svg"
inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs19" />
<sodipodi:namedview
id="namedview19"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.3"
inkscape:cx="299.61538"
inkscape:cy="227.69231"
inkscape:window-width="1440"
inkscape:window-height="830"
inkscape:window-x="-6"
inkscape:window-y="-6"
inkscape:window-maximized="1"
inkscape:current-layer="g19" />
<!-- Generated by dom-to-svg from https://www.element-to-svg.com/ -->
<style
id="style1">@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 100; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 100; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 100; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 100; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 100; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: __Montserrat_337041; font-style: normal; font-weight: 900; font-display: swap; src: url("https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2") format("woff2"); uni
<!-- ...[資料已省略，點選複製或下載獲取完整原始碼]... -->
</svg>設計應用建議
- 保持原生 1.22:1 寬高比（viewBox "428.5 123 542 446"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
