Appwrite
ツール
CardConnect
CardConnectの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.8 KB · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCardConnect.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- CardConnect
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
- WCAG コントラストとファイルサイズ
- 白背景 5.7:1 · 黒背景 3.5:1 · 2.8 KB
SVG コード
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 21.0.2, 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"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 64 64"
enable-background="new 0 0 220 75"
xml:space="preserve"
sodipodi:docname="cardconnect-icon.svg"
width="64"
height="64"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
id="metadata69"><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="defs67">
</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="namedview65"
showgrid="false"
inkscape:zoom="4.3583491"
inkscape:cx="110"
inkscape:cy="37.5"
inkscape:window-x="-9"
inkscape:window-y="-9"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" />
<path
style="fill:#003f62;stroke-width:2.81318736"
inkscape:connector-curvature="0"
id="path4"
d="m 7.4507199,32.000006 c 0,-4.391388 0.7061122,-8.529588 2.1352072,-12.423037 C 11.017841,15.686331 13.07428,12.307693 15.766499,9.412925 18.464349,6.532218 21.736085,4.233847 25.592964,2.543122 29.435781,0.855209 33.82435,0 38.753053,0 c 3.237983,0 6.205894,0.289729 8.898113,0.866464 2.697844,0.579517 5.305672,1.415028 7.862861,2.486852 L 51.932839,17.10699 c -1.617582,-0.63015 -3.39833,-1.164659 -5.319738,-1.637275 -1.927033,-0.447287 -4.084749,-0.677976 -6.464706,-0.677976 -5.086243,0 -8.881234,1.575387 -11.382154,4.734591 -2.509362,3.150773 -3.752794,7.31429 -3.752794,12.473676 0,5.474461 1.173101,9.699871 3.510856,12.715608 2.351828,2.998857 6.453457,4.489846 12.310511,4.489846 2.078943,0 4.30699,-0.188475 6.706638,-0.568279 2.385581,-0.391042 4.568614,-1.001494 6.580045,-1.856703 l 2.427783,14.091259 c -2.002994,0.860833 -4.506726,1.59226 -7.516839,2.191469 C 46.033584,63.693362 42.719651,64 39.107517,64 33.557095,64 28.77749,63.170108 24.777139,61.515954 20.771163,59.858999 17.479734,57.608449 14.897229,54.755876 12.317536,51.908929 10.427074,48.538733 9.2342811,44.648096 8.0443001,40.765895 7.4507199,36.537679 7.4507199,32.000006" />
</svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
