Appwrite
ツール
ツールダーク版
Sosse
Sosseの公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 2.4 KB · 8 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますSosse.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Sosse
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #F6EA00rgb(246, 234, 0) · hsl(57, 100%, 48%)
- WCAG コントラストとファイルサイズ
- 白背景 1.3:1 · 黒背景 15.7:1 · 2.4 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M410.9 181.9h84V4.4H170.3C76.4 4.4 0 80.8 0 174.6c0 69.2 41.6 128.9 101.1 155.5H0v177.5h341.7c93.9 0 170.3-76.3 170.3-170.2 0-69.2-41.6-128.9-101.1-155.5" style="fill:#f9f9f9"/><linearGradient id="sosse_svg__a" x1="93.097" x2="93.097" y1="248.273" y2="306.326" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#e71d36"/><stop offset="1" style="stop-color:#971212"/></linearGradient><path d="M171.5 181.9V19.2h-1.2c-85.8 0-155.5 69.7-155.5 155.5s69.8 155.5 155.5 155.5h1.2z" style="fill:url(#sosse_svg__a)"/><linearGradient id="sosse_svg__b" x1="418.901" x2="418.901" y1="391.664" y2="460.123" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f6ea00"/><stop offset="1" style="stop-color:#ffab00"/></linearGradient><path d="M341.7 181.9h-1.2v310.9h1.2c85.8 0 155.5-69.7 155.5-155.5.1-85.6-69.7-155.4-155.5-155.4" style="fill:url(#sosse_svg__b)"/><linearGradient id="sosse_svg__c" x1="255.999" x2="255.999" y1="125.229" y2="151.713" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f6ea00"/><stop offset="1" style="stop-color:#ffab00"/></linearGradient><path d="M186.2 19.1h139.6v148.1H186.2z" style="fill:url(#sosse_svg__c)"/><linearGradient id="sosse_svg__d" x1="255.999" x2="255.999" y1="265.043" y2="305.122" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#253dff"/><stop offset="1" style="stop-color:#1729c2"/></linearGradient><path d="M186.2 181.9h139.6V330H186.2z" style="fill:url(#sosse_svg__d)"/><linearGradient id="sosse_svg__e" x1="93.097" x2="93.097" y1="411.024" y2="474.357" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f6ea00"/><stop offset="1" style="stop-color:#ffab00"/></linearGradient><path d="M14.7 344.8h156.8v148.1H14.7z" style="fill:url(#sosse_svg__e)"/><linearGradient id="sosse_svg__f" x1="255.999" x2="255.999" y1="393.673" y2="466.927" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#00d111"/><stop offset="1" style="stop-color:#1b7c16"/></linearGradient><path d="M186.2 344.8h139.6v148.1H186.2z" style="fill:url(#sosse_svg__f)"/><linearGradient id="sosse_svg__g" x1="410.327" x2="410.327" y1="68.029" y2="141.285" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#00d111"/><stop offset="1" style="stop-color:#1b7c16"/></linearGradient><path d="M340.5 19.1h139.6v148.1H340.5z" style="fill:url(#sosse_svg__g)"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
