コンテンツ4 サムネイル 4×3

contents-4-3840x3840

おすすめ
流行ってます

アイコンをスマートフォンのアプリ(app)表示に

アイコンのspanをdiv class icon-rimで囲み、icon-rimのclassにカラー設定してspanの枠とアイコンに色付け、アイコンのspan classにカラー設定した場合はそのカラーでアイコンに色付け
なお「icon-rim」は、ここでの紹介用にgridで横並び折り返しのための暫定div(gridアイテム化)なので、classは何でもいい
じつは、上流で「app-icon」のclassを付けているが、これが必須

カラーは、icon-rimなどの外divは未設定ではspan枠にボックス外枠(outer)のカラーでグラデーション色付け、アイコンは未設定のときicon-rimなどの外divで設定したカラーを適用、icon-rimで未設定のときはblack
icon-rim・アイコンそれぞれ、red 、green、blue、yellow、magenta、cyan、limegreen、gold、gray、black、whitesmoke、violet
accentは、カラーセットの中のアクセントカラー(カラーセットでいわば反対色)適用

data_checkspan Material Iconのカラー設定はアイコンの色付け
枠のグラデーションカラーはその外のdivなどにカラー設定

念押しで繰り返し、Material Icon span classに追記したカラー名で、そのアイコンのみに色付け
このspan枠にグラデーション色付けするには上流のdivなどのclassにカラー名を記述する

 

palette
desktop_mac
desktop_windows
laptop_mac
tablet_mac
phone_iphone
event
toggle_on
toggle_off
add_photo_alternate
account_tree
comment
store
credit_card
local_mall
local_grocery_store
add_shopping_cart
shop
local_shipping
thumb_up
integration_instructions
grid_view
settings
link
visibility
expand_circle_down
face_3
keyboard_double_arrow_right
check_box
report_problem
sms_failed
category
menu_book
keyboard
info
assignment_late
stadia_controller
headset_mic
screen_rotation
devices_wearables

 

アバター

author-primary による

Algorism Inc. 株式会社アルゴリズム 代表取締役。SEO塾運営。このサイトは2023年新発売のWordPressテーマのショーケース