Appwrite
ツール
wasm2c
wasm2cの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 2.39:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 257.25 107.62
- ファイルサイズ
- 2.0 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますwasm2c.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- wasm2c
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #654FF0rgb(101, 79, 240) · hsl(248, 84%, 63%)
- WCAG コントラストとファイルサイズ
- 白背景 5.3:1 · 黒背景 3.7:1 · 2.0 KB
SVG コード
<?xml version="1.0" encoding="UTF-8"?>
<svg width="257.25" height="107.62" version="1.1" viewBox="0 0 257.25 107.62" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style>.cls-1 {
fill: #393939;
}
.cls-2 {
fill: #654ff0;
}</style>
<linearGradient id="linearGradient842" x1="125.02" x2="162.32" y1="63.615" y2="63.615" gradientTransform="translate(10 10)" gradientUnits="userSpaceOnUse">
<stop stop-color="#654ff0" offset="0"/>
<stop stop-color="#a8b9cc" offset="1"/>
</linearGradient>
</defs>
<title>web-assembly-logo</title>
<g transform="translate(-22.722 -22.406)" data-name="Layer 2">
<g id="icon" transform="translate(-74.708 22.406)">
<path class="cls-2" transform="translate(-.21)" d="m163.76 0v0.58a12.34 12.34 0 0 1-24.68 0v-0.58h-41.44v107.62h107.62v-107.62zm-14.76 96.1-5.24-25.93h-0.09l-5.67 25.93h-7.22l-8.18-38.1h7.13l4.88 25.93h0.09l5.88-25.93h6.67l5.28 26.25h0.09l5.57-26.25h7l-9.09 38.1zm39.26 0-2.43-8.48h-12.83l-1.87 8.48h-7.13l9.22-38.1h11.25l11.21 38.1z"/>
<polygon class="cls-2" points="183.87 81.37 180.3 67.39 177.3 67.39 174.19 81.37"/>
</g>
<path d="m252.52 64.154s-1.5221-14.191-15.603-14.586c-14.081-0.39408-21.312 10.644-21.312 26.412 0 15.768 7.992 28.383 21.692 28.383 13.701 0 15.223-15.768 15.223-15.768l26.259 1.5766s1.5461 14.241-9.4423 25.106c-10.989 10.864-24.476 12.639-33.896 12.566-9.4191-0.0752-22.479 0.14757-35.108-12.787-12.629-12.935-14.772-25.5-14.772-37.844 0-12.344 2.395-28.696 17.411-41.096 10.205-8.4261 20.551-11.531 30.898-11.531 43.196 0 46.097 39.84 46.097 39.84z" fill="#a8b9cc"/>
<path d="m180.88 74.839v2.7534l-12.023 12.023-3.6712-3.6712 7.1282-7.1282h-37.293v-5.2008h37.293l-7.1282-7.1282 3.6712-3.6712z" fill="url(#linearGradient842)"/>
</g>
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:title>web-assembly-logo</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>
使用上の注意
- 元の 2.39:1 の縦横比（viewBox "0 0 257.25 107.62"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
