本文へスキップ
ツールLFX Mentorship

CommunityBridge

CommunityBridgeの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

CommunityBridge Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
CommunityBridge
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#000080rgb(0, 0, 128) · hsl(240, 100%, 25%)
WCAG コントラストとファイルサイズ
白背景 16:1 · 黒背景 1.2:1 · 4.6 KB

SVG コード

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   id="Layer_1"
   x="0px"
   y="0px"
   viewBox="0 0 64 63.999999"
   xml:space="preserve"
   version="1.1"
   sodipodi:docname="communitybridge-icon.svg"
   width="64"
   height="64"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
   id="metadata45"><rdf:RDF><cc:Work
       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
   id="defs43">   </defs><sodipodi:namedview
   pagecolor="#ffffff"
   bordercolor="#666666"
   borderopacity="1"
   objecttolerance="10"
   gridtolerance="10"
   guidetolerance="10"
   inkscape:pageopacity="0"
   inkscape:pageshadow="2"
   inkscape:window-width="1920"
   inkscape:window-height="1001"
   id="namedview41"
   showgrid="false"
   inkscape:zoom="2.712"
   inkscape:cx="32.036547"
   inkscape:cy="71.900002"
   inkscape:window-x="-9"
   inkscape:window-y="-9"
   inkscape:window-maximized="1"
   inkscape:current-layer="Layer_1" /> <style
   type="text/css"
   id="style2"> .st0{fill:#FFFFFF;} </style> <g
   style="fill:#000080"
   id="g34"
   transform="matrix(0.1,0,0,0.1,16.59292,27.127372)">                </g><path
   inkscape:connector-curvature="0"
   style="fill:#000080;stroke-width:0.44506258"
   id="path36"
   d="M 32,-5e-7 C 14.331015,-5e-7 1.5e-7,14.331014 1.5e-7,32 1.5e-7,49.668986 14.331015,64 32,64 49.668986,64 64,49.668987 64,32 64,14.331016 49.668986,-5e-7 32,-5e-7 Z M 8.1001399,38.586925 c -1.602226,0 -2.8929073,-1.290682 -2.8929073,-2.892907 0,-1.602227 1.2906812,-2.892909 2.8929073,-2.892909 1.602225,0 2.8929061,1.290682 2.8929061,2.892909 0,1.602225 -1.2906811,2.892907 -2.8929061,2.892907 z m 7.9666201,0 c -1.602225,0 -2.892906,-1.290682 -2.892906,-2.892907 0,-1.602227 1.290681,-2.892909 2.892906,-2.892909 1.602226,0 2.892907,1.290682 2.892907,2.892909 0,1.602225 -1.290681,2.892907 -2.892907,2.892907 z m 0,-7.610572 c -1.602225,0 -2.892906,-1.290682 -2.892906,-2.892906 0,-1.602225 1.290681,-2.892906 2.892906,-2.892906 1.602226,0 2.892907,1.290681 2.892907,2.892906 0,1.602224 -1.290681,2.892906 -2.892907,2.892906 z m 10.726008,2.937415 v 2.403337 0.133522 0.890125 4.940194 0.133522 0.890125 c 0,1.513214 -1.246176,2.759388 -2.759386,2.759388 -1.513213,0 -2.759389,-1.246174 -2.759389,-2.759388 v -0.890125 -0.133522 -4.940194 -0.890125 -0.133522 -2.403337 -5.919333 c 0,-1.513213 1.246176,-2.759388 2.759389,-2.759388 1.51321,0 2.759386,1.246175 2.759386,2.759388 z M 24.033382,23.721833 c -1.602228,0 -2.892909,-1.290681 -2.892909,-2.892906 0,-1.602225 1.290681,-2.892906 2.892909,-2.892906 1.602225,0 2.892906,1.290681 2.892906,2.892906 0,1.602225 -1.290681,2.892906 -2.892906,2.892906 z M 32,38.586925 c -1.602225,0 -2.892906,-1.290682 -2.892906,-2.892907 0,-1.602227 1.290681,-2.892909 2.892906,-2.892909 1.602227,0 2.892909,1.290682 2.892909,2.892909 0,1.602225 -1.290682,2.892907 -2.892909,2.892907 z m 10.72601,-4.673157 v 2.403337 0.133522 0.890125 4.940194 0.133522 0.890125 c 0,1.513214 -1.246176,2.759388 -2.759389,2.759388 -1.513214,0 -2.759389,-1.246174 -2.759389,-2.759388 v -0.890125 -0.133522 -4.940194 -0.890125 -0.133522 -2.403337 -5.919333 c 0,-1.513213 1.246175,-2.759388 2.759389,-2.759388 1.513213,0 2.759389,1.246175 2.759389,2.759388 z M 39.966621,23.721833 c -1.602225,0 -2.892907,-1.290681 -2.892907,-2.892906 0,-1.602225 1.290682,-2.892906 2.892907,-2.892906 1.602224,0 2.892906,1.290681 2.892906,2.892906 0,1.602225 -1.290682,2.892906 -2.892906,2.892906 z m 7.922115,14.865092 c -1.602225,0 -2.892907,-1.290679 -2.892907,-2.892907 0,-1.602227 1.290682,-2.892909 2.892907,-2.892909 1.602224,0 2.892906,1.290682 2.892906,2.892909 0,1.602228 -1.290682,2.892907 -2.892906,2.892907 z m 0,-7.610572 c -1.602225,0 -2.892907,-1.290679 -2.892907,-2.892906 0,-1.602225 1.290682,-2.892906 2.892907,-2.892906 1.602224,0 2.892906,1.290681 2.892906,2.892906 0,1.602225 -1.290682,2.892906 -2.892906,2.892906 z m 7.96662,7.610572 c -1.602227,0 -2.892909,-1.290679 -2.892909,-2.892907 0,-1.602227 1.290682,-2.892909 2.892909,-2.892909 1.602225,0 2.892907,1.290682 2.892907,2.892909 0.04452,1.602228 -1.290682,2.892907 -2.892907,2.892907 z"
   class="st0" /> </svg>

使用上の注意

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