本文へスキップ
LogoHub
ツールDNSME

DNS Made Easy

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

DNS Made Easy 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 64 64
ファイルサイズ
3.0 KB · 3 パス
公式サイト
https://dnsmadeeasy.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
DNS Made Easy
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0095DArgb(0, 149, 218) · hsl(199, 100%, 43%)
WCAG コントラストとファイルサイズ
白背景 3.3:1 · 黒背景 6:1 · 3.0 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.1, 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:#808285;}
	.st1{fill:url(#SVGID_1_);}
</style>
<g>
	<path class="st0" d="M36.2,50.2h13.5v-4.7C46.8,48.1,42,49.7,36.2,50.2L36.2,50.2z"/>
	<path class="st0" d="M11.9,46.5v3.6H29c-3.5-0.2-7.1-0.8-10.9-1.7C16,47.9,13.9,47.2,11.9,46.5L11.9,46.5z"/>
	
		<radialGradient id="SVGID_1_" cx="-171.2167" cy="815.2294" r="68.4235" gradientTransform="matrix(1 0 0 1 241.0864 -776.3726)" gradientUnits="userSpaceOnUse">
		<stop  offset="0" style="stop-color:#0095DA"/>
		<stop  offset="0.21" style="stop-color:#0095DA"/>
		<stop  offset="0.33" style="stop-color:#00ACE4"/>
		<stop  offset="0.9045" style="stop-color:#005093"/>
		<stop  offset="0.9335" style="stop-color:#005396"/>
		<stop  offset="0.954" style="stop-color:#005C9F"/>
		<stop  offset="0.9718" style="stop-color:#006BAE"/>
		<stop  offset="0.988" style="stop-color:#0080C4"/>
		<stop  offset="1" style="stop-color:#0095DA"/>
	</radialGradient>
	<path class="st1" d="M49.7,15.5H29.1c-8.9-2.1-19.8-2-27.6-0.5c3.5-0.4,7.3-0.4,11.3,0.1c1,0.1,1.9,0.2,2.9,0.4l0,0
		c4.2,0.7,8.1,1.8,11.7,3.2l0,0c0.4,0.2,0.8,0.3,1.1,0.5h0c0.1,0.1,0.3,0.1,0.4,0.2h0c0.1,0.1,0.2,0.1,0.4,0.2h0
		c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0,0c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0,0l0,0h0
		c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0
		c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0c0.1,0.1,0.2,0.1,0.3,0.2l0.1,0.1c0.1,0.1,0.2,0.1,0.2,0.2l0.1,0.1c0.1,0.1,0.2,0.1,0.2,0.2l0.1,0.1
		c0.1,0.1,0.2,0.1,0.2,0.2l0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1l0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1l0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1
		l0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1c4.6,3.2,7.3,7,7.3,10.9c0,4.5-3.8,8.2-9.8,10.3c4.1-2.2,6.6-5.2,6.6-8.8c0-4.5-3.9-9-10.1-12.5
		c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.1-0.2-0.1C28,22.1,27.9,22,27.8,22c-0.1-0.1-0.2-0.1-0.3-0.1
		c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.3-0.2l-0.2-0.1c-0.1-0.1-0.2-0.1-0.3-0.2l-0.2-0.1c-0.1-0.1-0.2-0.1-0.3-0.2
		c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1-0.1-0.2-0.1-0.3-0.1l-0.2-0.1
		c-0.1-0.1-0.2-0.1-0.4-0.2h0l-0.2-0.1l0,0c-0.1-0.1-0.3-0.1-0.4-0.2l-0.2-0.1c-0.2-0.1-0.3-0.1-0.5-0.2h-0.1
		c-0.1-0.1-0.3-0.1-0.4-0.2h0c-0.2-0.1-0.4-0.2-0.7-0.2l-0.1,0c-0.2-0.1-0.4-0.2-0.7-0.2h0c-0.4-0.1-0.8-0.3-1.2-0.4l-0.1-0.1
		c-0.4-0.1-0.8-0.2-1.2-0.4l0,0c-0.2-0.1-0.5-0.1-0.7-0.2l-0.1,0c-1.1-0.3-2.2-0.5-3.3-0.8l0,0c-0.8-0.2-1.7-0.3-2.5-0.5v27.6
		c0.3,0.1,0.6,0.2,0.9,0.2c17.9,4.5,33.3,0.8,34.5-8.3c0.6-4.7-2.8-9.9-8.7-14.5c4.8,2.7,8.7,5.9,11.2,9.2c1.5,2,2.4,4,2.8,5.9
		c-0.2-2.7-1.3-6.9-2.8-9.9L49.7,15.5L49.7,15.5z"/>
</g>
</svg>

使用上の注意

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

同じカテゴリのロゴ

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