svgロゴを透明な背景にする

Question

私はこのsvgロゴを私のウェブサイトに追加しました。私はバックグラウンドではないイラストレーターにそれを保存し、それがウェブブラウザでポップアップすると、その背景は白です。これを修正する方法や問題が何であるかは不明です。ここで

heres what it looks like on my end

はフィドル

https://jsfiddle.net/n3ov9czj/

<img src="images/logo.svg" /> 

Answer 1

これはあなたがやろうとしているものですか？
Jsfiddle 1

これはもっとそうでしたか？背景を示す、実際には透明であり、あなたのリンクされたイメージ（ロゴ？）黒の領域かのように見えます
Jsfiddle 2

これは明らかdidntの仕事:(

svg { background: transparent; } 

Answer 2

。白い領域は、実際に（ロゴ）画像ありこの場合、達成しようとしているネガティブなあなたのようなものです。文字hの背後にあるテキストが表示されます。実際のsvgロゴ画像で問題を見つけ出すのに役立ちます。

Simply tes画像の背景を着色します。

<img src="images/logo.svg" style="background-color:grey"/> 

このような場合、あなたはおそらく、ロゴの後ろに背景画像を適用するか、実装したい考えだったものは何でも。