本文へスキップ
LogoHub
企業・団体オペラ

Opera

Operaの公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Opera Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 1000 1000
ファイルサイズ
1.4 KB · 2 パス
公式サイト
https://www.opera.com

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Opera
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#FF1B2Drgb(255, 27, 45) · hsl(355, 100%, 55%)
WCAG コントラストとファイルサイズ
白背景 3.9:1 · 黒背景 5.1:1 · 1.4 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1000 1000">
  <linearGradient id="a" x1="416.6229" x2="416.6229" y1="16.304" y2="985.446" gradientUnits="userSpaceOnUse">
    <stop offset=".3" stop-color="#ff1b2d"/>
    <stop offset=".4381" stop-color="#fa1a2c"/>
    <stop offset=".5939" stop-color="#ed1528"/>
    <stop offset=".7581" stop-color="#d60e21"/>
    <stop offset=".9272" stop-color="#b70519"/>
    <stop offset="1" stop-color="#a70014"/>
  </linearGradient>
  <path fill="url(#a)" d="M335.4 781.8c-55.3-65.3-91.1-161.7-93.5-270v-23.6c2.4-108.3 38.2-204.7 93.5-270C407.2 125.1 513.8 66 632.8 66c73.2 0 141.8 22.4 200.4 61.3C745.2 48.5 629.2.5 501.9 0H500C223.9 0 0 223.9 0 500c0 268.2 211.1 487 476.2 499.4 7.9.4 15.8.6 23.8.6 128 0 244.8-48.1 333.2-127.2-58.6 38.8-127.1 61.2-200.4 61.2-119 0-225.6-59.1-297.4-152.2z"/>
  <linearGradient id="b" x1="667.7092" x2="667.7092" y1="73.4257" y2="930.5844" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#9c0000"/>
    <stop offset=".7" stop-color="#ff4b4b"/>
  </linearGradient>
  <path fill="url(#b)" d="M335.4 218.2c45.9-54.2 105.1-86.8 169.9-86.8 145.6 0 263.5 165 263.5 368.6s-118 368.6-263.5 368.6c-64.7 0-124-32.7-169.9-86.8C407.2 874.9 513.8 934 632.8 934c73.2 0 141.8-22.4 200.4-61.2C935.6 781.2 1000 648.1 1000 500c0-148.1-64.4-281.2-166.8-372.7C774.6 88.4 706.1 66 632.8 66c-119 0-225.6 59.1-297.4 152.2z"/>
</svg>

使用上の注意

  • 元の 1:1 の縦横比（viewBox "0 0 1000 1000"）を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました