Appwrite
ツール
BlackSquare
BlackSquareの公式ベクターロゴ。ツールカテゴリ。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 64 64
- ファイルサイズ
- 5.2 KB · 20 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBlackSquare.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- BlackSquare
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2B8CC4rgb(43, 140, 196) · hsl(202, 64%, 47%)
- WCAG コントラストとファイルサイズ
- 白背景 3.7:1 · 黒背景 5.3:1 · 5.2 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#2B8CC4;}
.st1{clip-path:url(#SVGID_2_);fill:#60C8F3;}
.st2{clip-path:url(#SVGID_4_);fill:#2B8CC4;}
.st3{clip-path:url(#SVGID_6_);fill:#2783BF;}
.st4{clip-path:url(#SVGID_8_);fill:#1E7CBC;}
.st5{clip-path:url(#SVGID_10_);fill:#2B8CC4;}
.st6{clip-path:url(#SVGID_12_);fill:#38ADE3;}
.st7{fill:#5A5A5D;}
.st8{clip-path:url(#SVGID_14_);fill:#5A5A5D;}
.st9{clip-path:url(#SVGID_16_);fill:#434243;}
.st10{clip-path:url(#SVGID_18_);fill:#6E6F72;}
</style>
<g>
<g id="Outer_Box">
<path class="st0" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
<g>
<defs>
<path id="SVGID_1_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<polyline id="Top_Right_1_" class="st1" points="32,-0.9 32,32 60.4,15.6 "/>
</g>
<g>
<defs>
<path id="SVGID_3_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
</clipPath>
<polyline id="Right_1_" class="st2" points="32,32 60.4,48.4 60.4,15.6 "/>
</g>
<g>
<defs>
<path id="SVGID_5_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
</clipPath>
<polyline id="Bottom_Right_1_" class="st3" points="32,32 32,64.8 60.4,48.4 "/>
</g>
<g>
<defs>
<path id="SVGID_7_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_8_">
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
</clipPath>
<polyline id="Bottom_Left_1_" class="st4" points="32,32 3.6,48.4 32,64.8 "/>
</g>
<g>
<defs>
<path id="SVGID_9_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_10_">
<use xlink:href="#SVGID_9_" style="overflow:visible;"/>
</clipPath>
<polyline id="Left_1_" class="st5" points="32,32 3.6,48.4 3.6,15.6 "/>
</g>
<g>
<defs>
<path id="SVGID_11_" d="M29.3,0.7L6.3,14c-1.7,1-2.7,2.8-2.7,4.8v26.5c0,2,1,3.8,2.7,4.8l23,13.3c1.7,1,3.8,1,5.5,0l23-13.3
c1.7-1,2.7-2.8,2.7-4.8V18.7c0-2-1-3.8-2.7-4.8l-23-13.2C33-0.2,31-0.2,29.3,0.7z"/>
</defs>
<clipPath id="SVGID_12_">
<use xlink:href="#SVGID_11_" style="overflow:visible;"/>
</clipPath>
<polyline id="Top_Left_1_" class="st6" points="32,32 3.6,15.6 32,-0.9 "/>
</g>
</g>
<g id="Inner_Box">
<path class="st7" d="M30.6,16.4L19.1,23c-0.8,0.5-1.4,1.4-1.4,2.4v13.3c0,1,0.5,1.9,1.4,2.4l11.5,6.6c0.8,0.5,1.9,0.5,2.7,0
L44.8,41c0.8-0.5,1.4-1.4,1.4-2.4V25.4c0-1-0.5-1.9-1.4-2.4l-11.5-6.6C32.5,15.9,31.5,15.9,30.6,16.4z"/>
<g>
<defs>
<path id="SVGID_13_" d="M30.6,16.4L19.1,23c-0.8,0.5-1.4,1.4-1.4,2.4v13.3c0,1,0.5,1.9,1.4,2.4l11.5,6.6c0.8,0.5,1.9,0.5,2.7,0
L44.8,41c0.8-0.5,1.4-1.4,1.4-2.4V25.4c0-1-0.5-1.9-1.4-2.4l-11.5-6.6C32.5,15.9,31.5,15.9,30.6,16.4z"/>
</defs>
<clipPath id="SVGID_14_">
<use xlink:href="#SVGID_13_" style="overflow:visible;"/>
</clipPath>
<polyline id="Top" class="st8" points="32,32 17.8,23.8 32,32 46.2,23.8 32,15.6 17.8,23.8 "/>
</g>
<g>
<defs>
<path id="SVGID_15_" d="M30.6,16.4L19.1,23c-0.8,0.5-1.4,1.4-1.4,2.4v13.3c0,1,0.5,1.9,1.4,2.4l11.5,6.6c0.8,0.5,1.9,0.5,2.7,0
L44.8,41c0.8-0.5,1.4-1.4,1.4-2.4V25.4c0-1-0.5-1.9-1.4-2.4l-11.5-6.6C32.5,15.9,31.5,15.9,30.6,16.4z"/>
</defs>
<clipPath id="SVGID_16_">
<use xlink:href="#SVGID_15_" style="overflow:visible;"/>
</clipPath>
<polyline id="Right" class="st9" points="46.2,23.8 46.2,40.2 32,48.4 32,32 "/>
</g>
<g>
<defs>
<path id="SVGID_17_" d="M30.6,16.4L19.1,23c-0.8,0.5-1.4,1.4-1.4,2.4v13.3c0,1,0.5,1.9,1.4,2.4l11.5,6.6c0.8,0.5,1.9,0.5,2.7,0
L44.8,41c0.8-0.5,1.4-1.4,1.4-2.4V25.4c0-1-0.5-1.9-1.4-2.4l-11.5-6.6C32.5,15.9,31.5,15.9,30.6,16.4z"/>
</defs>
<clipPath id="SVGID_18_">
<use xlink:href="#SVGID_17_" style="overflow:visible;"/>
</clipPath>
<polyline id="Left" class="st10" points="17.8,23.8 32,32 32,48.4 17.8,40.2 "/>
</g>
</g>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
