【初期設定】WhatYaアイコンサンプル
こちらでは弊社が提供しているWhatYaのアイコンサンプルについてのページです。
概要
弊社が用意しているアイコンサンプルは以下のとおりです。
画像を右クリックして保存し、御社サーバーに配置してご利用ください。
※本アイコンを活用して起こったあらゆる事象につきましては、株式会社空色は免責とさせていただきます。あらかじめご了承の上ご活用ください。
|
|
|
|
|
|
---|---|---|---|---|---|
アイコン見本 | |||||
ファイル形式 | 透過PNG | 透過PNG | 透過PNG | 透過PNG | 透過PNG |
| |||||
ファイル形式 | 透過PNG | 透過PNG | 透過PNG | SVG | SVG |
| |||||
ファイル形式 | 透過PNG | SVG | 透過PNG | SVG | 透過PNG |
| |||||
ファイル形式 | SVG | 透過PNG | SVG | 透過PNG | 透過PNG |
|
| ||||
ファイル形式 | 透過PNG | SVG | 透過PNG | 透過PNG |
|
参考
アイコン画像の表示比率を変更したい場合、width・heightの%の値を変更ください。
※CSSサンプル
/* ヘッダーアイコンサイズ調整 */
#_ChatHeaderIcon img {
width: 80%;
height: auto;
object-fit: cover;
text-align: center;
}
/* ボットアイコンサイズ調整 */
._ChatWindowContent_BOT_AVATAR img {
width: 80%;
height: auto;
object-fit: cover;
text-align: center;
}