Appwrite
ツール
CleanBrowsing
CleanBrowsingの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.7 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCleanBrowsing.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- CleanBrowsing
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #EC6A2Ergb(236, 106, 46) · hsl(19, 83%, 55%)
- WCAG コントラストとファイルサイズ
- 白背景 3.1:1 · 黒背景 6.3:1 · 1.7 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:#EC6A2E;}
</style>
<g>
<path class="st0" d="M37.7,27.7c0,1.6,1.3,3,2.8,3.2c-0.3,0.6-0.7,0.9-1.2,1C38,32.2,36.4,30,36,27.2c-0.5-2.8,0.3-5.3,1.6-5.6
c0.1,0,0.1,0,0.2,0c1,0,2.1,1.2,2.7,2.9C39,24.8,37.7,26.1,37.7,27.7z"/>
<path class="st0" d="M32,0.1c-17.7,0-32,14.3-32,32C0,40.4,3.1,48,8.3,53.7c3.3-0.6,6.6-1.9,8-3.6l0.6-0.6l-0.9,0
c-0.8,0-2.7-0.2-4-0.7c1.5-0.9,5.3-3.2,6.4-4.7l0.5-0.8l-0.9,0.2c0,0-2.6,0.4-4.8,0.2c0.8-0.6,2-1.7,3.1-2.8
c0.7-0.8,1.4-1.6,1.7-2.3l0.4-0.8L17.6,38c0,0-1.5,0.5-3.6,0c0.8-1.1,2.6-3.5,3.1-4.2c0.3-0.5,0.3-1.1,0.2-1.9
c-0.1-1.2-0.2-2.8,0.7-4.9c1.9-4,0.1-10.3-1.1-12.7c-0.7-1.4-1.5-2.2-2.1-2.8c-0.5-0.5-0.7-0.7-0.7-0.9c2.7-0.3,5.1-0.2,7.3,0.4
c0.2,0,0.4,0.1,0.5,0.2c2.2,0.7,4.1,1.9,5.8,3.6l0.3,0.4l1.1-1.6l0.5,1.4l0.7-0.8l0.6,1.2l0.8-0.8l0.4,0.9l1.6-0.6l0.5,1.1l0.2,0.1
c0,0,0.6,0.2,1.5,0.6c0.2,0.1,0.4,0.2,0.6,0.2c2.1,0.9,5.3,2.4,7.4,4.5c1,1.3,1.6,2.7,2.1,4.1c1.1,2.6,2,5.1,5.4,5.6
c2,0.3,3.3-0.4,4.2-0.9c0.8-0.5,1.2-0.7,1.7-0.3C54.8,42.9,39.7,45,37.9,45.2c-0.1,0-0.2,0-0.3,0.1c-1,0.2-1.9,0.9-2.8,2
c-2.7,3.6-3.9,10.7-3.7,11.8c0.2,1.1,0.5,2.9,5.1,4.8C51.9,61.8,64,48.4,64,32.1C64,14.5,49.7,0.1,32,0.1z M34.9,15.3l-0.6-1.4
l-1.6,0.6l-0.6-1.2l-0.9,0.8l-0.7-1.3L30,13.5l-0.6-1.6L28,14c-1.8-1.7-3.7-2.9-6-3.6c0.1-0.5,0.2-0.8,0.5-1
C22.7,9.1,23,9,23.4,9.1c2.2,0.3,10.4,2.4,12.4,6.5C35.4,15.4,35.1,15.3,34.9,15.3z"/>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
