Android
企業・団体
企業・団体ダーク版
Binner
Binnerの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ダークモード用の公式バージョンがあります
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 512 512
- ファイルサイズ
- 3.5 KB · 10 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBinner.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Binner
- カテゴリ
- 企業・団体
- 公式カラー (HEX / RGB / HSL)
- #4E4E4Ergb(78, 78, 78) · hsl(0, 0%, 31%)
- WCAG コントラストとファイルサイズ
- 白背景 8.3:1 · 黒背景 2.4:1 · 3.5 KB
SVG コード
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xml:space="preserve"
sodipodi:docname="binner-dark-no_text.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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"><sodipodi:namedview
id="namedview1"
pagecolor="#e6e6e6"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="true"
inkscape:deskcolor="#bfbfbf"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.90380859"
inkscape:cx="118.3879"
inkscape:cy="-28.767153"
inkscape:window-width="3840"
inkscape:window-height="2083"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1"><mask
maskUnits="userSpaceOnUse"
id="mask27"><rect
style="fill:#ffffff;fill-opacity:1"
id="rect27"
width="512"
height="512"
x="1.5301447"
y="2.2148144"
rx="140" /></mask></defs><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
style="fill:none"><g
id="g5"
transform="translate(-1.5301447,-2.2148145)"
mask="url(#mask27)"
inkscape:label="Box"><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5"
width="128"
height="128"
x="385.53015"
y="386.21481"
inkscape:label="bottom-right"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-2"
width="128"
height="128"
x="193.53014"
y="386.21481"
inkscape:label="bottom-center"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-3"
width="128"
height="128"
x="1.530138"
y="386.21481"
inkscape:label="bottom-left"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-26"
width="128"
height="128"
x="385.53015"
y="194.21481"
inkscape:label="center-right"
rx="8" /><rect
style="fill:#1770ff;fill-opacity:1"
id="rect5-9"
width="160"
height="160"
x="177.53015"
y="178.21481"
inkscape:label="center-center"
rx="16" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-37"
width="128"
height="128"
x="1.530138"
y="194.21481"
inkscape:label="center-left"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-28"
width="128"
height="128"
x="385.53015"
y="2.2148159"
inkscape:label="top-right"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-6"
width="128"
height="128"
x="193.53014"
y="2.2148159"
inkscape:label="top-center"
rx="8" /><rect
style="fill:#4e4e4e;fill-opacity:1"
id="rect5-31"
width="128"
height="128"
x="1.530138"
y="2.2148159"
inkscape:label="top-left"
rx="8" /></g></g></svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
