スマホキーボードのアイコン

HTML,CSSでコーディングをしているのですが、画像の様なスマホのキーボード絵文字やインターネットの様なマークは、どうやって作成したり取得できるのか教えて頂きたくお願い致します。

下記4つを知りたいです。
・×ボタン
・絵文字
・インターネット(地球儀)
・マイク

No.2 ベストアンサー 回答者： naokita 回答日時： 2021/02/16 21:21

×ボタンは、そのままテキストの「×」で良いでしょう。

ただし、テキストの場合は、フォントによって大きさ/太さ/形が違いますので、CSSで調整しても良いでしょう。
<span style="font-size:20px; font-weight:bold; color:red;">×</span>

ボタン化したいのなら、CSSでもボタン化できますし、ボタンのまま自由な画像化にしても良いでしょう。


文字参照以外の特殊文字/絵文字/地球儀/マイクなどは、HTMLでは表現できませんので、
アイコン配布サイト（無料で配布）で探し出し、HTML内に小画像として利用します。
つまり、
１，アイコン配布サイトからDLする
２，サイト内のフォルダに保存
３，HTMLで画像として<img ～～～>のように利用します。（CSSでも可能）

CMSなどで、簡易アイコンも用意されていて簡単に利用できる場合もあります。

https://ikonate.com/ などの配布サイトも多くありますので、
SVGでのアイコンも可能ですし、SVGを自分で作っちゃうのも良いでしょう。

この回答へのお礼

ありがとうございます。
勉強になりました。

お礼日時：2021/02/20 10:34

No.1 回答者： admiral_ya 回答日時： 2021/02/16 17:37

自分の使いたい記号と「絵文字」をキーワードにググると見つかりやすいと思います

https://lets-emoji.com/unicode13-emoji/
でサイト内検索すると、
>・×ボタン
(おそらくバックスペースのつもりだと思いますが) 以外は見つかりますね

なお当然ですが、絵文字なので実際のデザインはフォトによって変わります