htmlとcss で虫眼鏡アイコンのみの検索フォームを作りたい。

Question

webデザイン初心者で、「Write – 書くためのテーマ」というサイトを模写しています。
headの虫眼鏡アイコンのみの検索フォームを作りたいのですが作り方がわかりません。
htmlとcssのみで書くやり方を教えてください。エディタはvscode を使用しております。

Answer 1

Webアイコンフォントを使えばよいかと思います。
【2019年版】おすすめのWebアイコンフォントと使い方まとめ
あとマテリアルアイコンというのもあります。

ちなみに「虫眼鏡　Web　アイコン」とかで検索しても上記に紹介したような記事は出てきます。

Comments

[shu142]

ご回答ありがとうございます。
お勧めしていただいたサイトを参考にします。

[m.ts10806]

それに「模写してる」ならサイトのコードにヒントがあるのでは。
ブラウザのデベロッパツールで確認できますよ。
http://demo.themegraphy.com/write-ja/
↑このサイトでれば見た感じ、画像が当てられています。