本文へスキップ

ORY Hydra

ORY Hydraの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

ORY Hydra Logo

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 4.88:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 200 41
ファイルサイズ
5.3 KB · 12 パス
公式サイト
https://www.ory.sh/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
ORY Hydra
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#6274F3rgb(98, 116, 243) · hsl(233, 86%, 67%)
WCAG コントラストとファイルサイズ
白背景 4:1 · 黒背景 5:1 · 5.3 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 200 41" style="enable-background:new 0 0 200 41;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#6274F3;}
	.st1{enable-background:new    ;}
	.st2{fill:#706F8E;}
</style>
<title>Artboard Copy 2</title>
<desc>Created with Sketch.</desc>
<g id="Artboard-Copy-2">
	<g id="Group-3" transform="translate(0.000000, -3.000000)">
		<g id="Group-2" transform="translate(0.000000, 3.000000)">
			<g id="Ory_x2F_logo_x5F_white_x5F_40px">
				<g id="Group">
					<path id="Fill-12" class="st0" d="M10.4,40.9c-0.1,0.1-0.3,0.1-0.4,0l-1.9-1L0.5,36C0.2,35.9,0,35.5,0,35.1v-3
						c0-0.4,0.4-0.6,0.7-0.4l9.5,4.9l9.5-4.9c0.3-0.2,0.7,0.1,0.7,0.4v3c0,0.4-0.2,0.7-0.5,0.9l-5.3,2.8l-2.2,1.1L10.4,40.9"/>
					<path id="Fill-13" class="st0" d="M10,0.1c0.1-0.1,0.3-0.1,0.4,0l1.9,1L19.8,5c0.3,0.2,0.5,0.5,0.5,0.9v3
						c0,0.4-0.4,0.6-0.7,0.4l-9.5-4.9L0.7,9.3C0.4,9.5,0,9.2,0,8.9v-3C0,5.5,0.2,5.2,0.5,5l5.3-2.8L8,1.1L10,0.1"/>
					<path id="Fill-14" class="st0" d="M10.2,27c-3.5,0-6.3-2.9-6.3-6.5S6.7,14,10.2,14s6.3,2.9,6.3,6.5S13.7,27,10.2,27z M10.2,10
						C4.6,10,0,14.7,0,20.5S4.6,31,10.2,31s10.2-4.7,10.2-10.5S15.8,10,10.2,10z"/>
					<path id="Fill-15" class="st0" d="M40.5,27c-3.5,0-6.3-2.9-6.3-6.5S37,14,40.5,14s6.3,2.9,6.3,6.5S44,27,40.5,27z M40.5,10
						c-5.6,0-10.2,4.7-10.2,10.5S34.9,31,40.5,31s10.2-4.7,10.2-10.5S46.2,10,40.5,10z"/>
					<path id="Fill-16" class="st0" d="M63.9,19h-0.6l-0.1-0.1l-3-4.9h3.6c1.3,0,2.4,1.1,2.4,2.5S65.3,19,63.9,19z M65.6,22.8
						c2.7-0.8,4.6-3.2,4.6-6.2c0,0,0,0,0-0.1s0,0,0-0.1c0-3.6-2.8-6.4-6.3-6.4h-7.8c-0.3,0-0.5,0.2-0.5,0.5v3.2c0,0.1,0,0.2,0.1,0.3
						l3,5.1h-2.6c-0.3,0-0.5,0.2-0.5,0.5v11c0,0.3,0.2,0.5,0.5,0.5H59c0.3,0,0.5-0.2,0.5-0.5V23h1.6l4.5,7.5
						c0.2,0.3,0.5,0.5,0.8,0.5h3.2c0.4,0,0.6-0.4,0.4-0.8L65.6,22.8z"/>
					<path id="Fill-17" class="st0" d="M88.9,10.7l-9.5,19.7C79.3,30.8,79,31,78.6,31h-2.9c-0.4,0-0.6-0.4-0.4-0.7l4.7-9.8l-4.7-9.8
						c-0.2-0.3,0.1-0.7,0.4-0.7h2.9c0.4,0,0.7,0.2,0.9,0.6l2.6,5.5l2.6-5.5c0.2-0.3,0.5-0.6,0.9-0.6h2.9
						C88.9,10,89.1,10.4,88.9,10.7"/>
				</g>
			</g>
		</g>
		<g class="st1">
			<path class="st2" d="M99.9,36.2c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0-0.2,0.1-0.3l9.6-23c0.2-0.3,0.4-0.5,0.7-0.5h1
				c0.1,0,0.3,0.1,0.4,0.2s0.2,0.2,0.2,0.4c0,0.1,0,0.2-0.1,0.3l-9.6,23c0,0.1-0.1,0.2-0.2,0.3c-0.1,0.1-0.3,0.2-0.5,0.2h-1
				C100.1,36.4,100,36.3,99.9,36.2z"/>
			<path class="st2" d="M121.9,33.8c-0.1-0.1-0.2-0.3-0.2-0.5V15.1c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.4-0.2h1.3
				c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v7.8h9.7v-7.8c0-0.2,0.1-0.4,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h1.3
				c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v18.3c0,0.2-0.1,0.3-0.2,0.5s-0.3,0.2-0.5,0.2h-1.3c-0.2,0-0.3-0.1-0.5-0.2
				c-0.1-0.1-0.2-0.3-0.2-0.5v-8.1h-9.7v8.1c0,0.2-0.1,0.3-0.2,0.5s-0.3,0.2-0.5,0.2h-1.3C122.2,34,122,33.9,121.9,33.8z"/>
			<path class="st2" d="M143.5,39.2c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0-0.2,0.1-0.5l2.2-5.1l-5.3-12.6c-0.1-0.2-0.2-0.4-0.2-0.5
				c0-0.2,0.1-0.3,0.2-0.4c0.1-0.1,0.2-0.2,0.4-0.2h1.3c0.3,0,0.5,0.1,0.7,0.4l4.3,10.3l4.4-10.3c0.1-0.3,0.4-0.4,0.7-0.4h1.3
				c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.2,0.2,0.4c0,0.1,0,0.3-0.1,0.5l-7.9,18.4c-0.1,0.1-0.2,0.3-0.3,0.3
				c-0.1,0.1-0.2,0.1-0.4,0.1h-1.2C143.7,39.3,143.6,39.3,143.5,39.2z"/>
			<path class="st2" d="M157.1,32.4c-1-1.3-1.5-2.9-1.6-4.8l0-0.8l0-0.8c0.1-1.9,0.6-3.5,1.6-4.8c1-1.3,2.5-1.9,4.4-1.9
				s3.5,0.7,4.5,2.1v-6.5c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h1.3c0.2,0,0.3,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v18.6
				c0,0.2-0.1,0.3-0.2,0.5S168.1,34,168,34h-1.2c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.5v-1.2c-1.1,1.4-2.6,2.1-4.6,2.1
				C159.6,34.3,158.1,33.6,157.1,32.4z M165,30.8c0.7-0.9,1-1.9,1.1-3.1c0-0.2,0-0.6,0-1.1c0-0.5,0-0.9,0-1.1c0-1.1-0.4-2.1-1.1-3
				c-0.7-0.8-1.7-1.2-2.9-1.2c-1.3,0-2.3,0.4-2.9,1.3c-0.6,0.8-1,1.9-1,3.3l0,0.8c0,3.6,1.3,5.4,4,5.4
				C163.4,32.1,164.3,31.7,165,30.8z"/>
			<path class="st2" d="M173,33.8c-0.1-0.1-0.2-0.3-0.2-0.5V20.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h1.2
				c0.2,0,0.4,0.1,0.5,0.2s0.2,0.3,0.2,0.5v1.2c0.8-1.3,2.1-1.9,3.9-1.9h1.1c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5v1
				c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2h-1.6c-1,0-1.8,0.3-2.4,0.9s-0.9,1.4-0.9,2.4v8.3c0,0.2-0.1,0.3-0.2,0.5
				s-0.3,0.2-0.5,0.2h-1.3C173.3,34,173.1,33.9,173,33.8z"/>
			<path class="st2" d="M184.6,33.7c-0.8-0.4-1.4-0.9-1.8-1.5c-0.5-0.6-0.7-1.4-0.7-2.1c0-1.2,0.5-2.2,1.5-3c1-0.8,2.4-1.3,4.1-1.6
				l4.2-0.6v-0.8c0-1.9-1.1-2.9-3.3-2.9c-0.9,0-1.6,0.2-2.1,0.5c-0.5,0.3-0.9,0.8-1.1,1.2c-0.1,0.2-0.2,0.3-0.2,0.4
				s-0.2,0.1-0.3,0.1h-1.1c-0.2,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.3-0.2-0.4c0-0.4,0.2-0.9,0.6-1.5c0.4-0.6,1-1.1,1.9-1.5
				s1.9-0.6,3.1-0.6c2.1,0,3.6,0.5,4.5,1.5c0.9,1,1.4,2.2,1.4,3.6v9.1c0,0.2-0.1,0.3-0.2,0.5S194,34,193.8,34h-1.2
				c-0.2,0-0.3-0.1-0.4-0.2s-0.2-0.3-0.2-0.5v-1.2c-0.4,0.6-1,1.1-1.8,1.5c-0.8,0.4-1.8,0.6-3,0.6C186.3,34.3,185.4,34.1,184.6,33.7
				z M190.8,31c0.8-0.8,1.2-2,1.2-3.5v-0.8l-3.3,0.5c-1.3,0.2-2.4,0.5-3.1,1c-0.7,0.4-1,1-1,1.7c0,0.8,0.3,1.4,0.9,1.8
				c0.6,0.4,1.4,0.6,2.2,0.6C189,32.2,190,31.8,190.8,31z"/>
		</g>
	</g>
</g>
</svg>

使用上の注意

  • 元の 4.88:1 の縦横比(viewBox "0 0 200 41")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました