Appwrite
ツール
Kwasm
Kwasmの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.12:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 723 645
- ファイルサイズ
- 2.5 KB · 4 パス
- 公式サイト
- https://kwasm.sh/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますKwasm.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Kwasm
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #C51FFFrgb(197, 31, 255) · hsl(284, 100%, 56%)
- WCAG コントラストとファイルサイズ
- 白背景 4.2:1 · 黒背景 4.7:1 · 2.5 KB
SVG コード
<svg width="723" height="645" viewBox="0 0 723 645" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9928 356.029C3.00239 335.281 3.00239 309.719 14.9928 288.971L159.15 39.5287C171.141 18.7811 193.3 6 217.281 6H505.596C529.577 6 551.736 18.7811 563.727 39.5287L707.884 288.971C719.875 309.719 719.875 335.281 707.884 356.029L563.727 605.471C551.736 626.219 529.577 639 505.596 639H217.281C193.3 639 171.141 626.219 159.15 605.471L14.9928 356.029Z" fill="url(#paint0_linear_1402_15)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.79795 285.969L153.955 36.5265C167.019 13.922 191.159 0 217.281 0H505.596C531.718 0 555.858 13.922 568.922 36.5265L713.079 285.969C726.143 308.574 726.143 336.426 713.079 359.031L568.922 608.474C555.858 631.078 531.718 645 505.596 645H217.281C191.159 645 167.019 631.078 153.956 608.474L9.79796 359.031C-3.26598 336.426 -3.26599 308.574 9.79795 285.969ZM14.9928 288.971C3.00239 309.719 3.00239 335.281 14.9928 356.029L159.15 605.471C171.141 626.219 193.3 639 217.281 639H505.596C529.577 639 551.736 626.219 563.727 605.471L707.884 356.029C719.875 335.281 719.875 309.719 707.884 288.971L563.727 39.5287C551.736 18.7811 529.577 6 505.596 6H217.281C193.3 6 171.141 18.7811 159.15 39.5287L14.9928 288.971Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M403.617 143.935C403.617 154.852 399.268 165.322 391.526 173.042C383.785 180.762 373.286 185.099 362.338 185.099C351.39 185.099 340.891 180.762 333.15 173.042C325.409 165.322 321.06 154.852 321.06 143.935C321.06 142.866 320.191 142 319.119 142H202.663C191.493 142 182.438 151.03 182.438 162.169V480.831C182.438 491.97 191.493 501 202.663 501H522.214C533.384 501 542.438 491.97 542.438 480.831V162.169C542.438 151.03 533.384 142 522.214 142H405.557C404.485 142 403.617 142.866 403.617 143.935ZM259.612 355.141H235.911V462.68H259.612V426.124L268.618 413.125L287.579 462.68H312.069L282.759 394.69L309.778 355.141H285.841L259.612 399.968V355.141ZM341.057 355.141H316.803L340.188 463.231H361.203L375.897 388.466L390.276 463.231H411.528L434.675 355.141H414.688L401.494 429.748L388.222 355.141H366.496L352.355 429.591L341.057 355.141ZM482.396 355.141H458.538L426.146 462.68H447.951L453.244 440.463H483.581L488.954 462.68H513.207L482.396 355.141Z" fill="white"/>
<path d="M479.078 422.028L468.255 378.145L457.747 422.028H479.078Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_1402_15" x1="0" y1="322.5" x2="722.877" y2="322.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#C51FFF"/>
<stop offset="1" stop-color="#4B00EA"/>
</linearGradient>
</defs>
</svg>
使用上の注意
- 元の 1.12:1 の縦横比（viewBox "0 0 723 645"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
