Appwrite
ツール
Awesome Logos
Awesome Logosの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 2.8 KB · 5 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAwesome Logos.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Awesome Logos
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0000E1rgb(0, 0, 225) · hsl(240, 100%, 44%)
- WCAG コントラストとファイルサイズ
- 白背景 10.1:1 · 黒背景 2:1 · 2.8 KB
SVG コード
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><linearGradient id="A" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#0078ff"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#646464"/></linearGradient><linearGradient xlink:href="#B" id="C" x1="29.249" y1="296.578" x2="17.254" y2="312.202"/><linearGradient xlink:href="#A" id="D" x1="67.599" y1="318.895" x2="69.793" y2="298.282"/><linearGradient xlink:href="#A" id="E" x1="26.455" y1="318.895" x2="24.261" y2="298.282"/><linearGradient xlink:href="#B" id="F" x1="75.674" y1="294.137" x2="82.146" y2="303.404"/><radialGradient id="G" gradientTransform="matrix(1.2572982,-1.2132549,1.1859252,1.2289744,12.342918,68.530064)" cx="-90.961" cy="126.119" fx="-90.961" fy="126.119" r="134.257" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#feffff"/></radialGradient></defs><g transform="matrix(.900402 0 0 .900402 -10.057714 -253.826258)"><path d="M23.862 299.834c-4.96-.046-10.714 3.78-12.375 7.714a41.954 17.253 0 0 1 2.18-.512c1.565-.956 3.434-1.267 5.94-1a41.954 17.253 0 0 1 .161-.021c-.013-.008-.02-.025-.02-.034.002-.244.702-1.318 1.556-2.385l1.553-1.94 2.944 1.86c2.933 1.852 4.57 1.782 5.24-.22.315-.944-4.864-3.443-7.177-3.465z" fill="url(#C)"/><path d="M11.617 313.476c1.504 1.07 2.14 3.862 3.057 6.866 1.784 5.848 3.265 7.747 7.023 9.006 3.202 1.073 11.766.96 14.522-.192 2.178-.9 4.854-2.8 6.688-7.694.8-2.828.848-5.955 3.903-6.704 1.904.44 2.736.837 3.817 4.92 1.185 4.474 4.083 8.294 7.138 9.408 3.745.824 4.405 1.163 8.145 1.03 8.1-.648 11.167-2.104 13.4-10.765.614-2.368 1.698-5.046 2.4-5.95.66-1.814.553-4.245.414-6.532-3.417-.86-5.904-1.054-7.9-.514-.218.302-3.08.6-6.55.696-3.608.1-9.687.642-13.508 1.227-6.3.965-7.682.967-14.8.02-4.324-.573-10.513-1.228-13.753-1.456-3.08-.217-5.627-.577-5.867-.822l-.16.02c-2.506-.276-4.376.034-5.94 1a72.05 72.05 0 0 0-2.18.512c-.443 2.226-.44 3.86.13 5.927z" fill="url(#G)"/><path d="M53.325 318.1c1.536 9.335 2.98 9.048 13.143 9.743 8.7.147 10.315-2.946 11.244-10.097-.304-7.596-2.166-9.308-10.776-8.35-10.8 1.186-15.286.704-13.6 8.704z" fill="url(#D)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/><path d="M70.4 299.94c-1.53.008-3.064.294-4.54.857-3.112 1.188-3.735 2.305-2.062 3.693.76.63 1.528.437 3.7-.927 1.502-.948 3.018-1.723 3.37-1.723.703 0 3.427 3.567 3.422 4.48a.06.06 0 0 1-.015.034c1.986-.54 4.473-.344 7.9.515-.847-1.698-2.362-3.356-4.467-4.75a13.03 13.03 0 0 0-7.29-2.182z" fill="url(#F)"/><path d="M40.728 318.1c-1.536 9.335-2.98 9.048-13.143 9.743-8.7.147-10.315-2.946-11.244-10.097.304-7.596 2.166-9.308 10.776-8.35 10.8 1.186 15.286.704 13.6 8.704z" fill="url(#E)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
