本文へスキップ

Archivebox

Archiveboxの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Archivebox Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1.22:1
書き出し解像度
1024 × 1024 px
viewBox
428.5 123 542 446
ファイルサイズ
29.0 KB · 7 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますArchivebox.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Archivebox
公式カラー (HEX / RGB / HSL)
#9C2E55rgb(156, 46, 85) · hsl(339, 54%, 40%)
WCAG コントラストとファイルサイズ
白背景 7.2:1 · 黒背景 2.8:1 · 29.0 KB

SVG コード

<?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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/48e2044251ef3125-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/bf24a9759715e608-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/1f173e5e25f3efee-s.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/904be59b21bd51cb-s.p.woff2&quot;) format(&quot;woff2&quot;); 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(&quot;https://www.element-to-svg.com/_next/static/media/b1f344208eb4edfe-s.woff2&quot;) format(&quot;woff2&quot;); uni
<!-- ...[データ省略・完全なコードはコピーまたはダウンロードで取得]... -->
</svg>

使用上の注意

  • 元の 1.22:1 の縦横比(viewBox "428.5 123 542 446")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました