Appwrite
ツール
Beardbrand
Beardbrandの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 3.1 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBeardbrand.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Beardbrand
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #666666rgb(102, 102, 102) · hsl(0, 0%, 40%)
- WCAG コントラストとファイルサイズ
- 白背景 5.7:1 · 黒背景 3.5:1 · 3.1 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="Слой_1"
x="0px"
y="0px"
viewBox="0 0 64 64"
xml:space="preserve"
version="1.1"
sodipodi:docname="beardbrand-icon.svg"
width="64"
height="64"
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
id="metadata35"><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="defs33" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1440"
inkscape:window-height="799"
id="namedview31"
showgrid="false"
inkscape:zoom="2.2250293"
inkscape:cx="162.92052"
inkscape:cy="75"
inkscape:window-x="0"
inkscape:window-y="1"
inkscape:window-maximized="1"
inkscape:current-layer="Слой_1" /><style
type="text/css"
id="style2">
.st0{fill:#0E0F0F;}
</style><g
id="g128"
transform="matrix(2.9948097,0,0,2.9948097,-279.86458,-57.844291)"><path
class="st0"
d="m 101.18828,39.299955 c -0.15624,-0.07812 -0.31248,-0.234348 -0.39059,-0.234348 -6.483654,-1.015512 -7.811633,-6.093071 -6.561771,-11.56121 0.156233,-0.546814 0.390582,-0.859279 1.093628,-0.859279 2.968418,0.312465 5.936833,0.62493 8.592793,-1.327977 0.23435,-0.156232 0.39059,-0.07812 0.62493,0.07812 2.34349,1.796674 5.07756,1.640441 7.73351,1.327976 1.24986,-0.156232 1.64044,0.234349 1.79668,1.327977 0.93739,5.702488 -0.9374,9.998884 -6.56178,10.936279 -0.15622,0 -0.23434,0.234349 -0.31246,0.312465 -2.10913,0 -3.98393,0 -6.01494,0 z"
id="path4"
inkscape:connector-curvature="0"
style="fill:#0e0f0f;stroke-width:0.7811628" /><path
class="st0"
d="m 114.46804,24.92656 c -2.10914,0.390581 -4.21829,0.546814 -6.40554,0.390581 -1.48421,-0.156232 -2.73407,-1.484209 -3.98393,-1.484209 -1.09363,0 -2.42161,1.327977 -3.8277,1.484209 -2.109137,0.234349 -4.296393,0.07812 -6.405534,-0.390581 -0.234348,-0.156233 -0.546814,-0.234349 -0.312465,-0.62493 1.874792,-0.468698 3.749583,-1.249861 5.311908,-2.499721 1.484211,-1.093629 2.968421,-1.562327 4.608861,-0.468699 0.4687,0.312466 0.78117,0.23435 1.24987,-0.07812 1.56232,-0.937395 3.12465,-0.62493 4.53074,0.468699 1.64044,1.249861 3.43711,2.10914 5.46813,2.499721 0.31247,0.468698 -0.0781,0.546814 -0.23434,0.703047 z"
id="path8"
inkscape:connector-curvature="0"
style="fill:#0e0f0f;stroke-width:0.7811628" /></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
