アイコン一覧

haik環境になって使える機能の一つにアイコン表示があります。
使用用途は、ナビゲーション・メニュー等のメニュー項目名の頭につけて使用する例などがあります。例えば家のマーク をホームページのトップを表すアイコンとして使ったりしています。
haikでは、以下の表のように沢山のアイコンが用意されていますが、ユーザーにとっては、いざ使う段になって、どのアイコンを使って良いのか迷ってしまいます。
各アイコンの持つ英語名と日本語の意味を明らかにすれば、より使いやすくなるのかと思い、以下に一覧表にしてみました。


asteriskアスタリスク
minusマイナス、負
pencil鉛筆
search検索
time時間
gift贈り物
calendarカレンダー、暦
shopping-cart買物かご
wrenchレンチ
book
phone電話
earphoneイヤホン
filmフィルム
picture絵、画像
map-markerマップマーカー
stats統計
heart-emptyハート空
star-empty星空
okOK
zoom-inズームイン
trashごみ
play-circleプレイ円
send送信、送る
plus-signプラス記号
remove-sign削除記号
question-sign質問・サイン
exclamation-sign感嘆符記号
remove-circle削除
ban-circle禁止
chevron-up山形アップ
thumbs-upいいね!
hand-left左向き手
hand-down語り継ぐ
plusプラス、正
envelopeエンベロープ、封筒
music音楽
homeホーム
fileファイル
planeプレーン、飛行機
commentコメント
globe世界、地球
cogコグ、歯車
paperclipクリップ
pushpin画鋲
cutlery刃物類
facetime-videoFaceTimeのビデオ
cameraカメラ
userユーザー
heartハート、心
starスター、星
th目、第、回
remove削除する、除く
zoom-outズームアウト
downloadダウンロード
lockロック、錠前
headphonesヘッドフォン
minus-signマイナス記号
ok-signOKサイン
info-sign情報サイン
warning-sign警告サイン
ok-circleOK
share-alt共有
chevron-down山形ダウン
hand-right右向き手
hand-up切る


使用例として

当サイトのナビゲーション・メニューをご覧下さい。これが使用例です。
その他、以下に実際例を参考までに掲載しておきました。
画像の説明
画像の説明
画像の説明


使用方法

例えば、(アスタリクス)のアイコンを画面に挿入する場合、
&icon(アイコン名); という形式でプラグインを記入すれば、
画面上に(アスタリクス)が挿入されます。

&icon(asterisk);


サイズ変更、色の設定は?

 ・・・・基本のアイコン
 ・・・・サイズを40pxに設定
 ・・・・色を赤、サイズを60px

[check]上記のおまじないです。

&icon(home);
&deco(,,40){&icon(home);};
&deco(red,,60){&icon(home);};


戻る


上記の関連記事はお役に立ちましたか?

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 5  
    役に立たなかった 1  


ご意見箱