本文へスキップ
AI プロダクトeasy-aiダーク版

Easy AI

Easy AI(easy-ai)の公式ベクターロゴ。AI プロダクトカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Easy AI Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

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.5 KB · 3 パス
公式サイト
https://geteasy.ai

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますEasy AI.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Easy AI (easy-ai)
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#773A92rgb(119, 58, 146) · hsl(282, 43%, 40%)
WCAG コントラストとファイルサイズ
白背景 7.5:1 · 黒背景 2.6:1 · 2.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><title>Easy AI</title><defs><linearGradient id="a" x1=".1" x2="520.7" y1=".1" y2="502.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ab5fa6"/><stop offset=".08" stop-color="#a95da4"/><stop offset=".25" stop-color="#9a509f"/><stop offset=".4" stop-color="#834299"/><stop offset=".48" stop-color="#773a92"/><stop offset=".64" stop-color="#68338b"/><stop offset=".74" stop-color="#5f2d83"/><stop offset="1" stop-color="#4a2b76"/></linearGradient><linearGradient id="b" x1="0" x2="0" y1="0" y2="512" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#d660a5"/><stop offset=".26" stop-color="#d670ac"/><stop offset=".35" stop-color="#d681ae"/><stop offset=".46" stop-color="#d89bad"/><stop offset=".5" stop-color="#daa8ab"/><stop offset=".71" stop-color="#eacf9d"/><stop offset=".82" stop-color="#f1e093"/><stop offset=".86" stop-color="#f2e491"/></linearGradient><linearGradient id="c" x1="0" x2="512" y1="0" y2="0" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#98db9a" stop-opacity=".82"/><stop offset=".17" stop-color="#8de49a" stop-opacity=".62"/><stop offset=".19" stop-color="#92e09d" stop-opacity=".6"/><stop offset=".22" stop-color="#a7cea3" stop-opacity=".71"/><stop offset=".23" stop-color="#adc9a5" stop-opacity=".73"/><stop offset=".25" stop-color="#b0c6a7" stop-opacity=".73"/><stop offset=".28" stop-color="#b4c1a9" stop-opacity=".68"/><stop offset=".37" stop-color="#b6bbab" stop-opacity=".37"/><stop offset=".44" stop-color="#a5baaf" stop-opacity=".09"/><stop offset=".47" stop-color="#94b8b2" stop-opacity=".02"/><stop offset=".5" stop-color="#ffb69f" stop-opacity="0"/><stop offset=".55" stop-color="#ffb9a1" stop-opacity=".05"/><stop offset=".68" stop-color="#fdc5a0" stop-opacity=".42"/><stop offset=".71" stop-color="#fecb9e" stop-opacity=".51"/><stop offset=".76" stop-color="#fccf9c" stop-opacity=".71"/><stop offset=".79" stop-color="#fcd09b" stop-opacity=".82"/><stop offset=".82" stop-color="#fcd29a" stop-opacity=".91"/><stop offset=".85" stop-color="#fcd399" stop-opacity=".97"/></linearGradient></defs><rect width="512" height="512" fill="url(#a)" rx="128"/><path fill="url(#b)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/><path fill="url(#c)" d="M256 60.73c25.72 103.19 100.29 173.07 203.91 195.51C356.29 278.68 281.72 348.56 256 451.75 230.28 348.56 155.71 278.68 52.09 256.24 155.71 233.8 230.28 163.92 256 60.73"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました