矢印付きの「続きを読む」ボタン

Question

図に示すように、右矢印の付いた「続きを読む」ボタンを作成しようとしています。背景色は白で、ボタン全体は次のようになります。

次のコードを使用しています。ここの矢印は白なので、私のプロジェクトでは「プロフィールを表示」ボタンのみが表示されますが、背景色のせいで矢印は表示されません。 矢印の色を変更するにはどうすればよいですか?

リーリー

リンクを使用せずに矢印を作成してみましたが、インターネットで見つけたこれほど見栄えの良いものはありませんでした。

Answer 1

現在、矢印は #fff (白) で塗りつぶされています。

リーリー

SVG の fill 属性を変更します:

リーリー

...または矢印にしたい16進数の色。