Bilibili
哔哩哔哩
Archivebox
Official Archivebox vector logo in the Social Media category. Download lossless SVG and a 1024px transparent PNG.
Brand Color Palette
Click swatch to copy HEXDownload
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep ResearchCode 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices SupportedCode 6666888 · 5% OFF
- Vector Format
- SVG · 1.22:1
- Raster Export
- 1024 × 1024 px
- SVG viewBox
- 428.5 123 542 446
- File Size / Nodes
- 29.0 KB · 7 paths
Edit & Export
Recolor, add a background or padding, then export. Everything runs locally in your browser.
Colors
Background
Format
Size
SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setArchivebox.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Archivebox
- Industry Category
- Social Media
- Primary Color (HEX / RGB / HSL)
- #9C2E55rgb(156, 46, 85) · hsl(339, 54%, 40%)
- WCAG Surface Contrast
- Light 7.2:1 · Dark 2.8:1
Inline SVG Code Snippet
<?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
<!-- ...[data omitted, click Copy or Download for full SVG]... -->
</svg>Engineering & Layout Guidelines
- Maintain the native 1.22:1 aspect ratio (viewBox "428.5 123 542 446") without non-uniform stretching.
- Preserve at least 20% clear space around the emblem bounding box.
- Solid vector paths; supports direct inline <svg> embedding or <img> rendering.
