react-native-svgを使ってsvgをアプリ内で表示させようとしています
appディレクトリ内にある.svgファイルをimportして使おうとしているのですが、表示されないsvgと表示されるsvgがあります。
どうやら<rect>
要素が原因なようですが、なぜrectが表示されないのかわかりません
表示されないsvg
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> <g fill="none" fill-rule="evenodd"> <rect width="20" height="20" fill="#4A4A4A" rx="1.667"/> <path fill="#FFF" d="M10.417 16.667c2.991 0 5.416-2.047 5.416-4.706 0-2.615-1.805-5.49-5.416-8.628C6.806 6.471 5 9.346 5 11.961c0 2.659 2.425 4.706 5.417 4.706z"/> <path stroke="#4A4A4A" stroke-linecap="square" stroke-width=".833" d="M8.447 11.026h3.94M10.417 8.462v5.128"/> </g> </svg>
あなたの回答
tips
プレビュー