哔哩哔哩
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% 的空白安全保护区
- 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
