Appwrite
ツール
AudioEye
AudioEyeの公式ベクターロゴ。ツールカテゴリ。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
- ファイルサイズ
- 1.9 KB · 8 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAudioEye.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- AudioEye
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #0075BCrgb(0, 117, 188) · hsl(203, 100%, 37%)
- WCAG コントラストとファイルサイズ
- 白背景 4.9:1 · 黒背景 4:1 · 1.9 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0075BC;}
.st1{fill:#2F5A5B;}
.st2{fill:#FEBD18;}
.st3{fill:#E09419;}
.st4{fill:#F7941D;}
.st5{fill:#D5731A;}
.st6{fill:#00B9F2;}
.st7{fill:#1F886E;}
</style>
<g>
<path class="st0" d="M16.4,20.4c-4.2-1.5-9.1-0.6-12.6,2.7c-4.9,4.7-5,12.5-0.3,17.4c3.5,3.6,8.6,4.6,13,3
C11.9,36.5,11.9,27.4,16.4,20.4"/>
<path class="st1" d="M16.4,20.4L16.4,20.4c-2.2,3.4-3.3,7.3-3.3,11.2c-0.1,4.2,1.1,8.4,3.4,12.1c1.6-0.6,3.1-1.5,4.5-2.7
c2.5-2.4,3.7-5.5,3.8-8.7c0.1-3.2-1.1-6.3-3.5-8.8C19.8,22,18.2,21,16.4,20.4"/>
<path class="st2" d="M20.4,47.5c-1.5,4.2-0.8,9.1,2.5,12.6c4.6,5,12.4,5.3,17.4,0.6c3.6-3.4,4.7-8.5,3.3-12.9
C36.5,52.2,27.4,52.1,20.4,47.5"/>
<path class="st3" d="M32.4,39.3c-3.2-0.1-6.4,1-8.8,3.3c-1.5,1.4-2.5,3-3.1,4.8c3.4,2.2,7.2,3.4,11.1,3.5c4.2,0.1,8.4-0.9,12.1-3.2
c-0.5-1.6-1.4-3.2-2.7-4.5C38.7,40.8,35.5,39.4,32.4,39.3"/>
<path class="st4" d="M60.7,23.6c-3.4-3.6-8.5-4.7-12.9-3.3c4.5,7.1,4.3,16.2-0.3,23.2c4.2,1.5,9.1,0.7,12.6-2.5
C65,36.4,65.3,28.6,60.7,23.6"/>
<path class="st5" d="M47.7,20.3c-1.6,0.5-3.2,1.4-4.5,2.7c-2.5,2.3-3.8,5.4-3.9,8.6s1,6.4,3.3,8.8c1.4,1.5,3,2.5,4.8,3.1
c2.2-3.4,3.4-7.2,3.5-11.1C51.1,28.3,50,24,47.7,20.3L47.7,20.3"/>
<path class="st6" d="M43.6,16.3c1.5-4.2,0.6-9.1-2.7-12.6c-4.7-4.9-12.5-5-17.4-0.3c-3.6,3.5-4.6,8.6-3,13
C27.4,11.9,36.5,11.9,43.6,16.3"/>
<path class="st7" d="M32.4,13L32.4,13c-4.2-0.1-8.4,1.1-12.1,3.4c0.6,1.6,1.5,3.1,2.7,4.5c2.4,2.5,5.5,3.7,8.7,3.8
c3.2,0.1,6.3-1.1,8.8-3.5c1.5-1.4,2.4-3.1,3-4.9c0,0,0,0,0,0c0,0,0,0-0.1,0l0,0h0c0,0,0,0,0,0C40.1,14.2,36.3,13.1,32.4,13"/>
</g>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
