create

.gitignore

@@ -0,0 +1,8 @@
+pkg
+bin
+*/pkg
+*.exe
+*.log
+*/src/src
+*.data
+*/bin

README.md

@@ -1 +1 @@
-标签系统
+数据维护平台

src/config.json

@@ -0,0 +1,65 @@
+{
+  "port": "7000",
+  "udpport": ":11117",
+  "mgodb": "192.168.3.207:27092",
+  "dbsize": 5,
+  "dbname": "datatag",
+  "uname": "",
+  "upwd": "",
+  "mgodben": "192.168.3.207:27092",
+  "dbnameen": "enterprise",
+  "mongoenc": "winner_enterprise",
+  "subday": 15,
+  "customer": {
+    "api": "http://web-jytest.jianyu360.cn/api1/user/jy_newuser",
+    "mgodb": "192.168.3.128:27080",
+    "dbname": "jyqyfw",
+    "dbsize": 5
+  },
+  "preview_href": "http://192.168.20.127:5500/data-preview.html",
+  "elasticsearchxs": "http://172.17.145.170:9800",
+  "elasticsearch": "http://192.168.3.128:9800",
+  "elasticsearch_index": "bidding",
+  "elasticsearch_type": "bidding",
+  "elasticPoolSize": 10,
+  "jkmail": {
+    "to": "wangjianghan@topnet.net.cn",
+    "api": "http://10.171.112.160:19281/_send/_mail"
+  },
+  "jy_info_back": "jy_modify_log",
+  "jy_pro_back": "jy_pro_modify_log",
+  "jymgo": {
+    "jyaddr": "192.168.3.207:27092",
+    "jydbsize": 5,
+    "jydbname": "wjh",
+    "jycollname1": "bidding",
+    "jycollname2": "bidding_back"
+  },
+  "jyredis": {
+    "redis_jy": "jy_log=127.0.0.1:6379",
+    "redis_jy_name": "jy_log",
+    "redisdelkey1": "jypcdetail_",
+    "redisdelkey2": "jypcdetail__rec",
+    "redisdelkey3": "jypcdetail__rec_vip_",
+    "redisdelkey4": "jypcdetail__rec_vip__entniche_",
+    "redisdelkey5": "jypcdetail__rec_entniche_",
+    "redis_jy_save": "title_repeat_fulljudgement=127.0.0.1:1579,shaid=127.0.0.1:1479"
+  },
+  "jy_pro": {
+    "mgodb": "192.168.3.207:27092",
+    "dbsize": 5,
+    "dbname": "wjh",
+    "coll": "jh_project"
+  },
+  "jy_pro_node": {
+    "addr": "127.0.0.1",
+    "port": 1482,
+    "memo": "修改项目"
+  },
+  "indexNode": {
+    "addr": "127.0.0.1",
+    "port": 1483,
+    "stype": "biddingall",
+    "memo": "生索引"
+  }
+}

src/filter/filter.go

@@ -0,0 +1,18 @@
+package filter
+
+import (
+	"log"
+	"regexp"
+
+	"github.com/go-xweb/xweb"
+)
+
+func init() {
+	log.Println("过滤器")
+	matchUrl := make([]*regexp.Regexp, 0)
+	filter, _ := regexp.Compile("/(front|service)")
+	matchUrl = append(matchUrl, filter)
+	xweb.AddFilter(&sessfilter{App: xweb.RootApp(), SessionName: "user",
+		MatchUrl: matchUrl})
+
+}

src/filter/sessfilter.go

@@ -0,0 +1,39 @@
+package filter
+
+import (
+	"github.com/go-xweb/xweb"
+	"net/http"
+	"regexp"
+)
+
+//session过滤器
+type sessfilter struct {
+	App         *xweb.App
+	SessionName string
+	MatchUrl    []*regexp.Regexp
+}
+
+//实现过滤器方法
+func (s *sessfilter) Do(w http.ResponseWriter, req *http.Request) bool {
+	requestPath := req.URL.Path
+	b := true
+	for _, cr := range s.MatchUrl {
+		if !cr.MatchString(requestPath) {
+			continue
+		}
+		b = false
+		session := s.App.SessionManager.Session(req, w)
+		loginuser := session.Get(s.SessionName)
+		has := (loginuser != nil && loginuser != "")
+		if has {
+			b = true
+		} else {
+			b = false
+		}
+		break
+	}
+	if !b {
+		s.App.Redirect(w, requestPath, "/")
+	}
+	return b
+}

src/front/front.go

@@ -0,0 +1,218 @@
+package front
+
+import (
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+	"go.mongodb.org/mongo-driver/bson/primitive"
+	"mongodb"
+	qu "qfw/util"
+	"strconv"
+	"time"
+	. "util"
+)
+
+var UserMenu map[string][]map[string]interface{} //存储菜单
+func init() {
+	UserMenu = make(map[string][]map[string]interface{})
+}
+
+type Front struct {
+	*xweb.Action
+	login     xweb.Mapper `xweb:"/"`                //登录页面
+	index     xweb.Mapper `xweb:"/front/index"`     //index页面
+	logout    xweb.Mapper `xweb:"/front/logout"`    //注销
+	updatePwd xweb.Mapper `xweb:"/front/updatepwd"` //更新密码
+	//user
+	user     xweb.Mapper `xweb:"/front/user"`      //查所有用户
+	userDel  xweb.Mapper `xweb:"/front/user/del"`  //删除用户
+	userSave xweb.Mapper `xweb:"/front/user/save"` //保存用户
+	//menu
+	menu           xweb.Mapper `xweb:"/front/menu"`            //查一级菜单
+	menuSave       xweb.Mapper `xweb:"/front/menu/save"`       //保存一级菜单
+	menuDel        xweb.Mapper `xweb:"/front/menu/del"`        //删除一级菜单
+	menuSecond     xweb.Mapper `xweb:"/front/menuSecond"`      //查二级菜单
+	menuSecondSave xweb.Mapper `xweb:"/front/menuSecond/save"` //保存二级菜单
+	menuSecondDel  xweb.Mapper `xweb:"/front/menuSecond/del"`  //删除二级菜单
+	personalMenu   xweb.Mapper `xweb:"/front/personalMenu"`
+	//role
+	roleManager    xweb.Mapper `xweb:"/front/role"`             //角色权限管理
+	roleNew        xweb.Mapper `xweb:"/front/role/save"`        //新增角色
+	roleEdit       xweb.Mapper `xweb:"/front/role/edit/(.*)"`   //角色权限查看
+	roleFirst      xweb.Mapper `xweb:"/front/role/first"`       //一级权限的查看
+	roleSecond     xweb.Mapper `xweb:"/front/role/second"`      //二级权限的查看
+	roleSave       xweb.Mapper `xweb:"/front/role/edit/save"`   //权限编辑保存
+	roleDel        xweb.Mapper `xweb:"/front/role/edit/del"`    //权限编辑删除
+	roleSecondEdit xweb.Mapper `xweb:"/front/role/second/edit"` //二级权限编辑
+
+}
+
+func (f *Front) Login() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		email := f.GetString("email")
+		password := f.GetString("pwd")
+		//f.SetSession("password", password)
+		passwordEn := qu.SE.EncodeString(password)
+		query := bson.M{
+			"s_email": email,
+			"s_pwd":   passwordEn,
+		}
+		user, _ := Mgo.FindOne("user", query)
+		checked := false
+		if user != nil && len(*user) > 0 {
+			checked = true
+			f.SetSession("user", map[string]interface{}{
+				"name":  (*user)["s_name"],
+				"role":  (*user)["s_role"],
+				"pwd":   password,
+				"email": email,
+				"id":    mongodb.BsonIdToSId((*user)["_id"]),
+			})
+			UserMenu[email] = GetUserMenu(qu.ObjToString((*user)["s_role"]))
+		}
+		f.ServeJson(map[string]interface{}{
+			"checked": checked,
+		})
+	} else {
+		f.Render("login.html")
+	}
+}
+
+func (f *Front) Index() {
+	defer qu.Catch()
+	f.Render("index.html")
+}
+
+func (f *Front) Logout() {
+	f.DelSession("user")
+	f.Redirect("/")
+}
+
+func (f *Front) UpdatePwd() {
+	defer qu.Catch()
+	id := f.GetString("id")
+	password := f.GetString("pwd")
+	set := bson.M{
+		"$set": bson.M{
+			"s_pwd": qu.SE.EncodeString(password),
+		},
+	}
+	if Mgo.UpdateById("user", id, set) {
+		sessionuser := f.GetSession("user").(map[string]interface{})
+		sessionuser["pwd"] = password
+		f.SetSession("user", sessionuser)
+	}
+
+}
+
+func (f *Front) User() {
+	defer qu.Catch()
+	role, _ := Mgo.Find("role", nil, nil, nil, false, -1, -1)
+	roleMap := make(map[string]string)
+	for _, v := range *role {
+		level := qu.ObjToString(v["level"])
+		if level != "" {
+			roleMap[level] = qu.ObjToString(v["name"])
+		}
+	}
+	if f.Method() == "POST" {
+		query := bson.M{
+			"s_role": bson.M{
+				"$ne": "0",
+			},
+		}
+		data, _ := Mgo.Find("user", query, `{"_id":1}`, nil, false, -1, -1)
+		for _, d := range *data {
+			d["s_pwd"] = qu.SE.DecodeString(qu.ObjToString(d["s_pwd"]))
+			d["role_name"] = roleMap[qu.ObjToString(d["s_role"])]
+		}
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.T["role"] = roleMap
+		f.Render("com/user.html", &f.T)
+	}
+}
+
+func (f *Front) UserDel() {
+	defer qu.Catch()
+	_id := f.GetString("_id")
+	query := bson.M{
+		"_id": mongodb.StringTOBsonId(_id),
+	}
+	b := Mgo.Del("user", query)
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (f *Front) UserSave() {
+	_id := f.GetString("_id")
+	role := f.GetString("role")
+	name := f.GetString("name")
+	email := f.GetString("email")
+	pwd := f.GetString("pwd")
+	set := bson.M{
+		"$set": bson.M{
+			"s_role":       role,
+			"s_name":       name,
+			"s_email":      email,
+			"s_pwd":        qu.SE.EncodeString(pwd),
+			"i_comeintime": time.Now().Unix(),
+		},
+	}
+	query := bson.M{
+		"_id": mongodb.StringTOBsonId(_id),
+	}
+	if _id == "" {
+		query = bson.M{
+			"_id": primitive.NewObjectID(),
+		}
+	}
+
+	b := Mgo.Update("user", query, set, true, false)
+	//b := Mgo.UpdateById("user", _id, set)
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (f *Front) PersonalMenu() {
+	user := f.GetSession("user").(map[string]interface{})
+	list := UserMenu[qu.ObjToString(user["email"])]
+	f.ServeJson(map[string]interface{}{
+		"data": list,
+	})
+}
+
+func GetUserMenu(role string) []map[string]interface{} {
+	list := []map[string]interface{}{}
+	maps := map[string]interface{}{
+		"delete": false,
+	}
+	if role != "0" {
+		maps["role."+role] = true
+	}
+	data, _ := Mgo.Find("menu_first", maps, nil, nil, false, -1, -1)
+	for _, d := range *data {
+		_id := d["_id"]
+		maps = map[string]interface{}{
+			"delete": false,
+			"s_pid":  mongodb.BsonIdToSId(_id),
+		}
+		if role != "0" {
+			maps["role."+role] = true
+		}
+		secdatas, _ := Mgo.Find("menu_second", maps, nil, nil, false, -1, -1)
+		secmenumap := map[string]interface{}{}
+		for index, secdata := range *secdatas {
+			secmenumap[strconv.Itoa(index+1)] = secdata
+		}
+		if len(secmenumap) != 0 {
+			d["secondmenu"] = secmenumap
+		}
+		list = append(list, d)
+	}
+	return list
+}

src/front/logic.go

@@ -0,0 +1,73 @@
+package front
+
+import (
+	qu "qfw/util"
+	"time"
+	. "util"
+)
+
+func (f *Front) LogicManager() {
+	defer qu.Catch()
+	f.Render("com/logic_list.html")
+}
+
+func (f *Front) LogicPre() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("logic", nil, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.Render("com/logic_pre.html")
+	}
+}
+
+func (f *Front) LogicMatch() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("logic", nil, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.Render("com/logic_match.html")
+	}
+}
+
+func (f *Front) LogicClean() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("logic", nil, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.Render("com/logic_clean.html")
+	}
+}
+
+func (f *Front) LogicPreSav() {
+	defer qu.Catch()
+	_id := f.GetString("_id")
+	data := GetPostForm(f.Request)
+	b := false
+	if _id == "" {
+		data["delete"] = false
+		data["l_comeintime"] = time.Now().Unix()
+		data["i_type"] = 0
+		//session := f.GetSession("user").(map[string]interface{})
+		//data["s_username"] = session["name"].(string)
+		//data["s_userid"] = session["id"].(string)
+		//data["i_runstate"] = 0
+		b = Mgo.Save("logic", data) != ""
+	} else {
+		data["l_lasttime"] = time.Now().Unix()
+		b = Mgo.Update("logic", `{"_id":"`+_id+`"}`, map[string]interface{}{
+			"$set": data,
+		}, false, false)
+	}
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}

src/front/menu.go

@@ -0,0 +1,143 @@
+package front
+
+import (
+	"go.mongodb.org/mongo-driver/bson/primitive"
+	"mongodb"
+	qu "qfw/util"
+	"time"
+
+	. "util"
+
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+func (f *Front) Menu() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("menu_first", `{"delete":false}`, `{"_id":1}`, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.Render("com/menu_first.html")
+	}
+}
+
+func (f *Front) MenuSave() {
+	defer qu.Catch()
+	name := f.GetString("name")
+	href := f.GetString("href")
+	css := f.GetString("css")
+	id := f.GetString("id")
+	query := bson.M{
+		"_id":    mongodb.StringTOBsonId(id),
+		"delete": false,
+	}
+	if id == "" {
+		query = bson.M{
+			"_id":    primitive.NewObjectID(),
+			"delete": false,
+		}
+	}
+	set := bson.M{
+		"$set": bson.M{
+			"s_name":       name,
+			"s_href":       href,
+			"s_css":        css,
+			"delete":       false,
+			"i_comeintime": time.Now().Unix(),
+		},
+	}
+	b := Mgo.Update("menu_first", query, set, true, false)
+	if b {
+		f.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+func (f *Front) MenuDel() {
+	defer qu.Catch()
+	_id := f.GetString("_id")
+	query := bson.M{
+		"_id": mongodb.StringTOBsonId(_id),
+	}
+	set := bson.M{
+		"$set": bson.M{
+			"delete": true,
+		},
+	}
+	b := Mgo.Update("menu_first", query, set, false, false)
+	if b { //删除一级菜单下的二级菜单
+		Mgo.Update("menu_second", `{"s_pid":"`+_id+`"}`, set, false, true)
+	}
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (f *Front) MenuSecond() {
+	defer qu.Catch()
+	id := f.GetString("id")
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("menu_second", `{"s_pid":"`+id+`","delete":false}`, `{"_id":1}`, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.T["id"] = id
+		f.Render("com/menu_second.html", &f.T)
+	}
+}
+
+func (f *Front) MenuSecondSave() {
+	defer qu.Catch()
+	name := f.GetString("name")
+	href := f.GetString("href")
+	css := f.GetString("css")
+	id := f.GetString("id")
+	pid := f.GetString("pid")
+	query := bson.M{
+		"_id":    mongodb.StringTOBsonId(id),
+		"delete": false,
+	}
+	if id == "" {
+		query = bson.M{
+			"_id":    primitive.NewObjectID(),
+			"delete": false,
+		}
+	}
+	set := bson.M{
+		"$set": bson.M{
+			"s_name":       name,
+			"s_href":       href,
+			"s_css":        css,
+			"delete":       false,
+			"s_pid":        pid,
+			"i_comeintime": time.Now().Unix(),
+		},
+	}
+	b := Mgo.Update("menu_second", query, set, true, false)
+	if b {
+		f.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+func (f *Front) MenuSecondDel() {
+	defer qu.Catch()
+	_id := f.GetString("_id")
+	query := bson.M{
+		"_id": mongodb.StringTOBsonId(_id),
+	}
+	set := bson.M{
+		"$set": bson.M{
+			"delete": true,
+		},
+	}
+	b := Mgo.Update("menu_second", query, set, false, false)
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}

src/front/role.go

@@ -0,0 +1,222 @@
+package front
+
+import (
+	"encoding/json"
+	"go.mongodb.org/mongo-driver/bson"
+	"mongodb"
+	qu "qfw/util"
+	. "util"
+)
+
+func (f *Front) RoleManager() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		data, _ := Mgo.Find("role", nil, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.Render("com/role.html")
+	}
+}
+
+func (f *Front) RoleNew() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		name := f.GetString("role_name")
+		level := f.GetString("role_level")
+		_id := f.GetString("_id")
+		if _id != "" {
+			set := bson.M{
+				"$set": bson.M{
+					"name":  name,
+					"level": level,
+				},
+			}
+			bol := Mgo.UpdateById("role", mongodb.StringTOBsonId(_id), set)
+			if bol {
+				f.ServeJson(map[string]interface{}{
+					"rep": true,
+				})
+			}
+		} else {
+			_id := Mgo.Save("role", bson.M{"name": name, "level": level})
+			if _id != "" {
+				f.ServeJson(map[string]interface{}{
+					"rep": true,
+				})
+			}
+		}
+	} else {
+		f.Render("com/role.html")
+	}
+}
+
+func (f *Front) RoleEdit(role string) {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		maps := map[string]interface{}{
+			"role." + role: true,
+		}
+		data, _ := Mgo.Find("menu_first", maps, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		f.T["role"] = role
+		f.Render("com/role_edit.html", &f.T)
+	}
+}
+
+func (f *Front) RoleFirst() {
+	defer qu.Catch()
+	data, _ := Mgo.Find("menu_first", `{"delete":false}`, nil, nil, false, -1, -1)
+	f.ServeJson(map[string]interface{}{
+		"data": data,
+	})
+}
+
+func (f *Front) RoleSecond() {
+	defer qu.Catch()
+	pid := f.GetString("_pid")
+	query := bson.M{
+		"s_pid": pid,
+	}
+	data, _ := Mgo.Find("menu_second", query, nil, nil, false, -1, -1)
+	f.ServeJson(map[string]interface{}{
+		"data": data,
+	})
+}
+
+func (f *Front) RoleSave() {
+	defer qu.Catch()
+	pid := f.GetString("_id")
+	role := f.GetString("role")
+	secondStr := f.GetString("secondStr")   //右边 选中的
+	secondStr1 := f.GetString("secondStr1") //左边 未选中的
+
+	secondmenus := make([]string, 0)
+	secondmenus1 := make([]string, 0)
+	s_id := json.Unmarshal([]byte(secondStr), &secondmenus)
+	s_id1 := json.Unmarshal([]byte(secondStr1), &secondmenus1)
+
+	if s_id == nil && s_id1 == nil {
+		for _, v := range secondmenus {
+			maps := map[string]interface{}{
+				"_id": mongodb.StringTOBsonId(v),
+			}
+			data := map[string]interface{}{
+				"role." + role: true,
+			}
+			data1 := map[string]interface{}{
+				"$set": data,
+			}
+			Mgo.Update("menu_second", maps, data1, true, false)
+		}
+		for _, v := range secondmenus1 {
+			maps := map[string]interface{}{
+				"_id": mongodb.StringTOBsonId(v),
+			}
+			data := map[string]interface{}{
+				"role." + role: false,
+			}
+			data1 := map[string]interface{}{
+				"$set": data,
+			}
+			Mgo.Update("menu_second", maps, data1, true, false)
+		}
+	}
+	b := false
+	if (len(secondmenus) == 0 && len(secondmenus1) == 0) || (len(secondmenus) > 0) {
+		maps := map[string]interface{}{
+			"_id": mongodb.StringTOBsonId(pid),
+		}
+		data := map[string]interface{}{
+			"role." + role: true,
+		}
+		data1 := map[string]interface{}{
+			"$set": data,
+		}
+		b = Mgo.Update("menu_first", maps, data1, true, false)
+	}
+	if len(secondmenus) == 0 && len(secondmenus1) > 0 {
+		maps := map[string]interface{}{
+			"_id": mongodb.StringTOBsonId(pid),
+		}
+		data := map[string]interface{}{
+			"role." + role: false,
+		}
+		data1 := map[string]interface{}{
+			"$set": data,
+		}
+		b = Mgo.Update("menu_first", maps, data1, true, false)
+	}
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (f *Front) RoleDel() {
+	defer qu.Catch()
+	_id := f.GetString("_id")
+	role := f.GetString("role")
+	maps := map[string]interface{}{
+		"_id": mongodb.StringTOBsonId(_id),
+	}
+	data := map[string]interface{}{
+		"role." + role: false,
+	}
+	data1 := map[string]interface{}{
+		"$set": data,
+	}
+	b := Mgo.Update("menu_first", maps, data1, true, false)
+	maps = map[string]interface{}{
+		"s_pid": _id,
+	}
+	count, _ := Mgo.Find("menu_second", maps, nil, nil, false, -1, -1)
+	if len(*count) != 0 {
+		for _, c := range *count {
+			maps = map[string]interface{}{
+				"_id": c["_id"],
+			}
+			Mgo.Update("menu_second", maps, data1, true, false)
+		}
+	}
+	f.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (f *Front) RoleSecondEdit() {
+	defer qu.Catch()
+	menuid := f.GetString("_id")
+	mark := f.GetString("mark")
+	role := f.GetString("role")
+	if mark == "" {
+		maps := map[string]interface{}{
+			"s_pid": menuid,
+		}
+		datas, _ := Mgo.Find("menu_second", maps, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"data": datas,
+		})
+	} else {
+		maps := map[string]interface{}{
+			"s_pid":        menuid,
+			"role." + role: true,
+		}
+		data, _ := Mgo.Find("menu_second", maps, nil, nil, false, -1, -1)
+		maps1 := map[string]interface{}{
+			"s_pid":        menuid,
+			"role." + role: false,
+		}
+		name, _ := Mgo.FindById("menu_first", menuid, `{s_name:1}`)
+		s_name := (*name)["s_name"]
+		data1, _ := Mgo.Find("menu_second", maps1, nil, nil, false, -1, -1)
+		f.ServeJson(map[string]interface{}{
+			"name":  s_name,
+			"data":  data,
+			"data1": data1,
+		})
+	}
+}

src/main.go

@@ -0,0 +1,51 @@
+package main
+
+import (
+	_ "filter"
+	"front"
+	"log"
+	qu "qfw/util"
+	"service"
+	"time"
+	. "udptask"
+	"util"
+
+	"github.com/go-xweb/xweb"
+)
+
+func init() {
+	qu.ReadConfig(&util.Sysconfig) //初始化配置
+	util.InitMgoPool()             //初始化连接
+	util.InitOther()
+	InitUdp()
+	//xweb框架配置
+	xweb.Config.RecoverPanic = true
+	xweb.Config.Profiler = true
+	xweb.RootApp().AppConfig.TemplateDir = "web/templates"
+	xweb.RootApp().AppConfig.StaticDir = "web/res"
+	xweb.RootApp().AppConfig.StaticFileVersion = false
+	xweb.RootApp().AppConfig.CheckXsrf = false
+	xweb.RootApp().AppConfig.ReloadTemplates = true
+	xweb.RootApp().AppConfig.EnableHttpCache = false
+	xweb.RootApp().AppConfig.Mode = xweb.Product
+	xweb.RootApp().AppConfig.CacheTemplates = false
+	xweb.AddAction(&front.Front{})
+	xweb.AddAction(&service.Rule{})
+	xweb.AddAction(&service.CommonRule{})
+	xweb.AddAction(&service.TagRule{})
+	xweb.AddAction(&service.Feedback{})
+	xweb.AddAction(&service.Private{})
+	xweb.AddAction(&service.TaskRule{})
+	xweb.AddAction(&service.RepairRule{})
+	xweb.AddAction(&service.Customer{})
+	xweb.RootApp().AppConfig.SessionTimeout = 1 * time.Hour
+	xweb.RootApp().Logger.SetOutputLevel(1)
+
+	//xweb.AddTmplVar("add", func(a, b int) int { return a + b })
+	//InitTask("5ecf56ed92b4ee16ffd7e21e")
+}
+
+func main() {
+	log.Println("port:", util.Sysconfig["port"])
+	xweb.Run(":" + qu.ObjToString(util.Sysconfig["port"]))
+}

src/models/tag.go

@@ -0,0 +1,53 @@
+package models
+
+import (
+	"go.mongodb.org/mongo-driver/bson/primitive"
+)
+
+type Tag struct {
+	Id                   primitive.ObjectID `json:"_id" bson:"_id"`
+	Scustomer            string        `json:"s_customer" bson:"s_customer"`
+	Scustomerkey         string        `json:"s_customerkey" bson:"s_customerkey"`
+	Scustomername        string        `json:"s_customername" bson:"s_customername"`
+	Stagname             string        `json:"s_tagname" bson:"s_tagname"`
+	Stagnamekey          string        `json:"s_tagnamekey" bson:"s_tagnamekey"`
+	Ssalesperson         string        `json:"s_salesperson" bson:"s_salesperson"`
+	Istarttime           int           `json:"i_starttime" bson:"i_starttime"`
+	Iendtime             int           `json:"i_endtime" bson:"i_endtime"`
+	Sarea                string        `json:"s_area" bson:"s_area"`
+	Scity                string        `json:"s_city" bson:"s_city"`
+	Sdistrict            string        `json:"s_district" bson:"s_district"`
+	Sbudget              string        `json:"s_budgetlimit" bson:"s_budgetlimit"`
+	Sbidamount           string        `json:"s_bidamountlimit" bson:"s_bidamountlimit"`
+	Sglobaladdkey        string        `json:"s_globaladdkey" bson:"s_globaladdkey"`
+	Sglobaladdkeymatch   string        `json:"s_globaladdkeymatch" bson:"s_globaladdkeymatch"`
+	Sglobalnotkey        string        `json:"s_globalnotkey" bson:"s_globalnotkey"`
+	Sglobalnotkeymatch   string        `json:"s_globalnotkeymatch" bson:"s_globalnotkeymatch"`
+	Stoptype             string        `json:"s_toptype" bson:"s_toptype"`
+	Ssubtype             string        `json:"s_subtype" bson:"s_subtype"`
+	Sglobalbuyerclass    string        `json:"s_globalbuyerclass" bson:"s_globalbuyerclass"`
+	Sglobalsubscopeclass string        `json:"s_globalsubscopeclass" bson:"s_globalsubscopeclass"`
+	Sglobaltopscopeclass string        `json:"s_globaltopscopeclass" bson:"s_globaltopscopeclass"`
+	Orules               []ORules      `json:"o_rules" bson:"s_buyerclass"`
+	Sexistfields         string        `json:"s_existfields" bson:"s_existfields"`
+	Imaxnum              int           `json:"i_maxnum" bson:"i_maxnum"`
+	Iextfieldstype       int           `json:"i_extfieldstype" bson:"i_extfieldstype"`
+	Sesquery             string        `json:"s_esquery" bson:"s_esquery"`
+	Iesquerytype         int           `json:"i_esquerytype" bson:"i_esquerytype"`
+	Sdataid              string        `json:"s_dataid" bson:"s_dataid"`
+	Icreatetime          int           `json:"i_createtime" bson:"i_createtime"`
+	Iupdatetime          int           `json:"i_updatetime" bson:"i_updatetime"`
+	Screateuser          string        `json:"s_createuser" bson:"s_createuser"`
+	Supdateuser          string        `json:"s_updateuser" bson:"s_updateuser"`
+}
+type ORules struct {
+	Smatchkey      string `json:"s_matchkey"  bson:"s_matchkey"`
+	Skeymatch      string `json:"s_keymatch" bson:"s_keymatch"`
+	Saddkey        string `json:"s_addkey" bson:"s_addkey"`
+	Saddkeymatch   string `json:"s_addkeymatch" bson:"s_addkeymatch"`
+	Snotkey        string `json:"s_notkey" bson:"s_notkey"`
+	Snotkeymatch   string `json:"s_notkeymatch" bson:"s_notkeymatch"`
+	Stopscopeclass string `json:"s_topscopeclass" bson:"s_topscopeclass"`
+	Ssubscopeclass string `json:"s_subscopeclass" bson:"s_subscopeclass"`
+	Sbuyerclass    string `json:"s_buyerclass" bson:"s_buyerclass"`
+}

src/service/common_rule.go

@@ -0,0 +1,337 @@
+package service
+
+import (
+	"encoding/json"
+	"fmt"
+	"io"
+	"mongodb"
+	"net/http"
+	"os"
+	qu "qfw/util"
+	"strconv"
+	"strings"
+	"time"
+	. "util"
+
+	"github.com/go-xweb/xweb"
+	"github.com/lauyoume/gopinyin"
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+type CommonRule struct {
+	*xweb.Action
+	//rule
+	ruleList     xweb.Mapper `xweb:"/service/common_rule/list"`         //标签列表
+	ruleCreate   xweb.Mapper `xweb:"/service/common_rule/create"`       //新建标签
+	ruleDel      xweb.Mapper `xweb:"/service/common_rule/del"`          //删除标签
+	ruleEdit     xweb.Mapper `xweb:"/service/common_rule/edit"`         //编辑标签
+	ruleSave     xweb.Mapper `xweb:"/service/common_rule/save"`         //保存标签
+	archive      xweb.Mapper `xweb:"/service/common_rule/archive"`      //存档
+	productData  xweb.Mapper `xweb:"/service/common_rule/produce"`      //生成预览数据
+	downloadData xweb.Mapper `xweb:"/service/common_rule/downloadata"`  //下载数据
+	downloadRule xweb.Mapper `xweb:"/service/common_rule/downloadrule"` //下载标签
+	demoData     xweb.Mapper `xweb:"/service/common_rule/preview"`      //预览数据
+	exportEs     xweb.Mapper `xweb:"/service/common_rule/exportes"`     //"go.mongodb.org/mongo-driver/bson"es
+}
+
+func (r *CommonRule) RuleList() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		start, _ := r.GetInteger("start")
+		limit, _ := r.GetInteger("length")
+		draw, _ := r.GetInteger("draw")
+		searchStr := r.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_tagname": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("tags_common", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("tags_common", query)
+		r.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		r.T["preview_href"] = PreviewHref
+		r.Render("private/common_rule_list.html", &r.T)
+	}
+}
+
+func (r *CommonRule) RuleCreate() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+
+	} else {
+		r.T["province"] = Province
+		r.T["city"] = ProvinceCitys
+		r.T["district"] = CityDistricts
+		r.T["topTypeArr"] = TopTypeArr
+		r.T["subTypeArr"] = SubTypeMap
+		r.T["matchTypeMap"] = MatchTypeMap
+		r.T["existField"] = ExistFiled
+		r.T["buyerClass"] = BuyerClass
+		r.T["scopeClass"] = ScopeClassMap
+		r.Render("private/common_rule_create.html", &r.T)
+	}
+}
+
+func (r *CommonRule) RuleDel() {
+	defer qu.Catch()
+	_id := r.GetString("_id")
+	s_dataid := r.GetString("s_dataid")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("tags_common", _id, set)
+	Mgo.Update("feedback", bson.M{"s_dataid": s_dataid}, bson.M{"$set": bson.M{"b_tagdel": true}}, false, false)
+	r.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (r *CommonRule) RuleEdit() {
+	defer qu.Catch()
+	id := r.GetString("id")         //标签列表编辑
+	dataid := r.GetString("dataid") //反馈列表编辑
+	query := bson.M{}
+	if id != "" {
+		query["_id"] = mongodb.StringTOBsonId(id)
+	} else if dataid != "" {
+		query["s_dataid"] = dataid
+	}
+	data, _ := Mgo.FindOneByField("tags_common", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	r.T["data"] = *data
+	r.T["province"] = Province
+	r.T["city"] = ProvinceCitys
+	r.T["district"] = CityDistricts
+	r.T["topTypeArr"] = TopTypeArr
+	r.T["subTypeArr"] = SubTypeMap
+	r.T["matchTypeMap"] = MatchTypeMap
+	r.T["existField"] = ExistFiled
+	r.T["buyerClass"] = BuyerClass
+	r.T["scopeClass"] = ScopeClassMap
+	r.Render("private/common_rule_edit.html", &r.T)
+}
+
+func (r *CommonRule) RuleSave() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		user := r.GetSession("user").(map[string]interface{})
+		data := GetPostForm(r.Request)
+		id := data["id"].(string)
+		delete(data, "id")
+		o_rules := []map[string]interface{}{}
+		o_rulesStr := data["o_rules"].(string)
+		json.Unmarshal([]byte(o_rulesStr), &o_rules)
+		data["o_rules"] = o_rules
+		if qu.IntAll(data["i_esquerytype"]) == 1 { //自动生成es
+			data["s_esquery"] = Utiltags(data)
+		}
+		i_createtime := time.Now().Unix()
+		data["i_updatetime"] = i_createtime
+		data["s_updateuser"] = user["name"]
+		if id == "" { //新建
+			data["i_createtime"] = i_createtime
+			data["s_createuser"] = user["name"]
+			s_tagnamekey := gopinyin.Convert(qu.ObjToString(data["s_tagname"]), false)
+			data["s_tagnamekey"] = s_tagnamekey
+			data["b_delete"] = false
+			data["s_dataid"] = qu.SE.EncodeString(fmt.Sprintf("%v", i_createtime) + qu.ObjToString(data["s_tagfield"]) + s_tagnamekey)
+		}
+		id, rep := updateDbXf1(id, data)
+		r.ServeJson(map[string]interface{}{
+			"id":        id,
+			"s_esquery": data["s_esquery"],
+			"rep":       rep,
+			"s_dataid":  data["s_dataid"],
+		})
+	}
+}
+
+func (r *CommonRule) ExportEs() {
+	defer qu.Catch()
+	id := r.GetString("id")
+	if id == "" {
+		return
+	}
+	w := r.ResponseWriter
+	tag, _ := Mgo.FindById("tags_common", id, `{}`)
+	s_esquery := (*tag)["s_esquery"].(string)
+	createEsJosn(s_esquery)
+	file, err := os.Open("./es.json")
+	defer file.Close()
+	if err != nil {
+		r.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+		return
+	}
+	fileHeader := make([]byte, 512)
+	file.Read(fileHeader)
+	fileStat, _ := file.Stat()
+	w.Header().Set("Content-Disposition", "attachment; filename=./es.json")
+	w.Header().Set("Content-Type", http.DetectContentType(fileHeader))
+	w.Header().Set("Content-Length", strconv.FormatInt(fileStat.Size(), 10))
+	file.Seek(0, 0)
+	io.Copy(w, file)
+	return
+}
+
+func createEsJosn1(es string) {
+	defer qu.Catch()
+	jmap := make(map[string]interface{})
+	err := json.Unmarshal([]byte(es), &jmap)
+	if err != nil {
+		fmt.Println("S_esquery To Json Err:", err)
+		return
+	}
+	fp, err := os.Create("./es.json")
+	if err != nil {
+		return
+	}
+	defer fp.Close()
+	j, _ := json.Marshal(jmap)
+	_, err = fp.Write(j)
+	if err != nil {
+		return
+	}
+}
+
+func updateDbXf1(id string, rdata map[string]interface{}) (rid string, rep bool) {
+	defer qu.Catch()
+	if id == "" {
+		rid = Mgo.Save("tags_common", rdata)
+		if rid != "" {
+			rep = true
+		} else {
+			rep = false
+		}
+	} else {
+		rid = id
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		rep = Mgo.Update("tags_common", query, bson.M{"$set": rdata}, false, false)
+	}
+	return
+}
+
+func (r *CommonRule) DemoData() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		sDataid := r.GetString("s_dataid")
+		start, _ := r.GetInteger("start")
+		limit, _ := r.GetInteger("length")
+		draw, _ := r.GetInteger("draw")
+		query := bson.M{
+			"s_dataid": sDataid,
+		}
+		data, _ := Mgo.Find("tagsdata", query, `{"publishtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("tagsdata", query)
+		for _, v := range *data {
+			if v["budget"] != nil {
+				v["budget"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["budget"])/10000))
+			}
+			if v["bidamount"] != nil {
+				v["bidamount"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["bidamount"])/10000))
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"data":            data,
+			"draw":            draw,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	}
+}
+func (r *CommonRule) ProductData() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		rep := false
+		id := r.GetString("id")
+		tag, _ := Mgo.FindById("tags_common", id, `{}`)
+		err, count := UtilEsFind(*tag)
+		qu.Debug(err)
+		if err == nil {
+			rep = true
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep":   rep,
+			"count": count,
+		})
+	}
+}
+
+func (r *CommonRule) Archive() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		rep := false
+		_id := r.GetString("_id")
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(_id),
+		}
+		tag, _ := Mgo.FindOne("tags_common", query)
+		if len(*tag) > 0 {
+			user := r.GetSession("user").(map[string]interface{})
+			histoty, _ := Mgo.FindOne("tags_history", `{"s_tagid":"`+_id+`"}`)
+			s_state := "创建"
+			if len(*histoty) > 0 { //该id已有记录
+				s_state = "变更"
+			}
+			(*tag)["s_tagid"] = _id                    //tags表id
+			(*tag)["s_state"] = s_state                //状态
+			(*tag)["l_changetime"] = time.Now().Unix() //变更时间
+			(*tag)["s_changeperson"] = user["name"]
+			id := Mgo.Save("tags_history", tag)
+			if id != "" {
+				rep = true
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep": rep,
+		})
+	}
+}
+func (r *CommonRule) DownloadData() {
+	defer qu.Catch()
+	dataId := r.GetString("s_dataid")
+	if path := ResponseXlsx_Data(dataId); path == "" {
+		r.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		r.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		r.ServeFile(path)
+		go func(path string) {
+			time.Sleep(300000)
+			os.Remove(path)
+		}(path)
+	}
+}
+
+func (r *CommonRule) DownloadRule() {
+	defer qu.Catch()
+	id := r.GetString("id")
+	path := ResponseXlsx_Rule(id, "common")
+	if path == "" {
+		r.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		r.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		r.ServeFile(path)
+		go func(path string) {
+			time.Sleep(time.Minute * 3)
+			os.Remove(path)
+		}(path)
+	}
+}

src/service/customer_service.go

@@ -0,0 +1,882 @@
+package service
+
+import (
+	"encoding/json"
+	"fmt"
+	"github.com/go-xweb/xweb"
+	"github.com/lauyoume/gopinyin"
+	"go.mongodb.org/mongo-driver/bson"
+	"io/ioutil"
+	"mongodb"
+	"net/http"
+	"os"
+	qu "qfw/util"
+	"strings"
+	"time"
+	. "util"
+)
+
+type Customer struct {
+	*xweb.Action
+	customerList   xweb.Mapper `xweb:"/service/customer/list"`
+	customerCreate xweb.Mapper `xweb:"/service/customer/create"`
+	customerEdit   xweb.Mapper `xweb:"/service/customer/edit"`
+	customerEuser  xweb.Mapper `xweb:"/service/customer/euser"`
+	customerSave   xweb.Mapper `xweb:"/service/customer/save"`
+	customerDel    xweb.Mapper `xweb:"/service/customer/del"`
+	setupDepart    xweb.Mapper `xweb:"/service/customer/setup"`
+
+	departDel  xweb.Mapper `xweb:"/service/depart/del"`
+	departEdit xweb.Mapper `xweb:"/service/depart/edit"`
+
+	//转企
+	cuserToEuser xweb.Mapper `xweb:"/service/cuser/converted"`
+	//同步
+	synEuser xweb.Mapper `xweb:"/service/euser/synchronous"`
+	//企业客户
+	entEuserList xweb.Mapper `xweb:"/service/entCustomer/list"`
+
+	cuserRule       xweb.Mapper `xweb:"/service/cuser/rule/list"` //规则列表	部门
+	euserRule       xweb.Mapper `xweb:"/service/euser/rule/list"`
+	cuserRuleCreate xweb.Mapper `xweb:"/service/cuser/rule/create"` //新建规则
+	cuserRuleEdit   xweb.Mapper `xweb:"/service/cuser/rule/Edit"`
+	euserRule1      xweb.Mapper `xweb:"/service/euser/rule"`
+	cuserRuleDel    xweb.Mapper `xweb:"/service/cuser/rule/Del"`
+	cuserRuleSetup  xweb.Mapper `xweb:"/service/cuser/rule/setup"`
+	downloadRule    xweb.Mapper `xweb:"/service/cuser/rule/downloadrule"` //下载标签
+	downloadData    xweb.Mapper `xweb:"/service/cuser/rule/downloadata"`  //下载数据
+	productData     xweb.Mapper `xweb:"/service/cuser/produce"`           //生成预览数据
+	//企业标签
+	euserTagEdit  xweb.Mapper `xweb:"/service/euser/tag/edit"`
+	euserTag      xweb.Mapper `xweb:"/service/euser/tag"`
+	euserImport   xweb.Mapper `xweb:"/service/esuer/tag/import"`
+	tagSetup      xweb.Mapper `xweb:"/service/euser/tag/setup"`
+	tagDel        xweb.Mapper `xweb:"/service/euser/tag/del"`
+	cuserRuleList xweb.Mapper `xweb:"/service/tag/ruleList"`         //规则列表	客户
+	tagAssociated xweb.Mapper `xweb:"/service/euser/tag/associated"` //私有标签关联规则
+}
+
+func (c *Customer) CustomerList() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		start, _ := c.GetInteger("start")
+		limit, _ := c.GetInteger("length")
+		draw, _ := c.GetInteger("draw")
+		searchStr := c.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_name": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("cuser", query, `{"i_updatetime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("cuser", query)
+		c.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		c.Render("private/customer_list.html")
+	}
+}
+
+func (c *Customer) CustomerCreate() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+	} else {
+		c.T["state"] = 0
+		c.Render("private/customer_create.html", &c.T)
+	}
+}
+
+func (c *Customer) CustomerEdit() {
+	defer qu.Catch()
+	id := c.GetString("id")
+	query := bson.M{}
+	query["_id"] = mongodb.StringTOBsonId(id)
+	data, _ := Mgo.FindOneByField("cuser", query, `{}`)
+	depart, _ := Mgo.Find("cuserdepart", bson.M{"s_userid": id, "b_delete": false}, nil, nil, false, -1, -1)
+	(*data)["_id"] = mongodb.BsonIdToSId((*data)["_id"])
+	if (*data)["i_state"] == 1 {
+		tagRule, _ := Mgo.Find("eusertagrule", bson.M{"s_userid": id, "b_delete": false}, nil, nil, false, -1, -1)
+		c.T["tagrule"] = *tagRule
+	}
+	c.T["data"] = *data
+	c.T["depart"] = *depart
+	c.Render("private/customer_edit.html", &c.T)
+}
+
+func (c *Customer) CustomerEuser() {
+	defer qu.Catch()
+	id := c.GetString("id")
+	query := bson.M{}
+	query["_id"] = mongodb.StringTOBsonId(id)
+	data, _ := Mgo.FindOneByField("euser", query, `{}`)
+	depart, _ := Mgo.Find("euserdepart", bson.M{"s_userid": id, "b_delete": false}, nil, nil, false, -1, -1)
+	(*data)["_id"] = mongodb.BsonIdToSId((*data)["_id"])
+	if (*data)["i_state"] == 1 {
+		tagRule, _ := Mgo.Find("eusertagrule", bson.M{"s_userid": id, "b_delete": false}, nil, nil, false, -1, -1)
+		c.T["tagrule"] = *tagRule
+	}
+	c.T["data"] = *data
+	c.T["depart"] = *depart
+	c.Render("private/customer_edit_euser.html", &c.T)
+}
+
+func (c *Customer) CustomerSave() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		data := GetPostForm(c.Request)
+		id := qu.ObjToString(data["id"])
+		delete(data, "id")
+		i_createtime := time.Now().Unix()
+		data["i_updatetime"] = i_createtime
+		var rep = false
+		if id == "" {
+			departArr := []map[string]interface{}{}
+			departArrStr := data["depart"].(string)
+			json.Unmarshal([]byte(departArrStr), &departArr)
+			delete(data, "depart")
+			data["b_delete"] = false
+			data["i_createtime"] = i_createtime
+			data["i_state"] = 0
+			id = Mgo.Save("cuser", data)
+			if id != "" {
+				for _, v := range departArr {
+					v["s_userid"] = id
+					v["i_createtime"] = time.Now().Unix()
+					v["i_updatetime"] = time.Now().Unix()
+					v["i_isuse"] = qu.IntAll(v["i_isuse"])
+					v["b_delete"] = false
+				}
+				if len(departArr) == 0 {
+					rep = true
+				} else {
+					rep = Mgo.SaveBulk("cuserdepart", departArr...)
+				}
+			} else {
+				rep = false
+			}
+		} else {
+			query := bson.M{
+				"_id": mongodb.StringTOBsonId(id),
+			}
+			rep = Mgo.Update("cuser", query, bson.M{"$set": data}, false, false)
+		}
+		c.ServeJson(map[string]interface{}{
+			"rep": rep,
+		})
+	}
+}
+
+func (c *Customer) CustomerDel() {
+	defer qu.Catch()
+	_id := c.GetString("_id")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("cuser", _id, set)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (c *Customer) DepartEdit() {
+	defer qu.Catch()
+	data := GetPostForm(c.Request)
+	id := qu.ObjToString(data["id"])
+	var b = true
+	if id == "" {
+		data["i_createtime"] = time.Now().Unix()
+		data["i_updatetime"] = time.Now().Unix()
+		data["b_delete"] = false
+		_id := Mgo.Save("cuserdepart", data)
+		if _id == "" {
+			b = false
+		}
+	} else {
+		set := bson.M{
+			"$set": data,
+		}
+		data["i_updatetime"] = time.Now().Unix()
+		b = Mgo.UpdateById("cuserdepart", id, set)
+	}
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+//部门启用、停用
+func (c *Customer) SetupDepart() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		_id := c.GetString("_id")
+		i_isuse, _ := c.GetInteger("i_isuse")
+		nowtime := time.Now().Unix()
+		set := bson.M{
+			"$set": bson.M{
+				"i_updatetime": nowtime,
+				"i_isuse":      i_isuse,
+			},
+		}
+		b := Mgo.UpdateById("cuserdepart", _id, set)
+		if b {
+			//部门下的规则
+			update := [][]map[string]interface{}{}
+			ruleMap, _ := Mgo.Find("cuserdepartrule", bson.M{"s_userid": _id}, nil, nil, false, -1, -1)
+			for _, v := range *ruleMap {
+				idAndSet := []map[string]interface{}{}
+				idAndSet = append(idAndSet, bson.M{"_id": v["_id"]})                             //查询条件
+				idAndSet = append(idAndSet, bson.M{"i_isuse": i_isuse, "i_updatetime": nowtime}) //修改的数据
+				update = append(update, idAndSet)
+			}
+			b = Mgo.UpdateBulk("cuserdepartrule", update...)
+		}
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+func (c *Customer) DepartDel() {
+	defer qu.Catch()
+	_id := c.GetString("id")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("cuserdepart", _id, set)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+//转企
+func (c *Customer) CuserToEuser() {
+	defer qu.Catch()
+
+	_id := c.GetString("_id")
+	cuser, _ := Mgo.FindById("cuser", _id, nil)
+	//1、调用接口生成appid
+	appid := GetCustomerAppId(qu.ObjToString((*cuser)["s_name"]))
+	if appid == "" {
+		c.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+		return
+	}
+	//2、修改
+	nowTime := time.Now().Unix()
+	(*cuser)["i_state"] = 1
+	(*cuser)["i_toservicetime"] = nowTime //转企时间
+	(*cuser)["i_lastsynctime"] = nowTime  //同步时间
+	(*cuser)["s_appid"] = appid
+	set := bson.M{
+		"$set": bson.M{
+			"i_toservicetime": nowTime,
+			"i_lastsynctime":  nowTime,
+			"s_appid":         appid,
+			"i_state":         1,
+		},
+	}
+	b := Mgo.Update("cuser", bson.M{"_id": mongodb.StringTOBsonId(_id)}, set, false, false)
+	if !b {
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+		return
+	}
+	//2、复制信息（部门、规则）
+	b = Mgo.Update("euser", bson.M{"_id": mongodb.StringTOBsonId(_id)}, cuser, true, false)
+	if !b {
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+		return
+	}
+	departMap, _ := Mgo.Find("cuserdepart", bson.M{"s_userid": _id, "b_delete": false}, nil, nil, false, -1, -1)
+	Mgo.SaveBulk("euserdepart", *departMap...)
+	ruleMap, _ := Mgo.Find("cuserdepartrule", bson.M{"s_userid": _id, "b_delete": false}, nil, nil, false, -1, -1)
+	Mgo.SaveBulk("euserdepartrule", *ruleMap...)
+
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func GetCustomerAppId(customer string) string {
+	defer qu.Catch()
+	user, _ := MgoCus.FindOne("user", map[string]interface{}{"username": customer})
+	appid := ""
+	if len(*user) > 0 { //存在，获取appid
+		appid = qu.ObjToString((*user)["appid"])
+	} else { //不存在调接口生成
+		client := &http.Client{}
+		url := CustomerApi + "?username=" + customer
+		req, err := http.NewRequest("POST", url, nil)
+		if err == nil {
+			resp, err := client.Do(req)
+			qu.Debug("1", err)
+			defer resp.Body.Close()
+			body, err := ioutil.ReadAll(resp.Body)
+			qu.Debug("2", err)
+			if err == nil {
+				resp := map[string]interface{}{}
+				json.Unmarshal(body, &resp)
+				if qu.ObjToString(resp["msg"]) == "ok" {
+					user, _ := MgoCus.FindOne("user", map[string]interface{}{"username": customer})
+					if len(*user) > 0 {
+						appid = qu.ObjToString((*user)["appid"])
+					}
+				}
+			}
+		} else {
+			qu.Debug("调企业用户接口失败", err)
+		}
+	}
+	//if appid != "" { //保存
+	//	set := map[string]interface{}{
+	//		"$set": map[string]interface{}{
+	//			"s_appid": appid,
+	//		},
+	//	}
+	//	rep = Mgo.UpdateById("cuser", id, set)
+	//}
+	return appid
+}
+
+//同步
+func (c *Customer) SynEuser() {
+	defer qu.Catch()
+	_id := c.GetString("_id")
+	cuser, _ := Mgo.FindById("cuser", _id, nil)
+	nowTime := time.Now().Unix()
+	(*cuser)["i_lastsynctime"] = nowTime //同步时间
+	set := bson.M{
+		"$set": bson.M{
+			"i_lastsynctime": nowTime,
+		},
+	}
+	b := Mgo.Update("cuser", bson.M{"_id": mongodb.StringTOBsonId(_id)}, set, false, false)
+	if !b {
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+		return
+	}
+	b = Mgo.Update("euser", bson.M{"_id": mongodb.StringTOBsonId(_id)}, cuser, true, false)
+	if !b {
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+		return
+	}
+	departMap, _ := Mgo.Find("cuserdepart", bson.M{"s_userid": _id, "b_delete": false}, nil, nil, false, -1, -1)
+	//Mgo.SaveBulk("euserdepart", *departMap...)
+	update := [][]map[string]interface{}{}
+	for _, v := range *departMap {
+		idAndSet := []map[string]interface{}{}
+		idAndSet = append(idAndSet, bson.M{"_id": v["_id"]}) //查询条件
+		idAndSet = append(idAndSet, v)                       //修改的数据
+		update = append(update, idAndSet)
+	}
+	Mgo.UpSertBulk("euserdepart", update...)
+	ruleMap, _ := Mgo.Find("cuserdepartrule", bson.M{"s_userid": _id, "b_delete": false}, nil, nil, false, -1, -1)
+	//b = Mgo.SaveBulk("euserdepartrule", *ruleMap...)
+	update2 := [][]map[string]interface{}{}
+	for _, v := range *ruleMap {
+		idAndSet := []map[string]interface{}{}
+		idAndSet = append(idAndSet, bson.M{"_id": v["_id"]}) //查询条件
+		idAndSet = append(idAndSet, v)                       //修改的数据
+		update2 = append(update2, idAndSet)
+	}
+	b = Mgo.UpSertBulk("euserdepartrule", update2...)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (c *Customer) EntEuserList() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		start, _ := c.GetInteger("start")
+		limit, _ := c.GetInteger("length")
+		draw, _ := c.GetInteger("draw")
+		searchStr := c.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_name": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("euser", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("euser", query)
+		c.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		c.Render("private/customer_ent_list.html")
+	}
+}
+
+func (c *Customer) CuserRule() {
+	defer qu.Catch()
+	ids := strings.Split(c.GetString("ids"), ",")
+	if c.Method() == "POST" {
+		start, _ := c.GetInteger("start")
+		limit, _ := c.GetInteger("length")
+		draw, _ := c.GetInteger("draw")
+		searchStr := c.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"s_userid":   ids[1],
+			"s_departid": ids[0],
+			"b_delete":   false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_name": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("cuserdepartrule", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("cuserdepartrule", query)
+		c.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		c.T["did"] = ids[0] //部门id
+		c.T["cid"] = ids[1] //客户id
+		c.T["preview_href"] = PreviewHref
+		c.Render("private/cuser_rule_list.html", &c.T)
+	}
+}
+
+func (c *Customer) EuserRule() {
+	defer qu.Catch()
+	ids := strings.Split(c.GetString("ids"), ",")
+	if c.Method() == "POST" {
+		start, _ := c.GetInteger("start")
+		limit, _ := c.GetInteger("length")
+		draw, _ := c.GetInteger("draw")
+		searchStr := c.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"s_userid":   ids[1],
+			"s_departid": ids[0],
+			"b_delete":   false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_name": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("euserdepartrule", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("euserdepartrule", query)
+		c.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		c.T["did"] = ids[0] //部门id
+		c.T["cid"] = ids[1] //客户id
+		c.T["preview_href"] = PreviewHref
+		c.Render("private/euser_rule_list.html", &c.T)
+	}
+}
+
+func (c *Customer) CuserRuleCreate() {
+	defer qu.Catch()
+	ids := strings.Split(c.GetString("ids"), ",")
+	if c.Method() == "POST" {
+		user := c.GetSession("user").(map[string]interface{})
+		data := GetPostForm(c.Request)
+		o_rules := []map[string]interface{}{}
+		o_rulesStr := data["o_rules"].(string)
+		json.Unmarshal([]byte(o_rulesStr), &o_rules)
+		data["o_rules"] = o_rules
+		id := qu.ObjToString(data["id"])
+		delete(data, "id")
+		delete(data, "ids")
+		if qu.IntAll(data["i_esquerytype"]) == 1 { //自动生成es
+			data["s_esquery"] = Utiltags(data)
+		}
+		i_createtime := time.Now().Unix()
+		data["i_updatetime"] = i_createtime
+		data["s_updateuser"] = user["name"]
+		var rep = false
+		if id == "" { //新建
+			data["s_userid"] = ids[1]
+			data["s_departid"] = ids[0]
+			data["i_createtime"] = i_createtime
+			data["s_createuser"] = user["name"]
+			s_namekey := gopinyin.Convert(qu.ObjToString(data["s_name"]), false)
+			data["s_namekey"] = s_namekey
+			data["b_delete"] = false
+			data["s_dataid"] = qu.SE.EncodeString(fmt.Sprintf("%v", i_createtime) + s_namekey + ids[0])
+			id = Mgo.Save("cuserdepartrule", data)
+			if id != "" {
+				rep = true
+			} else {
+				rep = false
+			}
+		} else {
+			query := bson.M{
+				"_id": mongodb.StringTOBsonId(id),
+			}
+			rep = Mgo.Update("cuserdepartrule", query, bson.M{"$set": data}, false, false)
+		}
+
+		c.ServeJson(map[string]interface{}{
+			"id":        id,
+			"rep":       rep,
+			"s_esquery": data["s_esquery"],
+			"s_dataid":  data["s_dataid"],
+		})
+	} else {
+		c.T["did"] = ids[0] //部门id
+		c.T["cid"] = ids[1] //客户id
+		c.T["ids"] = c.GetString("ids")
+		c.T["province"] = Province
+		c.T["city"] = ProvinceCitys
+		c.T["district"] = CityDistricts
+		c.T["topTypeArr"] = TopTypeArr
+		c.T["subTypeArr"] = SubTypeMap
+		c.T["matchTypeMap"] = MatchTypeMap
+		c.T["matchTypeMap2"] = MatchTypeMap2
+		c.T["existField"] = ExistFiled
+		c.T["buyerClass"] = BuyerClass
+		c.T["scopeClass"] = ScopeClassMap
+		c.Render("private/cuser_rule_create.html", &c.T)
+	}
+}
+
+func (c *Customer) CuserRuleEdit() {
+	defer qu.Catch()
+	id := c.GetString("id")
+	query := bson.M{"_id": mongodb.StringTOBsonId(id)}
+	data, _ := Mgo.FindOneByField("cuserdepartrule", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	c.T["cid"] = (*data)["s_userid"]
+	c.T["ids"] = qu.ObjToString((*data)["s_departid"]) + "," + qu.ObjToString((*data)["s_userid"])
+	c.T["data"] = *data
+	c.T["province"] = Province
+	c.T["city"] = ProvinceCitys
+	c.T["district"] = CityDistricts
+	c.T["topTypeArr"] = TopTypeArr
+	c.T["subTypeArr"] = SubTypeMap
+	c.T["matchTypeMap"] = MatchTypeMap
+	c.T["matchTypeMap2"] = MatchTypeMap2
+	c.T["existField"] = ExistFiled
+	c.T["buyerClass"] = BuyerClass
+	c.T["scopeClass"] = ScopeClassMap
+	c.Render("private/cuser_rule_edit.html", &c.T)
+}
+
+func (c *Customer) EuserRule1() {
+	defer qu.Catch()
+	id := c.GetString("id")
+	query := bson.M{"_id": mongodb.StringTOBsonId(id)}
+	data, _ := Mgo.FindOneByField("euserdepartrule", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	c.T["cid"] = (*data)["s_userid"]
+	c.T["ids"] = qu.ObjToString((*data)["s_departid"]) + "," + qu.ObjToString((*data)["s_userid"])
+	c.T["data"] = *data
+	c.T["province"] = Province
+	c.T["city"] = ProvinceCitys
+	c.T["district"] = CityDistricts
+	c.T["topTypeArr"] = TopTypeArr
+	c.T["subTypeArr"] = SubTypeMap
+	c.T["matchTypeMap"] = MatchTypeMap
+	c.T["matchTypeMap2"] = MatchTypeMap2
+	c.T["existField"] = ExistFiled
+	c.T["buyerClass"] = BuyerClass
+	c.T["scopeClass"] = ScopeClassMap
+	c.Render("private/euser_rule_edit.html", &c.T)
+}
+
+func (c *Customer) CuserRuleDel() {
+	defer qu.Catch()
+	_id := c.GetString("_id")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("cuserdepartrule", _id, set)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (c *Customer) CuserRuleSetup() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		_id := c.GetString("_id")
+		i_isuse, _ := c.GetInteger("i_isuse")
+		set := bson.M{
+			"$set": bson.M{
+				"i_isuse": i_isuse,
+			},
+		}
+		b := Mgo.UpdateById("cuserdepartrule", _id, set)
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+func (c *Customer) DownloadRule() {
+	defer qu.Catch()
+	id := c.GetString("id")
+	path := ResponseXlsx_Rule1(id)
+	if path == "" {
+		c.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		c.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		c.ServeFile(path)
+		go func(path string) {
+			time.Sleep(time.Minute * 3)
+			os.Remove(path)
+		}(path)
+	}
+}
+
+func (c *Customer) DownloadData() {
+	defer qu.Catch()
+	dataId := c.GetString("s_dataid")
+	if path := ResponseXlsx_Data1(dataId); path == "" {
+		c.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		c.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		c.ServeFile(path)
+		go func(path string) {
+			time.Sleep(300000)
+			os.Remove(path)
+		}(path)
+	}
+}
+
+func (c *Customer) ProductData() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		rep := false
+		id := c.GetString("id")
+		tag, _ := Mgo.FindById("cuserdepartrule", id, `{}`)
+		err, count := UtilEsFind1(*tag)
+		if err == nil {
+			rep = true
+		}
+		c.ServeJson(map[string]interface{}{
+			"rep":   rep,
+			"count": count,
+		})
+	}
+}
+
+func (c *Customer) EuserTagEdit() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		_id := c.GetString("_id")
+		data := GetPostForm(c.Request)
+		cid := qu.ObjToString(data["s_userid"])
+		createTime := time.Now().Unix()
+		o_rules := []map[string]interface{}{}
+		o_rulesStr := data["o_list"].(string)
+		json.Unmarshal([]byte(o_rulesStr), &o_rules)
+		data["o_list"] = o_rules
+		var rep = true
+		if _id == "" {
+			data["i_createtime"] = createTime
+			data["i_updatetime"] = createTime
+			data["b_delete"] = false
+			_id = Mgo.Save("eusertagrule", data)
+		} else {
+			query := bson.M{
+				"_id": mongodb.StringTOBsonId(_id),
+			}
+			rep = Mgo.Update("eusertagrule", query, bson.M{"$set": data}, false, false)
+		}
+
+		c.ServeJson(map[string]interface{}{
+			"id":  cid,
+			"rep": rep,
+		})
+	} else {
+		if c.GetString("id") != "" {
+			data, _ := Mgo.FindById("eusertagrule", c.GetString("id"), nil)
+			c.T["tagrule"] = *data
+		}
+		cid := c.GetString("cid")
+		c.T["cid"] = cid
+		c.T["matchTypeMap"] = MatchTypeMap3
+		c.Render("private/euser_tag_rule.html", &c.T)
+	}
+}
+
+func (c *Customer) EuserTag() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		_id := c.GetString("_id")
+		data := GetPostForm(c.Request)
+		cid := qu.ObjToString(data["s_userid"])
+		createTime := time.Now().Unix()
+		o_rules := []map[string]interface{}{}
+		o_rulesStr := data["o_list"].(string)
+		json.Unmarshal([]byte(o_rulesStr), &o_rules)
+		data["o_list"] = o_rules
+		var rep = true
+		if _id == "" {
+			data["i_createtime"] = createTime
+			data["i_updatetime"] = createTime
+			data["b_delete"] = false
+			_id = Mgo.Save("eusertagrule", data)
+		} else {
+			query := bson.M{
+				"_id": mongodb.StringTOBsonId(_id),
+			}
+			rep = Mgo.Update("eusertagrule", query, bson.M{"$set": data}, false, false)
+		}
+
+		c.ServeJson(map[string]interface{}{
+			"id":  cid,
+			"rep": rep,
+		})
+	} else {
+		if c.GetString("id") != "" {
+			data, _ := Mgo.FindById("eusertagrule", c.GetString("id"), nil)
+			c.T["tagrule"] = *data
+		}
+		cid := c.GetString("cid")
+		c.T["cid"] = cid
+		c.T["matchTypeMap"] = MatchTypeMap3
+		c.Render("private/euser_tag_rule_l.html", &c.T)
+	}
+}
+
+func (c *Customer) EuserImport() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		mf, _, err := c.GetFile("xlsx")
+		if err == nil {
+			binary, err := ioutil.ReadAll(mf)
+			if err == nil {
+				rdata, err := Parsxlsx1(binary)
+				if err == nil {
+					c.ServeJson(map[string]interface{}{
+						"rdata": rdata,
+						"rep":   true,
+					})
+					return
+				}
+			}
+		}
+		c.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+func (c *Customer) TagSetup() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		_id := c.GetString("_id")
+		i_isuse, _ := c.GetInteger("i_isuse")
+		set := bson.M{
+			"$set": bson.M{
+				"i_isuse": i_isuse,
+			},
+		}
+		b := Mgo.UpdateById("eusertagrule", _id, set)
+		c.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+func (c *Customer) TagDel() {
+	defer qu.Catch()
+	_id := c.GetString("_id")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("eusertagrule", _id, set)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (c *Customer) CuserRuleList() {
+	defer qu.Catch()
+	if c.Method() == "POST" {
+		eid := c.GetString("eid")
+		start, _ := c.GetInteger("start")
+		limit, _ := c.GetInteger("length")
+		draw, _ := c.GetInteger("draw")
+		searchStr := c.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"s_userid": eid,
+			"i_isuse":  1,
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_name": bson.M{"$regex": search}},
+			}
+		}
+		data, _ := Mgo.Find("euserdepartrule", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		for _, v := range *data {
+			d, _ := Mgo.FindById("euserdepart", qu.ObjToString(v["s_departid"]), nil)
+			v["s_depart"] = qu.ObjToString((*d)["s_name"])
+		}
+		count := Mgo.Count("euserdepartrule", query)
+		c.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	}
+}
+
+func (c *Customer) TagAssociated() {
+	defer qu.Catch()
+	_id := c.GetString("_id")
+	ids := c.GetString("ids")
+	set := bson.M{
+		"$set": bson.M{
+			"o_departruleids": ids,
+		},
+	}
+	b := Mgo.UpdateById("eusertagrule", _id, set)
+	c.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}

src/service/feedback_service.go

@@ -0,0 +1,92 @@
+package service
+
+import (
+	"mongodb"
+	qu "qfw/util"
+	"strings"
+
+	. "util"
+
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+type Feedback struct {
+	*xweb.Action
+	feedbackList   xweb.Mapper `xweb:"/service/feedback/list"`   //反馈列表
+	feedbackDetail xweb.Mapper `xweb:"/service/feedback/detail"` //反馈信息详情
+}
+
+//反馈列表
+func (f *Feedback) FeedbackList() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		start, _ := f.GetInteger("start")
+		limit, _ := f.GetInteger("length")
+		draw, _ := f.GetInteger("draw")
+		searchStr := f.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		//qu.Debug(start, limit, draw, search)
+		query := bson.M{}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_customer": bson.M{"$regex": search}},
+				bson.M{"s_tagname": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("feedback", query, `{"_id":-1}`, nil, false, start, limit)
+		count := Mgo.Count("feedback", query)
+		f.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		f.Render("private/feedback_list.html")
+	}
+}
+
+//反馈信息详情
+func (f *Feedback) FeedbackDetail() {
+	defer qu.Catch()
+	if f.Method() == "POST" {
+		start, _ := f.GetInteger("start")
+		limit, _ := f.GetInteger("length")
+		draw, _ := f.GetInteger("draw")
+		searchStr := f.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		matchkey := f.GetString("matchkey")
+		id := f.GetString("id")
+		query := bson.M{
+			"s_pid": id,
+		}
+		if matchkey != "-1" {
+			query["s_matchkey"] = bson.M{
+				"$regex": matchkey,
+			}
+		} else if search != "" {
+			query["s_matchkey"] = bson.M{
+				"$regex": search,
+			}
+		}
+		data, _ := Mgo.Find("feedback_info", query, nil, nil, false, start, limit)
+		count := Mgo.Count("feedback_info", query)
+		f.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		id := f.GetString("_id")
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		data, _ := Mgo.FindOne("feedback", query)
+		f.T["id"] = id
+		f.T["data"] = data
+		f.Render("private/feedback_detail.html", &f.T)
+	}
+}

src/service/private_rule.go

@@ -0,0 +1,530 @@
+package service
+
+import (
+	"encoding/json"
+	"fmt"
+	"io"
+	"io/ioutil"
+	"mongodb"
+	"net/http"
+	"os"
+	qu "qfw/util"
+	"strconv"
+	"strings"
+	"time"
+	. "util"
+
+	"github.com/lauyoume/gopinyin"
+
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+type Rule struct {
+	*xweb.Action
+	//rule
+	ruleList   xweb.Mapper `xweb:"/service/rule/list"`   //标签列表
+	ruleCreate xweb.Mapper `xweb:"/service/rule/create"` //新建标签
+	ruleDel    xweb.Mapper `xweb:"/service/rule/del"`    //删除标签
+	ruleEdit   xweb.Mapper `xweb:"/service/rule/edit"`   //编辑标签
+	ruleSave   xweb.Mapper `xweb:"/service/rule/save"`   //保存标签
+	ruleImport xweb.Mapper `xweb:"/service/rule/import"` //导入文件excel
+	//history
+	archive xweb.Mapper `xweb:"/service/rule/archive"` //存档
+	history xweb.Mapper `xweb:"/service/rule/history"` //变更列表
+
+	productData      xweb.Mapper `xweb:"/service/rule/produce"`          //生成预览数据
+	downloadData     xweb.Mapper `xweb:"/service/rule/downloadata"`      //下载数据
+	downloadRule     xweb.Mapper `xweb:"/service/rule/downloadrule"`     //下载标签
+	demoData         xweb.Mapper `xweb:"/service/rule/preview"`          //预览数据
+	exportEs         xweb.Mapper `xweb:"/service/rule/exportes"`         //导出es
+	importComRule    xweb.Mapper `xweb:"/service/rule/importcomrule"`    //导入通用标签
+	getCustomerAppId xweb.Mapper `xweb:"/service/rule/getcustomerappid"` //获取appid
+}
+
+//var comfield = `{"s_area":1,"s_city":1,"s_district":1,"s_toptype":1,"s_subtype":1,"s_existfields":1,"s_globaladdkey":1,"s_globaladdkeymatch":1,"s_globalnotkey":1,"s_globalnotkeymatch":1,"s_globalbuyerclass":1,"s_globalsubscopeclass":1,"o_rules":1,"i_globaladdkeytype":1,"i_globalnotkeytype":1}`
+var comfield = []string{"s_area", "s_city", "s_district", "s_toptype", "s_subtype", "s_existfields", "s_globaladdkey", "s_globaladdkeymatch", "s_globalnotkey", "s_globalnotkeymatch", "s_globalbuyerclass", "s_globalsubscopeclass", "o_rules"}
+
+//标签列表
+func (r *Rule) RuleList() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		start, _ := r.GetInteger("start")
+		limit, _ := r.GetInteger("length")
+		draw, _ := r.GetInteger("draw")
+		searchStr := r.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		//qu.Debug(start, limit, draw, search)
+		query := bson.M{
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_customer": bson.M{"$regex": search}},
+				bson.M{"s_tagname": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("tags", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("tags", query)
+		r.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		r.T["preview_href"] = PreviewHref
+		r.Render("private/rule_list.html", &r.T)
+	}
+}
+
+func (r *Rule) RuleCreate() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+
+	} else {
+		r.T["province"] = Province
+		r.T["city"] = ProvinceCitys
+		r.T["district"] = CityDistricts
+		r.T["topTypeArr"] = TopTypeArr
+		r.T["subTypeArr"] = SubTypeMap
+		r.T["matchTypeMap"] = MatchTypeMap
+		r.T["matchTypeMap2"] = MatchTypeMap2
+		r.T["existField"] = ExistFiled
+		r.T["buyerClass"] = BuyerClass
+		r.T["scopeClass"] = ScopeClassMap
+		r.Render("private/rule_create.html", &r.T)
+	}
+}
+
+func (r *Rule) RuleDel() {
+	defer qu.Catch()
+	_id := r.GetString("_id")
+	s_dataid := r.GetString("s_dataid")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("tags", _id, set)
+	Mgo.Update("feedback", bson.M{"s_dataid": s_dataid}, bson.M{"$set": bson.M{"b_tagdel": true}}, false, false)
+	r.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func (r *Rule) RuleImport() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		mf, _, err := r.GetFile("xlsx")
+		if err == nil {
+			binary, err := ioutil.ReadAll(mf)
+			if err == nil {
+				rdata, err := Parsxlsx(binary)
+				if err == nil {
+					//id, rep := updateDbXf("", rdata)
+					//qu.Debug("import data:", rdata)
+					r.ServeJson(map[string]interface{}{
+						"rdata": rdata,
+						"id":    "",
+						"rep":   true,
+					})
+					return
+				}
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+func (r *Rule) RuleEdit() {
+	defer qu.Catch()
+	id := r.GetString("id")         //标签列表编辑
+	dataid := r.GetString("dataid") //反馈列表编辑
+	query := bson.M{}
+	if id != "" {
+		query["_id"] = mongodb.StringTOBsonId(id)
+	} else if dataid != "" {
+		query["s_dataid"] = dataid
+	}
+	data, _ := Mgo.FindOneByField("tags", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	r.T["data"] = *data
+	r.T["province"] = Province
+	r.T["city"] = ProvinceCitys
+	r.T["district"] = CityDistricts
+	r.T["topTypeArr"] = TopTypeArr
+	r.T["subTypeArr"] = SubTypeMap
+	r.T["matchTypeMap"] = MatchTypeMap
+	r.T["matchTypeMap2"] = MatchTypeMap2
+	r.T["existField"] = ExistFiled
+	r.T["buyerClass"] = BuyerClass
+	r.T["scopeClass"] = ScopeClassMap
+	r.Render("private/rule_edit.html", &r.T)
+}
+
+func (r *Rule) RuleSave() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		user := r.GetSession("user").(map[string]interface{})
+		data := GetPostForm(r.Request)
+		id := data["id"].(string)
+		delete(data, "id")
+		o_rules := []map[string]interface{}{}
+		o_rulesStr := data["o_rules"].(string)
+		json.Unmarshal([]byte(o_rulesStr), &o_rules)
+		data["o_rules"] = o_rules
+		if qu.IntAll(data["i_esquerytype"]) == 1 { //自动生成es
+			data["s_esquery"] = Utiltags(data)
+		}
+		i_createtime := time.Now().Unix()
+		data["i_updatetime"] = i_createtime
+		data["s_updateuser"] = user["name"]
+		if id == "" { //新建
+			data["i_createtime"] = i_createtime
+			data["s_createuser"] = user["name"]
+			s_customerkey := gopinyin.Convert(qu.ObjToString(data["s_customer"]), false)
+			s_tagnamekey := gopinyin.Convert(qu.ObjToString(data["s_tagname"]), false)
+			data["s_customerkey"] = s_customerkey
+			data["s_tagnamekey"] = s_tagnamekey
+			data["b_delete"] = false
+			data["s_dataid"] = qu.SE.EncodeString(fmt.Sprintf("%v", i_createtime) + s_customerkey + s_tagnamekey)
+		}
+		id, rep := updateDbXf(id, data) //保存tags
+		r.ServeJson(map[string]interface{}{
+			"id":        id,
+			"s_esquery": data["s_esquery"],
+			"rep":       rep,
+			"s_dataid":  data["s_dataid"],
+		})
+	}
+}
+
+func (r *Rule) Archive() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		rep := false
+		_id := r.GetString("_id")
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(_id),
+		}
+		tag, _ := Mgo.FindOne("tags", query)
+		if len(*tag) > 0 {
+			user := r.GetSession("user").(map[string]interface{})
+			histoty, _ := Mgo.FindOne("tags_history", `{"s_tagid":"`+_id+`"}`)
+			s_state := "创建"
+			if len(*histoty) > 0 { //该id已有记录
+				s_state = "变更"
+			}
+			(*tag)["s_tagid"] = _id                    //tags表id
+			(*tag)["s_state"] = s_state                //状态
+			(*tag)["l_changetime"] = time.Now().Unix() //变更时间
+			(*tag)["s_changeperson"] = user["name"]
+			id := Mgo.Save("tags_history", tag)
+			if id != "" {
+				rep = true
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep": rep,
+		})
+	}
+}
+
+func (r *Rule) History() {
+	defer qu.Catch()
+	tagid := r.GetString("tagid")
+	if r.Method() == "POST" {
+		data, _ := Mgo.Find("tags_history", `{"s_tagid":"`+tagid+`"}`, nil, nil, false, -1, -1)
+		r.ServeJson(map[string]interface{}{
+			"data": data,
+		})
+	} else {
+		r.T["tagid"] = tagid
+		r.Render("private/rule_history.html", &r.T)
+	}
+}
+
+func (r *Rule) ExportEs() {
+	defer qu.Catch()
+	id := r.GetString("id")
+	if id == "" {
+		return
+	}
+	w := r.ResponseWriter
+	tag, _ := Mgo.FindById("tags", id, `{}`)
+	s_esquery := (*tag)["s_esquery"].(string)
+	createEsJosn(s_esquery)
+	file, err := os.Open("./es.json")
+	//file, err := os.OpenFile("./es.json", os.O_RDWR|os.O_CREATE, 0666)
+	defer file.Close()
+	if err != nil {
+		r.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+		return
+	}
+	fileHeader := make([]byte, 512)
+	file.Read(fileHeader)
+	fileStat, _ := file.Stat()
+	w.Header().Set("Content-Disposition", "attachment; filename=./es.json")
+	w.Header().Set("Content-Type", http.DetectContentType(fileHeader))
+	w.Header().Set("Content-Length", strconv.FormatInt(fileStat.Size(), 10))
+	file.Seek(0, 0)
+	io.Copy(w, file)
+	return
+}
+
+func createEsJosn(es string) {
+	defer qu.Catch()
+	jmap := make(map[string]interface{})
+	err := json.Unmarshal([]byte(es), &jmap)
+	//j, err := json.Marshal(es)
+	if err != nil {
+		fmt.Println("S_esquery To Json Err:", err)
+		return
+	}
+	fp, err := os.Create("./es.json")
+	if err != nil {
+		return
+	}
+	defer fp.Close()
+	j, _ := json.Marshal(jmap)
+	_, err = fp.Write(j)
+	if err != nil {
+		return
+	}
+}
+
+//更新xlsx db
+func updateDbXf(id string, rdata map[string]interface{}) (rid string, rep bool) {
+	defer qu.Catch()
+	if id == "" {
+		rid = Mgo.Save("tags", rdata)
+		if rid != "" {
+			rep = true
+		} else {
+			rep = false
+		}
+	} else {
+		rid = id
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		rep = Mgo.Update("tags", query, bson.M{"$set": rdata}, false, false)
+	}
+	return
+}
+
+func (r *Rule) DemoData() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		sDataid := r.GetString("s_dataid")
+		start, _ := r.GetInteger("start")
+		limit, _ := r.GetInteger("length")
+		draw, _ := r.GetInteger("draw")
+		query := bson.M{
+			"s_dataid": sDataid,
+		}
+		data, _ := Mgo.Find("tagsdata", query, `{"publishtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("tagsdata", query)
+		for _, v := range *data {
+			if v["budget"] != nil {
+				v["budget"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["budget"])/10000))
+			}
+			if v["bidamount"] != nil {
+				v["bidamount"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["bidamount"])/10000))
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"data":            data,
+			"draw":            draw,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	}
+}
+func (r *Rule) ProductData() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		rep := false
+		id := r.GetString("id")
+		tag, _ := Mgo.FindById("tags", id, `{}`)
+		err, count := UtilEsFind(*tag)
+		if err == nil {
+			rep = true
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep":   rep,
+			"count": count,
+		})
+	}
+}
+func (r *Rule) DownloadData() {
+	defer qu.Catch()
+	dataId := r.GetString("s_dataid")
+	if path := ResponseXlsx_Data(dataId); path == "" {
+		r.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		r.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		r.ServeFile(path)
+		go func(path string) {
+			time.Sleep(300000)
+			os.Remove(path)
+		}(path)
+	}
+}
+
+func (r *Rule) DownloadRule() {
+	defer qu.Catch()
+	id := r.GetString("id")
+	path := ResponseXlsx_Rule(id, "private")
+	if path == "" {
+		r.ServeJson("没有数据")
+	} else {
+		arr := strings.Split(path, "/")
+		r.ResponseWriter.Header().Add("Content-Disposition", fmt.Sprintf("attachment; filename=%s", arr[len(arr)-1]))
+		r.ServeFile(path)
+		go func(path string) {
+			time.Sleep(time.Minute * 3)
+			os.Remove(path)
+		}(path)
+	}
+}
+
+func (r *Rule) ImportComRule() {
+	defer qu.Catch()
+	result := map[string]interface{}{} //存储所有追加好的数据
+	o_rules_all := []interface{}{}     //o_rule所有数据
+	tagid := r.GetString("tagid")      //有tagid表示编辑，无是新建
+	if tagid != "" {                   //在原有数据的基础上追加
+		tag, _ := Mgo.FindById("tags", tagid, `{}`)
+		if o_rule_tmp, ok := (*tag)["o_rules"].([]interface{}); ok {
+			o_rules_all = append(o_rules_all, o_rule_tmp...)
+		}
+	}
+	ids := r.GetString("ids")
+	idArr := strings.Split(ids, ",")
+	rep := false
+
+	if len(idArr) > 0 {
+		for _, id := range idArr {
+			d, _ := Mgo.FindById("tags_common", id, `{}`)
+			o_rules_all = addcomrule(*d, result, o_rules_all)
+		}
+		if len(o_rules_all) > 0 {
+			result["o_rules"] = o_rules_all
+		}
+		if len(result) > 0 {
+			rep = true
+		}
+	}
+	r.ServeJson(map[string]interface{}{
+		"rep":  rep,
+		"data": result,
+	})
+}
+
+func addcomrule(d, result map[string]interface{}, o_rules_all []interface{}) []interface{} {
+	for _, k := range comfield {
+		v := d[k]
+		//s_globaladdkeymatch s_globalnotkeymatch的匹配类型为2时，值就一个，追加时要判断所有值是否一致
+		if k == "s_globaladdkeymatch" && qu.ObjToString(v) != "" && qu.IntAll(d["i_globaladdkeytype"]) == 2 { //匹配方式的类型为2时，多个匹配方式的值必须一致
+			if result[k] == nil {
+				result[k] = v
+			} else if result[k] != v {
+				delete(result, k)
+			}
+			continue
+		} else if k == "s_globalnotkeymatch" && qu.ObjToString(v) != "" && qu.IntAll(d["i_globalnotkeytype"]) == 2 {
+			if result[k] == nil {
+				result[k] = v
+			} else if result[k] != v {
+				delete(result, k)
+			}
+			continue
+		}
+
+		if k == "o_rules" && v != nil { //封装所有的o_rules
+			o_rulesArr := v.([]interface{})
+			if len(o_rulesArr) > 0 {
+				o_rules_all = append(o_rules_all, o_rulesArr...)
+			}
+			continue
+		}
+
+		if vstr := qu.ObjToString(v); vstr != "" {
+			if result[k] == nil { //对应k没有值，赋值
+				result[k] = vstr
+			} else { //对应值有值，去重后追加
+				tmp := qu.ObjToString(result[k])
+				tmpArr1 := strings.Split(tmp, ",")
+				tmpArr2 := strings.Split(vstr, ",")
+				tmpArr1 = append(tmpArr1, tmpArr2...)
+				newArr := make([]string, 0)
+				for i := 0; i < len(tmpArr1); i++ {
+					repeat := false
+					for j := i + 1; j < len(tmpArr1); j++ {
+						if tmpArr1[i] == tmpArr1[j] {
+							repeat = true
+							break
+						}
+					}
+					if !repeat {
+						newArr = append(newArr, tmpArr1[i])
+					}
+				}
+				result[k] = strings.Join(newArr, ",")
+			}
+		}
+	}
+	return o_rules_all
+}
+
+func (r *Rule) GetCustomerAppId() {
+	defer qu.Catch()
+	rep := false
+	id := r.GetString("_id")
+	customer := r.GetString("customer")
+	user, _ := MgoCus.FindOne("user", map[string]interface{}{"username": customer})
+	appid := ""
+	if len(*user) > 0 { //存在，获取appid
+		appid = qu.ObjToString((*user)["appid"])
+	} else { //不存在调接口生成
+		client := &http.Client{}
+		url := CustomerApi + "?username=" + customer
+		req, err := http.NewRequest("POST", url, nil)
+		if err == nil {
+			resp, err := client.Do(req)
+			defer resp.Body.Close()
+			body, err := ioutil.ReadAll(resp.Body)
+			if err == nil {
+				resp := map[string]interface{}{}
+				json.Unmarshal(body, &resp)
+				if qu.ObjToString(resp["msg"]) == "ok" {
+					user, _ := MgoCus.FindOne("user", map[string]interface{}{"username": customer})
+					if len(*user) > 0 {
+						appid = qu.ObjToString((*user)["appid"])
+					}
+				}
+			}
+		} else {
+			fmt.Println("调企业用户接口失败", err)
+		}
+	}
+	if appid != "" { //保存
+		set := map[string]interface{}{
+			"$set": map[string]interface{}{
+				"s_appid": appid,
+			},
+		}
+		rep = Mgo.UpdateById("tags", id, set)
+	}
+	r.ServeJson(map[string]interface{}{
+		"rep": rep,
+	})
+}

src/service/private_service.go

@@ -0,0 +1,263 @@
+package service
+
+import (
+	"encoding/json"
+	"fmt"
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+	"io/ioutil"
+	"log"
+	"net/http"
+	qu "qfw/util"
+	gm "qfw/util/mail"
+	"regexp"
+	"sort"
+	"strings"
+	"time"
+	"unicode/utf8"
+	. "util"
+)
+
+var (
+	phonereg *regexp.Regexp = regexp.MustCompile(`0?(13|14|15|17|18|19)[0-9]{9}`)
+	telreg   *regexp.Regexp = regexp.MustCompile(`[0-9-()（）]{7,18}`)
+	emailreg *regexp.Regexp = regexp.MustCompile(`\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}`)
+	pre      *regexp.Regexp = regexp.MustCompile("https://www.jianyu360.cn/article/content/")
+	suf      *regexp.Regexp = regexp.MustCompile("(.html).*")
+)
+
+type Private struct {
+	*xweb.Action
+	keydatademo   xweb.Mapper `xweb:"/private/keydatademo/(.*)"`   //加密串
+	keydataoption xweb.Mapper `xweb:"/private/keydataoption/(.*)"` //加密串
+}
+
+func (f *Private) Keydatademo(world string) {
+	tmp := make(map[string]interface{})
+	destr := qu.SE.DecodeString(world)
+	typeStr := f.GetString("type")
+
+	qu.Debug(destr)
+	if len(destr) > 10 {
+		ctime := destr[:10]
+		ctimeint := qu.Int64All(ctime)
+		if time.Now().Sub(time.Unix(ctimeint, 0)).Hours()/24 < Subday {
+			var tagfield *map[string]interface{}
+			if typeStr == "private" {
+				tagfield, _ = Mgo.FindOneByField("cuserdepartrule", bson.M{"s_dataid": world}, bson.M{"i_extfieldstype": 1, "i_estotal": 1, "s_userid": 1})
+				customer, _ := Mgo.FindById("cuser", qu.ObjToString((*tagfield)["s_userid"]), bson.M{"s_name": 1})
+				(*tagfield)["s_customer"] = (*customer)["s_name"]
+			} else {
+				tagfield, _ = Mgo.FindOneByField("tags_common", bson.M{"s_dataid": world}, bson.M{"i_extfieldstype": 1, "i_estotal": 1, "s_customer": 1})
+			}
+			if (*tagfield) != nil && len(*tagfield) > 0 {
+				if qu.Int64All((*tagfield)["i_extfieldstype"]) == Standard {
+					tmp["fieldtype"] = Standardstr
+				} else if qu.Int64All((*tagfield)["i_extfieldstype"]) == Advanced {
+					tmp["fieldtype"] = Advancedstr
+				} else {
+					f.ServeJson(map[string]string{
+						"err": "参数失效",
+					})
+					return
+				}
+				tmp["total"] = qu.Int64All((*tagfield)["i_estotal"])
+				tmp["customername"] = qu.ObjToString((*tagfield)["s_customer"])
+				datas, _ := Mgo.Find("tagsdata", bson.M{"s_dataid": world}, `{"publishtime":-1}`, nil, false, -1, -1)
+				if (*datas) != nil && len(*datas) > 0 {
+					matchskey := make(map[string]bool)
+					rdata := make([]map[string]interface{}, 0)
+					for _, v := range *datas {
+						for _, mv := range strings.Split(qu.ObjToString(v["s_matchkey"]), ",") {
+							matchskey[mv] = true
+						}
+						delete(v, "_id")
+						delete(v, "s_dataid")
+						delete(v, "i_createtime")
+
+						if v["bidamount"] != nil {
+							v["bidamount"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["bidamount"])/10000))
+						}
+						if v["budget"] != nil {
+							v["budget"] = qu.Float64All(fmt.Sprintf("%f", qu.Float64All(v["budget"])/10000))
+						}
+						if v["publishtime"] != nil {
+							v["publishtime"] = time.Unix(qu.Int64All(v["publishtime"]), 0).Format("2006-01-02")
+						}
+						if v["bidopentime"] != nil {
+							v["bidopentime"] = time.Unix(qu.Int64All(v["bidopentime"]), 0).Format("2006-01-02")
+						}
+						if utf8.RuneCountInString(qu.ObjToString(v["title"])) > 60 {
+							title := string([]rune(qu.ObjToString(v["title"]))[:60])
+							v["title"] = title + "..."
+						}
+						if utf8.RuneCountInString(qu.ObjToString(v["detail"])) > 150 {
+							detail := string([]rune(qu.ObjToString(v["detail"]))[:150])
+							v["detail"] = detail + "..."
+						}
+						if qu.Int64All((*tagfield)["i_extfieldstype"]) == Advanced {
+							legal_person := strings.TrimSpace(qu.ObjToString(v["legal_person"]))
+							if utf8.RuneCountInString(legal_person) > 1 {
+								legal_person := []rune(legal_person)
+								v["legal_person"] = string(legal_person[:1]) + "**"
+							}
+
+							cemail := strings.TrimSpace(qu.ObjToString(v["company_email"]))
+							if emailreg.MatchString(cemail) {
+								v["company_email"] = "********" + cemail[strings.Index(cemail, "@"):]
+							} else {
+								v["company_email"] = ""
+							}
+							company_phone := strings.TrimSpace(qu.ObjToString(v["company_phone"]))
+							if telreg.MatchString(company_phone) || phonereg.MatchString(company_phone) {
+								company_phone = company_phone[:len(company_phone)-5] + "****"
+								v["company_phone"] = company_phone
+							} else {
+								v["company_phone"] = ""
+							}
+						}
+						deletefields(qu.IntAll((*tagfield)["i_extfieldstype"]), &v)
+						rdata = append(rdata, v)
+					}
+					tmp["keylist"] = []string{}
+					for k := range matchskey {
+						if k == "" {
+							continue
+						}
+						tmp["keylist"] = append(tmp["keylist"].([]string), k)
+					}
+					tmp["data"] = rdata
+					f.ServeJson(tmp)
+					return
+				}
+			}
+		}
+	}
+	f.ServeJson(map[string]string{
+		"err": "参数失效",
+	})
+}
+
+func (f *Private) Keydataoption(world string) {
+	destr := qu.SE.DecodeString(world)
+	tmp := make(map[string]interface{})
+	bytes := f.Body()
+	err := json.Unmarshal(bytes, &tmp)
+	if err == nil && len(destr) > 10 {
+		ctime := destr[:10]
+		ctimeint := qu.Int64All(ctime)
+		if time.Now().Sub(time.Unix(ctimeint, 0)).Hours()/24 < Subday {
+			res, _ := Mgo.FindOne("tags", bson.M{"s_dataid": world})
+			if nil != res && len(*res) > 0 {
+				feedback := make(map[string]interface{})
+				feedback["s_dataid"] = world
+				feedback["s_customer"] = (*res)["s_customer"]
+				feedback["s_tagname"] = (*res)["s_tagname"]
+				feedback["s_opinion"] = tmp["option"]
+				feedback["i_num"] = len(tmp["urls"].([]interface{}))
+				feedback["l_feedbacktime"] = time.Now().Unix()
+
+				tmps := make([]map[string]interface{}, 0)
+				for _, tt := range tmp["urls"].([]interface{}) {
+					ttres, _ := Mgo.FindOne("tagsdata", bson.M{"s_jyhref": tt})
+					if nil != ttres && len(*ttres) > 0 {
+						tmps = append(tmps, *ttres)
+					}
+				}
+
+				keysnum := make(map[string]int)
+				for _, v := range tmps {
+					for _, vv := range strings.Split(qu.ObjToString(v["s_matchkey"]), ",") {
+						keysnum[vv] += 1
+					}
+				}
+				keynums := []keynum{}
+				for k, v := range keysnum {
+					keynums = append(keynums, keynum{k, v})
+				}
+
+				sort.Slice(keynums, func(i, j int) bool {
+					return keynums[i].Num > keynums[j].Num
+				})
+				keyssort := []string{}
+				for _, v := range keynums {
+					keyssort = append(keyssort, v.Key)
+				}
+				feedback["o_matchkey"] = keyssort
+				pid := Mgo.Save("feedback", feedback)
+				if len(pid) < 1 {
+					log.Println("mongo save err")
+					return
+				}
+
+				for _, v := range tmps {
+					savetmp := map[string]interface{}{}
+					savetmp["s_pid"] = pid
+					savetmp["s_infoid"] = urlToId(qu.ObjToString(v["s_jyhref"]))
+					savetmp["s_jyhref"] = qu.ObjToString(v["s_jyhref"])
+					savetmp["s_matchkey"] = qu.ObjToString(v["s_matchkey"])
+					savetmp["s_projectname"] = qu.ObjToString(v["projectname"])
+					savetmp["s_title"] = qu.ObjToString(v["title"])
+					savetmp["s_buyerclass"] = qu.ObjToString(v["buyerclass"])
+					savetmp["s_subtype"] = qu.ObjToString(v["subtype"])
+					savetmp["s_purchasing"] = qu.ObjToString(v["s_purchasing"])
+					Mgo.Save("feedback_info", savetmp)
+				}
+				f.ServeJson(map[string]string{
+					"code": "1",
+					"err":  "提交成功",
+				})
+				go sendMail(*res, qu.ObjToString(tmp["option"])) //发送邮件
+				return
+			}
+		}
+	}
+	f.ServeJson(map[string]string{
+		"err": "参数失效",
+	})
+
+}
+
+type keynum struct {
+	Key string
+	Num int
+}
+
+var gmail *gm.GmailAuth
+
+func urlToId(url string) string {
+	url = pre.ReplaceAllString(url, "")
+	url = suf.ReplaceAllString(url, "")
+	return qu.CommonDecodeArticle("content", url)[0]
+}
+
+func deletefields(fieldnum int, data *map[string]interface{}) map[string]interface{} {
+	rdata := make(map[string]interface{})
+	one, _ := Mgo.FindOne("code_fields", bson.M{})
+	if one != nil && len(*one) > 0 {
+		for _, v := range (*one)[fmt.Sprintf("%d", fieldnum)].([]interface{}) {
+			if (*data)[qu.ObjToString(v)] != nil {
+				rdata[qu.ObjToString(v)] = (*data)[qu.ObjToString(v)]
+			}
+		}
+	}
+	return rdata
+}
+
+func sendMail(tag map[string]interface{}, option string) {
+	jkmail, _ := Sysconfig["jkmail"].(map[string]interface{})
+	title := "标签系统" + qu.ObjToString(tag["s_customername"]) + "反馈信息"
+	content := "客户姓名：" + qu.ObjToString(tag["s_customername"]) + "</br>" + "标签名称：" + qu.ObjToString(tag["s_tagname"]) + "</br>" +
+		"销售经理：" + qu.ObjToString(tag["s_salesperson"]) + "</br>" + "反馈内容：" + option
+	if jkmail != nil {
+		tomail, _ := jkmail["to"].(string)
+		api, _ := jkmail["api"].(string)
+		log.Println("start send", tomail, Sysconfig["jkmail"])
+		res, err := http.Get(fmt.Sprintf("%s?to=%s&title=%s&body=%s", api, tomail, title, content))
+		if err == nil {
+			defer res.Body.Close()
+			read, err := ioutil.ReadAll(res.Body)
+			log.Println("邮件发送：", string(read), err)
+		}
+	}
+}

src/service/repair_pro_service.go

@@ -0,0 +1,96 @@
+package service
+
+import (
+	"encoding/json"
+	mu "mfw/util"
+	"net"
+	qu "qfw/util"
+	"time"
+	"udptask"
+	. "util"
+)
+
+func (jy *RepairRule) RepairPro() {
+	defer qu.Catch()
+	jy.Render("repair/jy_pro_repair.html")
+}
+
+func (jy *RepairRule) RepairProRecord() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		start, _ := jy.GetInteger("start")
+		limit, _ := jy.GetInteger("length")
+		draw, _ := jy.GetInteger("draw")
+
+		data, _ := Mgo.Find(JyProRecord, nil, `{"i_modifytime": -1}`, nil, false, start, limit)
+		count := Mgo.Count(JyProRecord, nil)
+		jy.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		jy.Render("repair/jy_pro_repair.html")
+	}
+}
+
+func (jy *RepairRule) RepairFindPro() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		pid := jy.GetString("pid")
+		data, _ := JyProMgo.FindById(JyProColl, pid, map[string]interface{}{"list": 0, "ids": 0, "infofield": 0})
+		qu.Debug(JyProColl, pid)
+		if len(*data) > 0 {
+			delete(*data, "_id")
+			jy.ServeJson(map[string]interface{}{
+				"rep":  true,
+				"pid":  pid,
+				"data": *data,
+			})
+		} else {
+			jy.ServeJson(map[string]interface{}{
+				"rep": false,
+			})
+		}
+	}
+}
+
+func (jy *RepairRule) RepairProSave() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		requestData := GetPostForm(jy.Request)
+		pid := qu.ObjToString(requestData["pid"])
+		nextNode := *qu.ObjToMap(Sysconfig["jy_pro_node"])
+		// 日志记录
+		user := jy.GetSession("user").(map[string]interface{})
+		log_data := map[string]interface{}{
+			"s_modifyuser":   user["name"],
+			"s_type":         4,
+			"i_modifytime":   time.Now().Unix(),
+			"s_modifyreason": "修改项目外围字段",
+			"s_backupid":     pid,
+			"o_oldinfo":      *qu.ObjToMap(requestData["oldData"]),
+			"o_newinfo":      *qu.ObjToMap(requestData["newData"]),
+			"modifyinfo":     *qu.ObjToMap(requestData["modifyinfo"]),
+		}
+		Mgo.Save(JyProRecord, log_data)
+		// udp
+		by, _ := json.Marshal(map[string]interface{}{
+			"pid":         pid,
+			"updateField": requestData["modifyinfo"],
+			"stype":       "updatePro",
+		})
+		addr := &net.UDPAddr{
+			IP:   net.ParseIP(nextNode["addr"].(string)),
+			Port: qu.IntAll(nextNode["port"]),
+		}
+		qu.Debug(string(by))
+		err := udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+		if err == nil {
+			jy.ServeJson(map[string]interface{}{
+				"rep": true,
+			})
+		}
+	}
+}

src/service/repair_service.go

@@ -0,0 +1,1058 @@
+package service
+
+import (
+	"crypto/sha256"
+	"encoding/json"
+	"fmt"
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+	"go.mongodb.org/mongo-driver/bson/primitive"
+	"io"
+	"io/ioutil"
+	"log"
+	"math/big"
+	mu "mfw/util"
+	"mongodb"
+	"net"
+	qu "qfw/util"
+	"qfw/util/elastic"
+	"qfw/util/redis"
+	"regexp"
+	"strings"
+	"time"
+	"udptask"
+	. "util"
+)
+
+var (
+	rpre          = regexp.MustCompile("https://www.jianyu360.cn/article/content/")
+	rsuf          = regexp.MustCompile("(.html).*")
+	AddSpiderCode = "sdxzbiddingsjzypc" // 新增bidding数据spider_code
+)
+
+type RepairRule struct {
+	*xweb.Action
+	repairList    xweb.Mapper `xweb:"/service/jy/repair"`
+	searchID      xweb.Mapper `xweb:"/service/jy/searchID"`
+	searchJyurl   xweb.Mapper `xweb:"/service/jy/searchJyurl"`
+	repairEdit    xweb.Mapper `xweb:"/service/jy/edit"`
+	repairDelete  xweb.Mapper `xweb:"/service/jy/delete"`
+	repairSave    xweb.Mapper `xweb:"/service/jy/save"`
+	repairCreate  xweb.Mapper `xweb:"/service/jy/create"`
+	repairNewSave xweb.Mapper `xweb:"/service/jy/newSave"`
+
+	repairBulk    xweb.Mapper `xweb:"/service/jy/bulk_repair"`
+	repairImport  xweb.Mapper `xweb:"/service/jy/importData"`
+	repairImport1 xweb.Mapper `xweb:"/service/jy/importData1"`
+	repairModify  xweb.Mapper `xweb:"/service/jy/modifySave"`
+	repairDel     xweb.Mapper `xweb:"/service/jy/delSave"`
+	repairRecord  xweb.Mapper `xweb:"/service/jy/modifyRecord"`
+
+	repairPro       xweb.Mapper `xweb:"/service/jy/repair/pro"`
+	repairFindPro   xweb.Mapper `xweb:"/service/jy/repair/queryPro"`
+	repairProSave   xweb.Mapper `xweb:"/service/jy/repair/pro/save"`
+	repairProRecord xweb.Mapper `xweb:"/service/jy/repair/pro/record"`
+
+	repairNewAdd xweb.Mapper `xweb:"/service/jy/repair/newAdd"`
+	repairPub    xweb.Mapper `xweb:"/service/jy/repair/pubSave"`
+}
+
+func (jy *RepairRule) RepairList() {
+	defer qu.Catch()
+	jy.Render("repair/jy_repair.html")
+}
+
+//新增数据
+func (jy *RepairRule) RepairCreate() {
+	defer qu.Catch()
+	jy.T["data"] = map[string]string{
+		"title":       "",
+		"site":        "",
+		"href":        "",
+		"channel":     "",
+		"publishtime": "",
+		"area":        "",
+		"city":        "",
+		"district":    "",
+		"infoformat":  "1"}
+	jy.Render("repair/jy_create.html", &jy.T)
+}
+
+//新增数据
+func (jy *RepairRule) RepairNewSave() {
+	defer qu.Catch()
+	log.Println("新增数据")
+	//mongo新增
+	request_data := GetPostForm(jy.Request)
+	updata := qu.ObjToMap(request_data["data"])
+	reasons := qu.ObjToString(request_data["reasons"])
+	contenthtml := qu.ObjToString(request_data["contenthtml"])
+	detail := detailClear(qu.ObjToString(request_data["detail"]))
+	summary := qu.ObjToString(request_data["summary"])
+	(*updata)["contenthtml"] = contenthtml
+	(*updata)["detail"] = detail
+	if summary != "" {
+		(*updata)["summary"] = summary
+	}
+
+	//处理个别字段
+	(*updata)["_id"] = primitive.NewObjectID()
+	if hf := qu.ObjToString((*updata)["href"]); hf == "" {
+		var Url = "https://www.jianyu360.cn/article/content/%s.html"
+		(*updata)["href"] = fmt.Sprintf(Url, qu.CommonEncodeArticle("content", mongodb.BsonIdToSId((*updata)["_id"])))
+	}
+	// spider_code
+	(*updata)["spidercode"] = AddSpiderCode
+	// s_sha
+	(*updata)["s_sha"] = Sha(detail)
+	// dataging
+	(*updata)["dataging"] = 0
+	// comeintime
+	(*updata)["comeintime"] = time.Now().Unix()
+	// publishtime
+	if val, ok := (*updata)["publishtime"]; ok {
+		(*updata)["publishtime"] = qu.Int64All(val)
+	} else {
+		pt := int64(0)
+		(*updata)["publishtime"] = pt
+	}
+	// infoformat
+	if val, ok := (*updata)["infoformat"]; ok {
+		(*updata)["infoformat"] = qu.IntAll(val)
+	} else {
+		(*updata)["infoformat"] = 1
+	}
+	b := JYMgo.SaveByOriID(JyCollNameOne, *updata)
+	// 保存服务
+	href := qu.ObjToString((*updata)["href"])
+	db := HexToBigIntMod(href)
+	hashHref := HexText(href)
+	shaid := Sha(detail)
+	PutRedis("title_repeat_fulljudgement", db, hashHref, mongodb.BsonIdToSId((*updata)["_id"]), -1) // 全量redis
+	PutRedis("shaid", 0, shaid, "", 5184000)                                                        //	增量reids
+	PutRedis("title_repeat_listpagehref", 0, href, "", 3600*24*30*24)                               // 列表页增量redis
+	if b {
+		log.Println("当前新增id：", mongodb.BsonIdToSId((*updata)["_id"]))
+		//日志记录
+		user := jy.GetSession("user").(map[string]interface{})
+		log_data := map[string]interface{}{
+			"s_modifyuser":   user["name"],
+			"s_type":         1,
+			"i_modifytime":   time.Now().Unix(),
+			"s_modifyreason": reasons,
+			"s_backupid":     mongodb.BsonIdToSId((*updata)["_id"]),
+			"o_oldinfo":      map[string]interface{}{},
+			"o_newinfo":      updata,
+		}
+		Mgo.Save(JyRecord, log_data)
+
+		jy.ServeJson(map[string]interface{}{
+			"rep": true,
+		})
+
+	} else {
+		jy.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+
+}
+
+// RepairNewAdd 新增数据(无数据流程)
+func (jy *RepairRule) RepairNewAdd() {
+	defer qu.Catch()
+	jy.T["province"] = Province
+	jy.T["city"] = ProvinceCitys
+	jy.T["district"] = CityDistricts
+	jy.T["topTypeArr"] = TopTypeArr
+	jy.T["subTypeMap"] = SubTypeMap
+	jy.T["buyerClass"] = BuyerClass
+	jy.T["scopeClass"] = ScopeClassMap
+	jy.Render("repair/jy_create_new.html", &jy.T)
+}
+
+func (jy *RepairRule) RepairPub() {
+	defer qu.Catch()
+	request_data := GetPostForm(jy.Request)
+	jsdata := qu.ObjToMap(request_data["data"])
+	qu.Debug(*jsdata)
+	save := make(map[string]interface{})
+	save["_id"] = primitive.NewObjectID()
+	for k, v := range *jsdata {
+		if v == "" {
+			continue
+		}
+		if k == "publishtime" {
+			save[k] = qu.Int64All(v)
+		} else if k == "href" && v == "#" {
+			var Url = "https://www.jianyu360.cn/article/content/%s.html"
+			save["href"] = fmt.Sprintf(Url, qu.CommonEncodeArticle("content", mongodb.BsonIdToSId(save["_id"])))
+		} else {
+			save[k] = v
+		}
+	}
+	// spider_code
+	save["spidercode"] = AddSpiderCode
+	// s_sha
+	save["s_sha"] = Sha(qu.ObjToString(save["detail"]))
+	// dataging
+	save["dataging"] = 0
+	// comeintime
+	save["comeintime"] = time.Now().Unix()
+	save["infoformat"] = 1
+	save["extracttype"] = 0
+
+	b := JYMgo.SaveByOriID(JyCollNameOne, save)
+	if b {
+		// 保存服务
+		href := qu.ObjToString(save["href"])
+		db := HexToBigIntMod(href)
+		hashHref := HexText(href)
+		shaid := Sha(qu.ObjToString(save["detail"]))
+		PutRedis("title_repeat_fulljudgement", db, hashHref, mongodb.BsonIdToSId(save["_id"]), -1)
+		PutRedis("shaid", 0, shaid, "", 5184000)
+		log.Println("当前新增id：", mongodb.BsonIdToSId(save["_id"]))
+		//日志记录
+		user := jy.GetSession("user").(map[string]interface{})
+		log_data := map[string]interface{}{
+			"s_modifyuser":   user["name"],
+			"s_type":         1,
+			"i_modifytime":   time.Now().Unix(),
+			"s_modifyreason": "剑鱼直接新增数据",
+			"s_backupid":     mongodb.BsonIdToSId(save["_id"]),
+			"o_newinfo":      save,
+		}
+		Mgo.Save(JyRecord, log_data)
+
+		indexNode := *qu.ObjToMap(Sysconfig["indexNode"])
+		by, _ := json.Marshal(map[string]interface{}{
+			"query": map[string]interface{}{
+				"_id": bson.M{
+					"$gte": save["_id"],
+					"$lte": save["_id"],
+				}},
+			"stype": qu.ObjToString(indexNode["stype"]),
+			"coll":  JyCollNameOne,
+		})
+		addr := &net.UDPAddr{
+			IP:   net.ParseIP(indexNode["addr"].(string)),
+			Port: qu.IntAll(indexNode["port"]),
+		}
+		qu.Debug("udp---1---------", string(by))
+		udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+		jy.ServeJson(map[string]interface{}{
+			"rep": true,
+		})
+
+	} else {
+		jy.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+var reg = regexp.MustCompile("[^0-9A-Za-z\u4e00-\u9fa5]+")
+var h = sha256.New()
+var Filter = regexp.MustCompile("<[^>]*?>|[\\s\u3000\u2003\u00a0]")
+
+func Sha(con string) string {
+	h.Reset()
+	con = reg.ReplaceAllString(Filter.ReplaceAllString(con, ""), "")
+	h.Write([]byte(con))
+	return fmt.Sprintf("%x", h.Sum(nil))
+}
+
+func HexToBigIntMod(href string) int {
+	//取哈希值
+	t := sha256.New()
+	_, _ = io.WriteString(t, href)
+	hex := fmt.Sprintf("%x", t.Sum(nil))
+	//取模
+	n := new(big.Int)
+	n, _ = n.SetString(hex[2:], 16)
+	return int(n.Mod(n, big.NewInt(16)).Int64())
+}
+
+func HexText(href string) string {
+	h := sha256.New()
+	h.Write([]byte(href))
+	return fmt.Sprintf("%x", h.Sum(nil))
+}
+
+//编辑
+func (jy *RepairRule) RepairEdit() {
+	defer qu.Catch()
+	id := jy.GetString("id")
+	coll := jy.GetString("coll")
+	data, _ := JYMgo.FindById(coll, id, "")
+	delete(*data, "_id")
+	//contenthtml detail 单独拿出来
+	detail := qu.ObjToString((*data)["detail"])
+	contenthtml := qu.ObjToString((*data)["contenthtml"])
+	summary := qu.ObjToString((*data)["summary"])
+	jy.T["detail"] = detail
+	jy.T["contenthtml"] = contenthtml
+	jy.T["summary"] = summary
+	delete(*data, "detail")
+	delete(*data, "contenthtml")
+	delete(*data, "summary")
+
+	jy.T["id"] = id
+	jy.T["data"] = *data
+	jy.T["coll"] = coll
+
+	jy.Render("repair/jy_edit.html", &jy.T)
+}
+
+//删除
+func (jy *RepairRule) RepairDelete() {
+	defer qu.Catch()
+	id := jy.GetString("_id")
+	coll := jy.GetString("coll")
+	old_data, _ := JYMgo.FindById(coll, id, "") //记录当前表的源数据
+	log.Println(id, coll)
+	set := bson.M{"_id": mongodb.StringTOBsonId(id)}
+	b := JYMgo.Del(coll, set)
+
+	if !b {
+		jy.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	} else {
+		//删除es
+		client := elastic.GetEsConn()
+		defer elastic.DestoryEsConn(client)
+
+		_, err := client.Delete().Index(EsIndex).Type(EsType).Id(id).Refresh(true).Do()
+		if err != nil {
+			log.Println("delete es err:", err)
+		}
+
+		//删除redis 指定key
+		delName1 := RedisDelKey1 + id + "_*"
+		redis.DelByCodePattern(RedisJYName, delName1)
+		//jyredis := redis.RedisPool[RedisJYName].Get()
+		//defer jyredis.Close()
+		//if _, err := jyredis.Do("SELECT", 0); err != nil {
+		//	log.Println("删除-redis-select-db失败")
+		//} else {
+		//	delName1 := RedisDelKey1 + id + "_*"
+		//	if _, err1 := jyredis.Do("DEL", delName1); err1 != nil {
+		//		log.Println("删除-del-redis-fail：", delName1)
+		//	}
+		//delName2 := RedisDelKey2 + id
+		//if _, err2 := jyredis.Do("DEL", delName2); err2 != nil {
+		//	log.Println("删除-del-redis-fail：", delName2)
+		//}
+		//delName3 := RedisDelKey3 + id
+		//if _, err3 := jyredis.Do("DEL", delName3); err3 != nil {
+		//	log.Println("删除-del-redis-fail：", delName3)
+		//}
+		//delName4 := RedisDelKey4 + id
+		//if _, err4 := jyredis.Do("DEL", delName4); err4 != nil {
+		//	log.Println("更新-del-redis-fail：", delName4)
+		//}
+		//delName5 := RedisDelKey5 + id
+		//if _, err5 := jyredis.Do("DEL", delName5); err5 != nil {
+		//	log.Println("更新-del-redis-fail：", delName5)
+		//}
+		//}
+
+		//日志记录
+		user := jy.GetSession("user").(map[string]interface{})
+		log_data := map[string]interface{}{
+			"s_modifyuser":   user["name"],
+			"s_type":         3,
+			"i_modifytime":   time.Now().Unix(),
+			"s_modifyreason": "单条删除",
+			"s_backupid":     id,
+			"o_oldinfo":      old_data,
+			"modifyinfo":     "删除数据",
+		}
+		Mgo.Save(JyRecord, log_data)
+
+		// udp 项目
+		nextNode := *qu.ObjToMap(Sysconfig["jy_pro_node"])
+		by, _ := json.Marshal(map[string]interface{}{
+			"infoid": id,
+			"stype":  "deleteInfo",
+		})
+		addr := &net.UDPAddr{
+			IP:   net.ParseIP(nextNode["addr"].(string)),
+			Port: qu.IntAll(nextNode["port"]),
+		}
+		qu.Debug(string(by))
+		udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+
+		jy.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}
+
+//修改-mongo -es
+func (jy *RepairRule) RepairSave() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		//request_data := GetPostForm(jy.Request)
+		dataStr := jy.GetString("data")
+		var updata map[string]interface{}
+		if err := json.Unmarshal([]byte(dataStr), &updata); err != nil {
+			qu.Debug("data Unmarshal Failed：", err)
+		}
+		coll := jy.GetString("coll")
+		id := jy.GetString("id")
+		old_data, _ := JYMgo.FindById(coll, id, nil) //记录当前表的源数据
+		delete(*old_data, "_id")
+		reasons := jy.GetString("reasons")
+		//contenthtml := qu.ObjToString(request_data["contenthtml"])
+		//detail := qu.ObjToString(request_data["detail"])
+		//summary := qu.ObjToString(request_data["summary"])
+		modifyStr := jy.GetString("modifyinfo")
+		var modifyinfo map[string]interface{}
+		if err := json.Unmarshal([]byte(modifyStr), &modifyinfo); err != nil {
+			qu.Debug("modifyinfo Unmarshal Failed：", err)
+		}
+		//(*updata)["contenthtml"] = contenthtml
+		//(*updata)["detail"] = detailClear(detail)
+		//变更字段
+		if len(modifyinfo) == 0 {
+			jy.ServeJson(map[string]interface{}{
+				"rep": false,
+			})
+		} else {
+			if (*old_data)["modifyinfo"] != nil {
+				if m, ok := (*old_data)["modifyinfo"].(map[string]interface{}); ok {
+					for k, v := range m {
+						modifyinfo[k] = v
+					}
+				}
+			}
+		}
+
+		//处理个别字段
+		//if val, ok := (*old_data)["publishtime"]; ok {
+		//	(*old_data)["publishtime"] = qu.Int64All(val)
+		//} else {
+		//	pt := int64(0)
+		//	(*old_data)["publishtime"] = pt
+		//}
+		//if val, ok := (*old_data)["infoformat"]; ok {
+		//	(*old_data)["infoformat"] = qu.IntAll(val)
+		//} else {
+		//	(*old_data)["infoformat"] = 1
+		//}
+
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		delete(updata, "_id")
+		for k, v := range updata {
+			if k == "extracttype" || k == "publishtime" || k == "bidopentime" {
+				(updata)[k] = qu.IntAll(v)
+			} else if k == "budget" || k == "bidamount" {
+				(updata)[k] = qu.Float64All(v)
+			}
+		}
+		updata["modifyinfo"] = modifyinfo
+		var set map[string]interface{}
+		set = bson.M{
+			"$set": updata,
+		}
+		//if modifyinfo["summary"] == nil {
+		//	delete(*updata, "summary")
+		//	set = bson.M{
+		//		"$set": *updata,
+		//		"$unset": bson.M{
+		//			"summary": "",
+		//		},
+		//	}
+		//} else {
+		//	set = bson.M{
+		//		"$set": *updata,
+		//	}
+		//}
+		FormatNumber(updata)
+		qu.Debug(query, updata)
+		rep := JYMgo.Update(coll, query, set, true, false)
+		if !rep {
+			jy.ServeJson(map[string]interface{}{
+				"rep": rep,
+			})
+		} else {
+			//调udp生索引
+			indexNode := *qu.ObjToMap(Sysconfig["indexNode"])
+			by, _ := json.Marshal(map[string]interface{}{
+				"query": map[string]interface{}{
+					"_id": bson.M{
+						"$gte": mongodb.StringTOBsonId(id),
+						"$lte": mongodb.StringTOBsonId(id),
+					}},
+				"stype": qu.ObjToString(indexNode["stype"]),
+				"coll":  coll,
+			})
+			addr := &net.UDPAddr{
+				IP:   net.ParseIP(indexNode["addr"].(string)),
+				Port: qu.IntAll(indexNode["port"]),
+			}
+			qu.Debug("udp---1---------", string(by))
+			udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+			if isModifyPro(modifyinfo) {
+				// udp	项目
+				nextNode := *qu.ObjToMap(Sysconfig["jy_pro_node"])
+				by1, _ := json.Marshal(map[string]interface{}{
+					"infoid": id,
+					"stype":  "updateInfo",
+					"coll":   coll,
+				})
+				addr1 := &net.UDPAddr{
+					IP:   net.ParseIP(nextNode["addr"].(string)),
+					Port: qu.IntAll(nextNode["port"]),
+				}
+				qu.Debug("udp---2---------", string(by1))
+				udptask.Udpclient.WriteUdp(by1, mu.OP_TYPE_DATA, addr1)
+			}
+
+			//删除redis 指定key
+			delName1 := RedisDelKey1 + id + "_*"
+			redis.DelByCodePattern(RedisJYName, delName1)
+			//jyredis := redis.RedisPool[RedisJYName].Get()
+			//defer jyredis.Close()
+			//if _, err := jyredis.Do("SELECT", 0); err != nil {
+			//	log.Println("更新-redis-select-db失败")
+			//} else {
+			//	delName1 := RedisDelKey1 + id + "_*"
+			//	if _, err1 := jyredis.Do("DEL", delName1); err1 != nil {
+			//		log.Println("更新-del-redis-fail：", delName1)
+			//	}
+			//delName2 := RedisDelKey2 + id
+			//if _, err2 := jyredis.Do("DEL", delName2); err2 != nil {
+			//	log.Println("更新-del-redis-fail：", delName2)
+			//}
+			//delName3 := RedisDelKey3 + id
+			//if _, err3 := jyredis.Do("DEL", delName3); err3 != nil {
+			//	log.Println("更新-del-redis-fail：", delName3)
+			//}
+			//delName4 := RedisDelKey4 + id
+			//if _, err4 := jyredis.Do("DEL", delName4); err4 != nil {
+			//	log.Println("更新-del-redis-fail：", delName4)
+			//}
+			//delName5 := RedisDelKey5 + id
+			//if _, err5 := jyredis.Do("DEL", delName5); err5 != nil {
+			//	log.Println("更新-del-redis-fail：", delName5)
+			//}
+			//}
+
+			//日志记录
+			user := jy.GetSession("user").(map[string]interface{})
+			log_data := map[string]interface{}{
+				"s_modifyuser":   user["name"],
+				"s_type":         2,
+				"i_modifytime":   time.Now().Unix(),
+				"s_modifyreason": reasons,
+				"s_backupid":     id,
+				"o_oldinfo":      old_data,
+				"o_newinfo":      updata,
+				"modifyinfo":     modifyinfo,
+			}
+			Mgo.Save(JyRecord, log_data)
+
+			jy.ServeJson(map[string]interface{}{
+				"rep": rep,
+			})
+		}
+
+	}
+}
+
+//查询
+func (jy *RepairRule) SearchID() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		id := jy.GetString("_id")
+		//先查one 没有在查two
+		if !mongodb.IsObjectIdHex(id) {
+			jy.ServeJson(map[string]interface{}{
+				"rep": false,
+				"msg": "id格式不正确",
+			})
+		} else {
+			data_one, rep_one := JYMgo.Find(JyCollNameOne, bson.M{"_id": mongodb.StringTOBsonId(id)}, nil, nil, false, -1, -1)
+			if !rep_one || len(*data_one) <= 0 {
+				data_two, rep_two := JYMgo.Find(JyCollNameTwo, bson.M{"_id": mongodb.StringTOBsonId(id)}, nil, nil, false, -1, -1)
+				qu.Debug(JyCollNameOne, id)
+				if !rep_two || len(*data_two) <= 0 {
+					jy.ServeJson(map[string]interface{}{
+						"rep": false,
+						"msg": "未查询到数据",
+					})
+				} else {
+					jy.ServeJson(map[string]interface{}{
+						"orgColl": JyCollNameTwo,
+						"rep":     rep_two,
+						"data":    data_two,
+					})
+				}
+			} else {
+				qu.Debug(JyCollNameOne, id)
+				jy.ServeJson(map[string]interface{}{
+					"orgColl": JyCollNameOne,
+					"rep":     rep_one,
+					"data":    data_one,
+				})
+			}
+		}
+	}
+}
+
+func (jy *RepairRule) SearchJyurl() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+
+		jyurl := jy.GetString("jyurl")
+		jyurl = rpre.ReplaceAllString(jyurl, "")
+		jyurl = rsuf.ReplaceAllString(jyurl, "")
+		new_id := qu.CommonDecodeArticle("content", jyurl)[0]
+		qu.Debug(new_id)
+		if !mongodb.IsObjectIdHex(new_id) {
+			jy.ServeJson(map[string]interface{}{
+				"rep": false,
+				"msg": "href格式不正确",
+			})
+		} else {
+			data_one, rep_one := JYMgo.Find(JyCollNameOne, bson.M{"_id": mongodb.StringTOBsonId(new_id)}, nil, nil, false, -1, -1)
+			if !rep_one || len(*data_one) <= 0 {
+				data_two, rep_two := JYMgo.Find(JyCollNameTwo, bson.M{"_id": mongodb.StringTOBsonId(new_id)}, nil, nil, false, -1, -1)
+				if !rep_two || len(*data_two) <= 0 {
+					jy.ServeJson(map[string]interface{}{
+						"rep": false,
+						"msg": "未查询到数据",
+					})
+				} else {
+					jy.ServeJson(map[string]interface{}{
+						"orgColl": JyCollNameTwo,
+						"rep":     rep_two,
+						"data":    data_two,
+					})
+				}
+			} else {
+				jy.ServeJson(map[string]interface{}{
+					"orgColl": JyCollNameOne,
+					"rep":     rep_one,
+					"data":    data_one,
+				})
+			}
+		}
+
+	}
+}
+
+func detailClear(detail string) string {
+	cut := NewCut()
+	new_s := cut.ClearHtml(detail)
+	return new_s
+}
+
+func (jy *RepairRule) RepairBulk() {
+	defer qu.Catch()
+	jy.Render("repair/jy_bulk.html")
+}
+
+func (jy *RepairRule) RepairRecord() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		start, _ := jy.GetInteger("start")
+		limit, _ := jy.GetInteger("length")
+		draw, _ := jy.GetInteger("draw")
+		searchStr := jy.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{}
+		if search != "" {
+			query["$or"] = []interface{}{
+				//bson.M{"s_customer": bson.M{"$regex": search}},
+				//bson.M{"s_tagname": bson.M{"$regex": search}},
+			}
+		}
+		field := map[string]interface{}{"s_backupid": 1, "s_modifyuser": 1, "i_modifytime": 1, "modifyinfo": 1, "s_modifyreason": 1}
+		data, _ := Mgo.Find("jy_modify_log", query, `{"i_modifytime": -1}`, field, false, start, limit)
+		count := Mgo.Count("jy_modify_log", query)
+		jy.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		jy.Render("repair/jy_bulk.html")
+	}
+}
+
+/**
+批量修改
+*/
+func (jy *RepairRule) RepairImport() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		mf, _, err := jy.GetFile("xlsx")
+		if err == nil {
+			binary, err := ioutil.ReadAll(mf)
+			if err == nil {
+				data, err := ParsJyData(binary)
+				if err == nil {
+					jy.ServeJson(map[string]interface{}{
+						"data": data,
+						"rep":  true,
+					})
+					return
+				}
+			}
+		}
+		jy.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+/**
+批量删除
+*/
+func (jy *RepairRule) RepairImport1() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		mf, _, err := jy.GetFile("xlsx")
+		if err == nil {
+			binary, err := ioutil.ReadAll(mf)
+			if err == nil {
+				data, err := ParsJyData(binary)
+				if err == nil {
+					jy.ServeJson(map[string]interface{}{
+						"data": data,
+						"rep":  true,
+					})
+					return
+				}
+			}
+		}
+		jy.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+/**
+批量修改保存
+*/
+func (jy *RepairRule) RepairModify() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		user := jy.GetSession("user").(map[string]interface{})
+		data := GetPostForm(jy.Request)
+		var updata []map[string]interface{}
+		json.Unmarshal([]byte(qu.ObjToString(data["data"])), &updata)
+		var errs []map[string]interface{}
+		for _, tmp := range updata {
+			err := ModifyData(tmp, user)
+			if err != nil {
+				errs = append(errs, err)
+			}
+			time.Sleep(time.Millisecond * 1)
+		}
+
+		if len(errs) > 0 {
+			jy.ServeJson(map[string]interface{}{
+				"rep":  false,
+				"data": errs,
+			})
+		} else {
+			jy.ServeJson(map[string]interface{}{
+				"rep": true,
+			})
+		}
+	}
+}
+
+func ModifyData(tmp map[string]interface{}, user map[string]interface{}) (err map[string]interface{}) {
+	id := qu.ObjToString(tmp["_id"])
+	old_data, _ := JYMgo.FindById(JyCollNameOne, id, `{}`)
+	coll := ""
+	if len(*old_data) > 0 {
+		coll = JyCollNameOne
+	} else {
+		qu.Debug("ModifyData--------", id)
+		old_data, _ = JYMgo.FindById(JyCollNameTwo, id, `{}`)
+		coll = JyCollNameTwo
+	}
+	delete(*old_data, "_id")
+	//new_data := Copy(*old_data).(map[string]interface{})
+	new_data := make(map[string]interface{})
+	modifyinfo := make(map[string]interface{})
+	del_data := make(map[string]interface{})
+	for k, v := range tmp {
+		if k == "_id" {
+			continue
+		}
+		if strings.EqualFold(strings.ToUpper(qu.ObjToString(v)), "DEL") {
+			del_data[k] = ""
+			delete(new_data, k)
+		} else if k == "budget" || k == "bidamount" {
+			new_data[k] = qu.Float64All(v)
+		} else if strings.Contains(k, "time") && 10 == len(fmt.Sprint(v)) {
+			new_data[k] = qu.Int64All(v)
+		} else {
+			new_data[k] = v
+		}
+		modifyinfo[k] = "剑鱼维护"
+	}
+	//变更字段
+	if new_data["modifyinfo"] != nil {
+		tmpinfo := new_data["modifyinfo"].(map[string]interface{})
+		for k, v := range modifyinfo {
+			tmpinfo[k] = v
+		}
+		new_data["modifyinfo"] = tmpinfo
+	} else {
+		new_data["modifyinfo"] = modifyinfo
+	}
+	query := bson.M{
+		"_id": mongodb.StringTOBsonId(id),
+	}
+	delete(new_data, "_id")
+	var set map[string]interface{}
+	if len(del_data) == 0 {
+		set = bson.M{
+			"$set": new_data,
+		}
+	} else {
+		set = bson.M{
+			"$set":   new_data,
+			"$unset": del_data,
+		}
+	}
+	rep := JYMgo.Update(coll, query, set, false, false)
+	if !rep {
+		return map[string]interface{}{"_id": id, "err": "更新失败"}
+	}
+
+	indexNode := *qu.ObjToMap(Sysconfig["indexNode"])
+	by, _ := json.Marshal(map[string]interface{}{
+		"query": map[string]interface{}{
+			"_id": bson.M{
+				"$gte": mongodb.StringTOBsonId(id),
+				"$lte": mongodb.StringTOBsonId(id),
+			}},
+		"stype": qu.ObjToString(indexNode["stype"]),
+		"coll":  coll,
+	})
+	addr := &net.UDPAddr{
+		IP:   net.ParseIP(indexNode["addr"].(string)),
+		Port: qu.IntAll(indexNode["port"]),
+	}
+	qu.Debug("udp------------", string(by))
+	udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+	if isModifyPro(modifyinfo) {
+		// udp	项目
+		nextNode := *qu.ObjToMap(Sysconfig["jy_pro_node"])
+		by1, _ := json.Marshal(map[string]interface{}{
+			"infoid": id,
+			"stype":  "updateInfo",
+		})
+		addr1 := &net.UDPAddr{
+			IP:   net.ParseIP(nextNode["addr"].(string)),
+			Port: qu.IntAll(nextNode["port"]),
+		}
+		qu.Debug("udp---2---------", string(by1))
+		udptask.Udpclient.WriteUdp(by1, mu.OP_TYPE_DATA, addr1)
+	}
+
+	//删除redis 指定key
+	delName1 := RedisDelKey1 + id + "_*"
+	redis.DelByCodePattern(RedisJYName, delName1)
+	//jyredis := redis.RedisPool[RedisJYName].Get()
+	//defer jyredis.Close()
+	//if _, err := jyredis.Do("SELECT", 0); err != nil {
+	//	log.Println("更新-redis-select-db失败")
+	//} else {
+	//	delName1 := RedisDelKey1 + id + "_*"
+	//	if _, err1 := jyredis.Do("DEL", delName1); err1 != nil {
+	//		log.Println("更新-del-redis-fail：", delName1)
+	//	}
+	//delName2 := RedisDelKey2 + id
+	//if _, err2 := jyredis.Do("DEL", delName2); err2 != nil {
+	//	log.Println("更新-del-redis-fail：", delName2)
+	//}
+	//delName3 := RedisDelKey3 + id
+	//if _, err3 := jyredis.Do("DEL", delName3); err3 != nil {
+	//	log.Println("更新-del-redis-fail：", delName3)
+	//}
+	//delName4 := RedisDelKey4 + id
+	//if _, err4 := jyredis.Do("DEL", delName4); err4 != nil {
+	//	log.Println("更新-del-redis-fail：", delName4)
+	//}
+	//delName5 := RedisDelKey5 + id
+	//if _, err5 := jyredis.Do("DEL", delName5); err5 != nil {
+	//	log.Println("更新-del-redis-fail：", delName5)
+	//}
+	//}
+
+	delete(new_data, "modifyinfo")
+	log_data := map[string]interface{}{
+		"s_modifyuser":   user["name"],
+		"s_type":         2,
+		"i_modifytime":   time.Now().Unix(),
+		"s_modifyreason": "批量修改",
+		"s_backupid":     id,
+		"o_oldinfo":      old_data,
+		"o_newinfo":      new_data,
+		"modifyinfo":     modifyinfo,
+	}
+	Mgo.Save(JyRecord, log_data)
+	return nil
+}
+
+func (jy *RepairRule) RepairDel() {
+	defer qu.Catch()
+	if jy.Method() == "POST" {
+		user := jy.GetSession("user").(map[string]interface{})
+		data := GetPostForm(jy.Request)
+		var updata []map[string]interface{}
+		json.Unmarshal([]byte(qu.ObjToString(data["data"])), &updata)
+		var errs []map[string]interface{}
+		for _, tmp := range updata {
+			err := ModifyData1(tmp, user)
+			if err != nil {
+				errs = append(errs, err)
+			}
+			time.Sleep(time.Millisecond * 1)
+		}
+
+		if len(errs) > 0 {
+			jy.ServeJson(map[string]interface{}{
+				"rep":  false,
+				"data": errs,
+			})
+		} else {
+			jy.ServeJson(map[string]interface{}{
+				"rep": true,
+			})
+		}
+	}
+}
+
+func ModifyData1(tmp map[string]interface{}, user map[string]interface{}) (err map[string]interface{}) {
+	id := qu.ObjToString(tmp["_id"])
+	old_data, _ := JYMgo.FindById(JyCollNameOne, id, `{}`)
+	coll := ""
+	if len(*old_data) > 0 {
+		coll = JyCollNameOne
+	} else {
+		old_data, _ = JYMgo.FindById(JyCollNameTwo, id, `{}`)
+		coll = JyCollNameTwo
+	}
+
+	query := map[string]interface{}{
+		"_id": mongodb.StringTOBsonId(id),
+	}
+	rep := JYMgo.Del(coll, query)
+	if !rep {
+		return map[string]interface{}{"_id": id, "err": "删除失败"}
+	}
+
+	//删除es
+	client := elastic.GetEsConn()
+	defer elastic.DestoryEsConn(client)
+	_, err1 := client.Delete().Index(EsIndex).Type(EsType).Id(id).Refresh(true).Do()
+	if err1 != nil {
+		log.Println("delete es err:", err1)
+	}
+
+	// udp 项目
+	nextNode := *qu.ObjToMap(Sysconfig["jy_pro_node"])
+	by, _ := json.Marshal(map[string]interface{}{
+		"infoid": id,
+		"stype":  "deleteInfo",
+	})
+	addr := &net.UDPAddr{
+		IP:   net.ParseIP(nextNode["addr"].(string)),
+		Port: qu.IntAll(nextNode["port"]),
+	}
+	qu.Debug(string(by))
+	udptask.Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+
+	//删除redis 指定key
+	delName1 := RedisDelKey1 + id + "_*"
+	redis.DelByCodePattern(RedisJYName, delName1)
+	//jyredis := redis.RedisPool[RedisJYName].Get()
+	//defer jyredis.Close()
+	//if _, err := jyredis.Do("SELECT", 0); err != nil {
+	//	log.Println("更新-redis-select-db失败")
+	//} else {
+	//	delName1 := RedisDelKey1 + id + "_*"
+	//	if _, err1 := jyredis.Do("DEL", delName1); err1 != nil {
+	//		log.Println("更新-del-redis-fail：", delName1)
+	//	}
+	//delName2 := RedisDelKey2 + id
+	//if _, err2 := jyredis.Do("DEL", delName2); err2 != nil {
+	//	log.Println("更新-del-redis-fail：", delName2)
+	//}
+	//delName3 := RedisDelKey3 + id
+	//if _, err3 := jyredis.Do("DEL", delName3); err3 != nil {
+	//	log.Println("更新-del-redis-fail：", delName3)
+	//}
+	//delName4 := RedisDelKey4 + id
+	//if _, err4 := jyredis.Do("DEL", delName4); err4 != nil {
+	//	log.Println("更新-del-redis-fail：", delName4)
+	//}
+	//delName5 := RedisDelKey5 + id
+	//if _, err5 := jyredis.Do("DEL", delName5); err5 != nil {
+	//	log.Println("更新-del-redis-fail：", delName5)
+	//}
+	//}
+
+	log_data := map[string]interface{}{
+		"s_modifyuser":   user["name"],
+		"s_type":         2,
+		"i_modifytime":   time.Now().Unix(),
+		"s_modifyreason": "批量删除",
+		"s_backupid":     id,
+		"o_oldinfo":      old_data,
+		"modifyinfo":     "删除数据",
+	}
+	Mgo.Save(JyRecord, log_data)
+	return nil
+}
+
+// 公告信息修改字段，需要修改项目信息的字段
+var ElementsPro = []string{
+	"projectname",
+	"projectcode",
+	"buyer",
+	"agency",
+	"area",
+	"city",
+	"publishtime",
+	"toptype",
+	"subtype",
+	"district",
+	"title",
+	"buyerperson",
+	"buyertel",
+	"buyerclass",
+	"createtime",
+	"review_experts",
+	"purchasing",
+	"href",
+	"topscopeclass",
+	"budget",
+	"bidamount",
+	"winner",
+	"s_winner",
+}
+
+func isModifyPro(tmp map[string]interface{}) bool {
+	for _, v := range ElementsPro {
+		if tmp[v] != nil {
+			return true
+		}
+	}
+	return false
+}

src/service/tag_rule_service.go

@@ -0,0 +1,190 @@
+package service
+
+import (
+	"encoding/json"
+	"github.com/go-xweb/xweb"
+	"io/ioutil"
+	"mongodb"
+	qu "qfw/util"
+	"strings"
+	"time"
+
+	. "util"
+
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+/**
+ *	标签规则
+ */
+
+type TagRule struct {
+	*xweb.Action
+	tagList   xweb.Mapper `xweb:"/service/tag_rule/list"`   //列表
+	tagCreate xweb.Mapper `xweb:"/service/tag_rule/create"` //新建
+	tagDel    xweb.Mapper `xweb:"/service/tag_rule/del"`    //删除
+	tagEdit   xweb.Mapper `xweb:"/service/tag_rule/edit"`   //编辑
+	tagSave   xweb.Mapper `xweb:"/service/tag_rule/save"`   //保存
+	tagImport xweb.Mapper `xweb:"/service/tag_rule/import"` //导入
+	tagSetup  xweb.Mapper `xweb:"/service/tag_rule/setup"`  //启用停用
+}
+
+func (r *TagRule) TagList() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		start, _ := r.GetInteger("start")
+		limit, _ := r.GetInteger("length")
+		draw, _ := r.GetInteger("draw")
+		searchStr := r.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{
+			"b_delete": false,
+		}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_tagname": bson.M{"$regex": search}},
+			}
+		}
+
+		data, _ := Mgo.Find("tagrule", query, `{"i_createtime":-1}`, nil, false, start, limit)
+		count := Mgo.Count("tagrule", query)
+		r.ServeJson(map[string]interface{}{
+			"draw":            draw,
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		r.T["tagFieldMap"] = TagFieldMap
+		r.T["taskTypeMap"] = TaskTypeMap
+		r.Render("private/tag_rule_list.html", &r.T)
+	}
+}
+
+func (r *TagRule) TagCreate() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+
+	} else {
+		r.T["tagFieldMap"] = TagFieldMap
+		r.T["taskTypeMap"] = TaskTypeMap
+		r.T["matchTypeMap"] = MatchTypeMap3
+		r.Render("private/tag_rule_create.html", &r.T)
+	}
+}
+
+func (r *TagRule) TagEdit() {
+	defer qu.Catch()
+	id := r.GetString("id") //标签列表编辑
+	query := bson.M{}
+	query["_id"] = mongodb.StringTOBsonId(id)
+	data, _ := Mgo.FindOneByField("tagrule", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	r.T["data"] = *data
+	r.T["tagFieldMap"] = TagFieldMap
+	r.T["taskTypeMap"] = TaskTypeMap
+	r.T["matchTypeMap"] = MatchTypeMap3
+	r.Render("private/tag_rule_edit.html", &r.T)
+}
+
+func (r *TagRule) TagSave() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		user := r.GetSession("user").(map[string]interface{})
+		data := GetPostForm(r.Request)
+		id := qu.ObjToString(data["id"])
+		delete(data, "id")
+		var oList []map[string]interface{}
+		oListstr := qu.ObjToString(data["o_list"])
+		json.Unmarshal([]byte(oListstr), &oList)
+		data["o_list"] = oList
+		i_createtime := time.Now().Unix()
+		data["i_updatetime"] = i_createtime
+		data["s_updateuser"] = user["name"]
+		if id == "" { //新建
+			data["i_createtime"] = i_createtime
+			data["s_createuser"] = user["name"]
+			data["i_isuse"] = 0
+			data["b_delete"] = false
+		}
+		id, rep := updateDbXf2(id, data)
+		r.ServeJson(map[string]interface{}{
+			"id":  id,
+			"rep": rep,
+		})
+	}
+}
+
+func (r *TagRule) TagDel() {
+	defer qu.Catch()
+	_id := r.GetString("_id")
+	set := bson.M{
+		"$set": bson.M{
+			"b_delete": true,
+		},
+	}
+	b := Mgo.UpdateById("tagrule", _id, set)
+	r.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+func updateDbXf2(id string, rdata map[string]interface{}) (rid string, rep bool) {
+	defer qu.Catch()
+	if id == "" {
+		rid = Mgo.Save("tagrule", rdata)
+		if rid != "" {
+			rep = true
+		} else {
+			rep = false
+		}
+	} else {
+		rid = id
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		rep = Mgo.Update("tagrule", query, bson.M{"$set": rdata}, false, false)
+	}
+	return
+}
+
+func (r *TagRule) TagImport() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		mf, _, err := r.GetFile("xlsx")
+		if err == nil {
+			binary, err := ioutil.ReadAll(mf)
+			if err == nil {
+				rdata, err := Parsxlsx(binary)
+				if err == nil {
+					r.ServeJson(map[string]interface{}{
+						"rdata": rdata,
+						"id":    "",
+						"rep":   true,
+					})
+					return
+				}
+			}
+		}
+		r.ServeJson(map[string]interface{}{
+			"rep": false,
+		})
+	}
+}
+
+func (r *TagRule) TagSetup() {
+	defer qu.Catch()
+	if r.Method() == "POST" {
+		_id := r.GetString("_id")
+		i_isuse, _ := r.GetInteger("i_isuse")
+		set := bson.M{
+			"$set": bson.M{
+				"i_isuse": i_isuse,
+			},
+		}
+		b := Mgo.UpdateById("tagrule", _id, set)
+		r.ServeJson(map[string]interface{}{
+			"rep": b,
+		})
+	}
+}

src/service/task_rule.go

@@ -0,0 +1,232 @@
+package service
+
+import (
+	"encoding/json"
+	"log"
+	mu "mfw/util"
+	"mongodb"
+	"net"
+	qu "qfw/util"
+	"strings"
+	"time"
+	. "udptask"
+	. "util"
+
+	"github.com/go-xweb/xweb"
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+type TaskRule struct {
+	*xweb.Action
+	taskList   xweb.Mapper `xweb:"/service/task/list"`   //任务列表
+	taskCreate xweb.Mapper `xweb:"/service/task/create"` //任务创建
+	taskEdit   xweb.Mapper `xweb:"/service/task/edit"`   //任务编辑
+	taskSave   xweb.Mapper `xweb:"/service/task/save"`   //任务保存
+	taskDelete xweb.Mapper `xweb:"/service/task/delete"` //任务保存
+	taskStart  xweb.Mapper `xweb:"/service/task/start"`  //任务保存
+	taskEnd    xweb.Mapper `xweb:"/service/task/end"`    //任务保存
+}
+
+//展示列表
+func (task *TaskRule) TaskList() {
+	defer qu.Catch()
+	if task.Method() == "POST" {
+		searchStr := task.GetString("search[value]")
+		search := strings.TrimSpace(searchStr)
+		query := bson.M{}
+		if search != "" {
+			query["$or"] = []interface{}{
+				bson.M{"s_taskname": bson.M{"$regex": search}},
+			}
+		}
+		data, _ := Mgo.Find("taskinfo", query, `{"i_createtime":-1}`, nil, false, -1, -1)
+		count := Mgo.Count("taskinfo", query)
+		task.ServeJson(map[string]interface{}{
+			"data":            data,
+			"recordsFiltered": count,
+			"recordsTotal":    count,
+		})
+	} else {
+		task.Render("task/task_list.html")
+	}
+}
+
+//创建
+func (task *TaskRule) TaskCreate() {
+	defer qu.Catch()
+	if task.Method() == "POST" {
+
+	} else {
+		task.T["taskType"] = TaskTypeMap //任务类型
+		task.Render("task/task_create.html")
+	}
+}
+
+//编辑
+func (task *TaskRule) TaskEdit() {
+	defer qu.Catch()
+	log.Println("编辑")
+	id := task.GetString("id")
+	query := bson.M{}
+	query["_id"] = mongodb.StringTOBsonId(id)
+	data, _ := Mgo.FindOneByField("taskinfo", query, `{}`)
+	(*data)["id"] = mongodb.BsonIdToSId((*data)["_id"])
+	task.T["data"] = *data
+	task.T["taskType"] = *TaskTypeMap
+	log.Println(*data)
+	log.Println(*TaskTypeMap)
+	task.Render("task/task_edit.html", &task.T)
+}
+
+//保存
+func (task *TaskRule) TaskSave() {
+	defer qu.Catch()
+	if task.Method() == "POST" {
+		user := task.GetSession("user").(map[string]interface{})
+		data := GetPostForm(task.Request)
+
+		id := data["id"].(string)
+		delete(data, "id")
+		curtime := time.Now().Unix()
+		if id == "" { //新建
+			log.Println("新建-数据")
+			data["i_createtime"] = curtime
+			data["s_createuser"] = user["name"]
+			data["i_updatetime"] = curtime
+
+		} else {
+			log.Println("更新-数据", id)
+			data["i_updatetime"] = curtime
+			data["s_updateuser"] = user["name"]
+		}
+		id, rep := saveTaskMongo(id, data)
+		task.ServeJson(map[string]interface{}{
+			"rep": rep,
+		})
+	}
+}
+
+//删除
+func (task *TaskRule) TaskDelete() {
+	defer qu.Catch()
+	_id := task.GetString("_id")
+	set := bson.M{"_id": mongodb.StringTOBsonId(_id)}
+	b := Mgo.Del("taskinfo", set)
+	task.ServeJson(map[string]interface{}{
+		"rep": b,
+	})
+}
+
+//开始任务
+func (task *TaskRule) TaskStart() {
+	defer qu.Catch()
+	data := GetPostForm(task.Request)
+	id := qu.ObjToString(data["id"])
+	//发送udp 开启
+	by, _ := json.Marshal(map[string]interface{}{
+		"taskid": id,
+		"stype":  "startTask",
+	})
+	addr := &net.UDPAddr{
+		IP:   net.ParseIP(data["addr"].(string)),
+		Port: qu.IntAll(data["port"]),
+	}
+	err := Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+	if err != nil {
+		task.ServeJson(map[string]interface{}{
+			"rep": false,
+			"msg": "任务开始失败-udp",
+		})
+	}
+
+	n := 0
+	for {
+		if !IsTaskOK && n < Timeout {
+			time.Sleep(1 * time.Second)
+			n++
+		} else {
+			break
+		}
+	}
+	log.Println("循环结束", IsTaskOK, n, "处理开启post回调")
+	if IsTaskOK {
+		IsTaskOK = false
+		task.ServeJson(map[string]interface{}{
+			"rep": true,
+			"msg": "任务开始成功",
+		})
+	} else {
+		IsTaskOK = false
+		task.ServeJson(map[string]interface{}{
+			"rep": false,
+			"msg": "任务开始失败-超时",
+		})
+	}
+}
+
+//关闭任务
+func (task *TaskRule) TaskEnd() {
+	defer qu.Catch()
+	data := GetPostForm(task.Request)
+	id := qu.ObjToString(data["id"])
+	//发送udp 关闭
+	by, _ := json.Marshal(map[string]interface{}{
+		"taskid": id,
+		"stype":  "stopTask",
+	})
+	addr := &net.UDPAddr{
+		IP:   net.ParseIP(data["addr"].(string)),
+		Port: qu.IntAll(data["port"]),
+	}
+	err := Udpclient.WriteUdp(by, mu.OP_TYPE_DATA, addr)
+	if err != nil {
+		task.ServeJson(map[string]interface{}{
+			"rep": false,
+			"msg": "任务开始失败-udp",
+		})
+	}
+
+	n := 0
+	for {
+		if !IsTaskOK && n < Timeout {
+			time.Sleep(1 * time.Second)
+			n++
+		} else {
+			break
+		}
+	}
+	log.Println("循环结束", IsTaskOK, n, "处理关闭post回调")
+	if IsTaskOK {
+		IsTaskOK = false
+		task.ServeJson(map[string]interface{}{
+			"rep": true,
+			"msg": "任务开始成功",
+		})
+	} else {
+		IsTaskOK = false
+		task.ServeJson(map[string]interface{}{
+			"rep": false,
+			"msg": "任务开始失败-超时",
+		})
+	}
+}
+
+//******方法
+func saveTaskMongo(id string, rdata map[string]interface{}) (rid string, rep bool) {
+	defer qu.Catch()
+	if id == "" {
+		rid = Mgo.Save("taskinfo", rdata)
+		if rid != "" {
+			rep = true
+		} else {
+			rep = false
+		}
+	} else {
+		rid = id
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		rep = Mgo.Update("taskinfo", query, bson.M{"$set": rdata}, false, false)
+	}
+	return
+}

src/udptask/udptask.go

@@ -0,0 +1,52 @@
+package udptask
+
+import (
+	"encoding/json"
+	"log"
+	mu "mfw/util"
+	"net"
+	qu "qfw/util"
+	"util"
+)
+
+var (
+	Udpclient mu.UdpClient //udp对象
+	IsTaskOK  bool
+	Timeout   = 3
+)
+
+func InitUdp() {
+	updport := util.Sysconfig["udpport"].(string)
+	Udpclient = mu.UdpClient{Local: updport, BufSize: 1024}
+	log.Println("Udp服务监听", updport)
+	Udpclient.Listen(processUdpMsg)
+}
+
+func processUdpMsg(act byte, data []byte, ra *net.UDPAddr) {
+	switch act {
+	case mu.OP_TYPE_DATA: //测试接收
+		var rep map[string]interface{}
+		err := json.Unmarshal(data, &rep)
+		log.Println("测试接收:", rep)
+		if err != nil {
+			//go Udpclient.WriteUdp([]byte{}, mu.OP_NOOP, ra) //回应上一个节点
+		} else {
+			//by, _ := json.Marshal(map[string]interface{}{
+			//	"taskid": rep["taskid"],
+			//	"stype":  rep["stype"],
+			//})
+			//go Udpclient.WriteUdp(by, mu.OP_NOOP, ra) //回应上一个节点
+		}
+	case mu.OP_NOOP: //下个节点回应
+		qu.Debug("接收回应：", string(data))
+		var rep map[string]interface{}
+		err := json.Unmarshal(data, &rep)
+		if err != nil { //空数据
+			//
+
+		} else { //正确
+
+		}
+	}
+
+}

src/util/clearHtml.go

@@ -0,0 +1,160 @@
+package util
+
+import (
+	"github.com/PuerkitoBio/goquery"
+	qu "qfw/util"
+	"regexp"
+	"strings"
+	"unicode/utf8"
+)
+
+//
+type Cut struct {
+	tag           *regexp.Regexp
+	scripttag     *regexp.Regexp
+	inputag       *regexp.Regexp
+	isborder      *regexp.Regexp
+	hiddentag     *regexp.Regexp
+	styletag      *regexp.Regexp
+	colstag       *regexp.Regexp
+	rowstag       *regexp.Regexp
+	display       *regexp.Regexp
+	multiCR       *regexp.Regexp
+	replBlankLine *regexp.Regexp
+	replStartWrap *regexp.Regexp
+	replTags2CR   []string
+	retainTags2CR []string
+}
+
+//
+func NewCut() *Cut {
+	t, _ := regexp.Compile("<[^>]+>")
+	m, _ := regexp.Compile("([\r\n][\u3000\u2003\u00a0\\s]*)+|[\r\n]+")
+	//sc, _ := regexp.Compile("\\<script[^\\>]*\\>*[^\\>]+\\</script\\>")
+	//ss, _ := regexp.Compile("\\<style[^\\>]*\\>*[^\\>]+\\</style\\>")
+	scs := regexp.MustCompile("<(script|style)[^>]*>[^>]+</(script|style)>")
+	hiddentag := regexp.MustCompile(`<\s*input[^<]*type=("|')hidden("|')[^<]*>`)
+	input := regexp.MustCompile(`<\s*input[^<]*value=("|')([^>"']*)[^<]*>`)
+	cols, _ := regexp.Compile(`colspan="\d+"`)
+	rows, _ := regexp.Compile(`rowspan="\d+"`)
+	dis, _ := regexp.Compile(`display:none`)
+	border, _ := regexp.Compile(`(border="(\d+)")|(cellpadding="(\d+)")|(cellspacing="(\d+)")`)
+	return &Cut{
+		tag:           t,
+		scripttag:     scs,
+		hiddentag:     hiddentag,
+		inputag:       input,
+		colstag:       cols,
+		rowstag:       rows,
+		isborder:      border,
+		display:       dis,
+		multiCR:       m,
+		replBlankLine: regexp.MustCompile("\\s+[\r\n]"),
+		replStartWrap: regexp.MustCompile("^[\u3000\u2003\u00a0\\s]+|[\u3000\u2003\u00a0\\s]+$"),
+		replTags2CR:   []string{"div", "p", "br", "h1", "h2", "h3", "h4", "h5"},
+		retainTags2CR: []string{"table", "thead", "tfoot", "tbody", "th", "td", "tr"},
+	}
+}
+
+//清理HTML标签
+func (c *Cut) ClearHtml(src string) string {
+	src = strings.Replace(src, ">\n", ">", -1)
+	src = strings.Replace(src, " ", "", -1)
+	//标签全转小写
+	src = c.tag.ReplaceAllStringFunc(src, strings.ToLower)
+	//清script,style
+	src = c.scripttag.ReplaceAllString(src, "")
+	//清理input
+	src = c.hiddentag.ReplaceAllString(src, "")
+	src = c.inputag.ReplaceAllString(src, "$2")
+	document, err := goquery.NewDocumentFromReader(strings.NewReader(src))
+	if err == nil {
+		if tmpstr, err := document.Each(func(i int, sel *goquery.Selection) {
+			sel.Find("td").Each(func(i int, selection *goquery.Selection) {
+				val, b := selection.Attr("title")
+				if b && strings.Trim(val, " ") != "" {
+					tmpstr := strings.TrimFunc(selection.Text(), func(r rune) bool {
+						return r == 9 || r == 32
+					})
+					if utf8.RuneCountInString(strings.Trim(tmpstr, " ")) < utf8.RuneCountInString(strings.Trim(val, " ")) {
+						selection.SetText(strings.Trim(val, " "))
+					}
+				}
+			})
+		}).Html(); err == nil {
+			src = tmpstr
+		}
+	}
+	//换结束标签
+	src = c.tag.ReplaceAllStringFunc(src, func(tmp string) string {
+		tmp = strings.Replace(tmp, " ", "", -1)
+		//保留这些标签
+		for _, v := range c.retainTags2CR {
+			if "<"+v+">" == tmp || "</"+v+">" == tmp {
+				if tmp == "</table>" {
+					return tmp + "\n"
+				}
+				return tmp
+			}
+			if strings.HasPrefix(tmp, "<"+v) {
+				dispstrs := c.display.FindAllString(tmp, -1)
+				rowstrs := c.rowstag.FindAllString(tmp, -1)
+				colstrs := c.colstag.FindAllString(tmp, -1)
+				con := "<" + v
+				if con == "<table" {
+					if isHasBoder(tmp, c.isborder) {
+						con = con + ` border="1"`
+					}
+				}
+				if len(colstrs) > 0 { //处理多列合并
+					con += " " + colstrs[0]
+				}
+				if len(rowstrs) > 0 { //处理多行合并
+					con += " " + rowstrs[0]
+				}
+				if len(dispstrs) > 0 {
+					con += " style=\"" + dispstrs[0] + "\""
+				}
+				return con + ">"
+
+			}
+		}
+		if tmp == "<br>" || tmp == "<br/>" || tmp == "<center>" || tmp == "</center>" {
+			return "\n"
+		}
+		if tmp[1] != 47 { //开始标签
+			for _, v := range c.replTags2CR {
+				if v == tmp[1:len(tmp)-1] {
+					return "\n"
+				}
+			}
+			return ""
+		}
+		for _, v := range c.replTags2CR {
+			if v == tmp[2:len(tmp)-1] {
+				return "\n"
+			}
+		}
+		return ""
+	})
+	src = c.replStartWrap.ReplaceAllString(src, "")
+	src = c.replBlankLine.ReplaceAllString(src, "\n")
+	//清除多余换行
+	//return c.multiCR.ReplaceAllString(src, "\n")
+	return strings.Replace(src, "\n", "<br/>", -1)
+}
+
+//判断table是否加表格线
+func isHasBoder(con string, reg *regexp.Regexp) bool {
+	res := reg.FindAllStringSubmatch(con, -1)
+	hasBorder := false
+	for _, v := range res {
+		for k, val := range v {
+			if k > 0 && k%2 == 0 && qu.IntAll(val) > 0 {
+				hasBorder = true
+				break
+			}
+		}
+	}
+	return hasBorder
+}

src/util/config.go

@@ -0,0 +1,228 @@
+package util
+
+import (
+	"mongodb"
+	qu "qfw/util"
+	"qfw/util/elastic"
+	"qfw/util/redis"
+)
+
+var (
+	Sysconfig       map[string]interface{} //配置文件
+	Mgo             *mongodb.MongodbSim
+	MgoCus          *mongodb.MongodbSim //企业服务库
+	JYMgo           *mongodb.MongodbSim
+	MgoEn           *mongodb.MongodbSim
+	JyProMgo        *mongodb.MongodbSim
+	EsIndex, EsType string
+	MgoEnC          string
+	Subday          float64
+	PreviewHref     string //数据预览地址
+	JyCollNameOne   string
+	JyCollNameTwo   string
+	JyRecord        string
+	JyProColl       string
+	JyProRecord     string
+	RedisJYName     string
+	RedisDelKey1    string
+	RedisDelKey2    string
+	RedisDelKey3    string
+	RedisDelKey4    string
+	RedisDelKey5    string
+	RedisSave		string			// 新增数据保存信息
+	CustomerApi     string
+)
+
+var (
+	TopTypeArr    []string                  //公告一级分类
+	SubTypeMap    map[string][]string       //公告二级分类
+	Province      []string                  //省
+	ProvinceCitys map[string][]string       //省:[市1,市2]
+	CityDistricts map[string][]string       //市:[区1,区2]
+	BuyerClass    []string                  //采购单位行业
+	MatchTypeMap  *[]map[string]interface{} //匹配方式
+	MatchTypeMap2 map[string]interface{}    //匹配方式
+	MatchTypeMap3 *[]map[string]interface{} //匹配方式
+	ExistFiled    *[]map[string]interface{} //存在的字段
+	ScopeClassMap map[string]interface{} 	//公告行业
+	TagFieldMap   *[]map[string]interface{} //标签属性值
+	TaskTypeMap   *[]map[string]interface{} //任务类型
+)
+
+func InitMgoPool() {
+	Mgo = &mongodb.MongodbSim{
+		MongodbAddr: qu.ObjToString(Sysconfig["mgodb"]),
+		Size:        qu.IntAll(Sysconfig["dbsize"]),
+		DbName:      qu.ObjToString(Sysconfig["dbname"]),
+		UserName:    qu.ObjToString(Sysconfig["uname"]),
+		Password:    qu.ObjToString(Sysconfig["upwd"]),
+	}
+	Mgo.InitPool()
+
+	customer := Sysconfig["customer"].(map[string]interface{})
+	CustomerApi = qu.ObjToString(customer["api"])
+	MgoCus = &mongodb.MongodbSim{
+		MongodbAddr: qu.ObjToString(customer["mgodb"]),
+		Size:        qu.IntAll(customer["dbsize"]),
+		DbName:      qu.ObjToString(customer["dbname"]),
+	}
+	MgoCus.InitPool()
+}
+
+func initMgoEn() {
+	MgoEn = &mongodb.MongodbSim{
+		MongodbAddr: qu.ObjToString(Sysconfig["mgodben"]),
+		Size:        qu.IntAll(Sysconfig["dbsize"]),
+		DbName:      qu.ObjToString(Sysconfig["dbnameen"]),
+		UserName:    qu.ObjToString(Sysconfig["uname"]),
+		Password:    qu.ObjToString(Sysconfig["upwd"]),
+	}
+	MgoEnC = qu.ObjToString(Sysconfig["mongoenc"])
+	MgoEn.InitPool()
+}
+
+func initJYMgo() {
+	jymgo := *qu.ObjToMap(Sysconfig["jymgo"])
+	JYMgo = &mongodb.MongodbSim{
+		MongodbAddr: qu.ObjToString(jymgo["jyaddr"]),
+		Size:        qu.IntAll(jymgo["jydbsize"]),
+		DbName:      qu.ObjToString(jymgo["jydbname"]),
+		UserName:    qu.ObjToString(Sysconfig["uname"]),
+		Password:    qu.ObjToString(Sysconfig["upwd"]),
+	}
+	JyCollNameOne = qu.ObjToString(jymgo["jycollname1"])
+	JyCollNameTwo = qu.ObjToString(jymgo["jycollname2"])
+	JyRecord = qu.ObjToString(Sysconfig["jy_info_back"])
+	JyProRecord = qu.ObjToString(Sysconfig["jy_pro_back"])
+	JYMgo.InitPool()
+
+	//项目
+	jypro := *qu.ObjToMap(Sysconfig["jy_pro"])
+	JyProMgo = &mongodb.MongodbSim{
+		MongodbAddr: qu.ObjToString(jypro["mgodb"]),
+		Size:        qu.IntAll(jypro["dbsize"]),
+		DbName:      qu.ObjToString(jypro["dbname"]),
+	}
+	JyProColl = qu.ObjToString(jypro["coll"])
+	JyProMgo.InitPool()
+}
+
+func initJYRedis() {
+	jyredis := *qu.ObjToMap(Sysconfig["jyredis"])
+	redis.InitRedisBySize(qu.ObjToString(jyredis["redis_jy"]), 50, 30, 240)
+	RedisJYName = qu.ObjToString(jyredis["redis_jy_name"])
+	RedisDelKey1 = qu.ObjToString(jyredis["redisdelkey1"])
+	RedisDelKey2 = qu.ObjToString(jyredis["redisdelkey2"])
+	RedisDelKey3 = qu.ObjToString(jyredis["redisdelkey3"])
+	RedisDelKey4 = qu.ObjToString(jyredis["redisdelkey4"])
+	RedisDelKey5 = qu.ObjToString(jyredis["redisdelkey5"])
+	InitRedis(qu.ObjToString(jyredis["redis_jy_save"]))
+}
+
+func InitOther() {
+	initCitys()
+	initInfoType()
+	initBuyerClass()
+	initMatchType()
+	initExitField()
+	initScopeClass()
+	initTaskType()
+	initEs()
+	initMgoEn()
+	initJYMgo()
+	initJYRedis()
+	Subday = qu.Float64All(Sysconfig["subday"])
+	PreviewHref = qu.ObjToString(Sysconfig["preview_href"])
+	initTagField()
+}
+
+func initCitys() {
+	//map初始化
+	if ProvinceCitys == nil {
+		ProvinceCitys = make(map[string][]string)
+	}
+	if CityDistricts == nil {
+		CityDistricts = make(map[string][]string)
+	}
+	datas, _ := Mgo.Find("code_city", `{}`, `{"_id":1}`, `{}`, false, -1, -1)
+	for _, data := range *datas {
+		brief := data["brief"].(string)
+		Province = append(Province, brief)
+		citys := data["citys"].([]interface{})
+		citytmp := []string{}
+		for _, city := range citys {
+			cityMap := city.(map[string]interface{})
+			for cname, districts := range cityMap {
+				citytmp = append(citytmp, cname)
+				tmp := districts.([]interface{})
+				districtarr := qu.ObjArrToStringArr(tmp)
+				CityDistricts[cname] = districtarr
+			}
+		}
+		ProvinceCitys[brief] = citytmp
+	}
+}
+
+func initInfoType() {
+	SubTypeMap = make(map[string][]string)
+	datas, _ := Mgo.Find("code_infotype", `{}`, `{"_id":1}`, `{}`, false, -1, -1)
+	for _, data := range *datas {
+		name := data["name"].(string)
+		TopTypeArr = append(TopTypeArr, name)
+		child := qu.ObjArrToStringArr(data["child"].([]interface{}))
+		SubTypeMap[name] = child
+	}
+}
+
+func initBuyerClass() {
+	datas, _ := Mgo.Find("code_buyerclass", `{}`, `{"_id":1}`, `{}`, false, -1, -1)
+	for _, data := range *datas {
+		name := data["name"].(string)
+		BuyerClass = append(BuyerClass, name)
+	}
+}
+
+func initMatchType() {
+	//map初始化
+	if MatchTypeMap2 == nil {
+		MatchTypeMap2 = make(map[string]interface{})
+	}
+	MatchTypeMap, _ = Mgo.Find("code_matchtype", `{}`, `{"_id":1}`, `{}`, false, -1, -1)
+	MatchTypeMap3, _ = Mgo.Find("code_matchtype", `{"type": 1}`, nil, nil, false, -1, -1)
+	for _, d := range *MatchTypeMap {
+		code := qu.ObjToString(d["code"])
+		name := qu.ObjToString(d["name"])
+		MatchTypeMap2[code] = name
+	}
+}
+
+func initExitField() {
+	ExistFiled, _ = Mgo.Find("code_field", `{}`, `{"_id":1}`, `{}`, false, -1, -1)
+	//for _, data := range *datas {
+	//	name := data["name"].(string)
+	//	ExistFiled = append(ExistFiled, name)
+	//}
+}
+
+func initScopeClass() {
+	if ScopeClassMap == nil {
+		ScopeClassMap = make(map[string]interface{})
+	}
+	info, _ := Mgo.Find("code_scopeclass", `{}`, `{"_id": 1}`, `{}`, false, -1, -1)
+	for _, i := range *info{
+		ScopeClassMap[qu.ObjToString(i["name"])] = i["child"]
+	}
+}
+
+func initTaskType() {
+	TaskTypeMap, _ = Mgo.Find("code_task", `{}`, `{"_id": 1}`, `{}`, false, -1, -1)
+}
+
+func initEs() {
+	EsIndex, EsType = qu.ObjToString(Sysconfig["elasticsearch_index"]), qu.ObjToString(Sysconfig["elasticsearch_type"])
+	elastic.InitElasticSize(qu.ObjToString(Sysconfig["elasticsearch"]), qu.IntAllDef(qu.Int64All(Sysconfig["elasticPoolSize"]), 30))
+}
+
+func initTagField() {
+	TagFieldMap, _ = Mgo.Find("code_tagfield", `{}`, `{"_id": 1}`, `{}`, false, -1, -1)
+}

src/util/deepcopy.go

@@ -0,0 +1,119 @@
+package util
+
+import (
+	"reflect"
+	"time"
+)
+
+// Interface for delegating copy process to type
+type Interface interface {
+	DeepCopy() interface{}
+}
+
+// Iface is an alias to Copy; this exists for backwards compatibility reasons.
+func Iface(iface interface{}) interface{} {
+	return Copy(iface)
+}
+
+// Copy creates a deep copy of whatever is passed to it and returns the copy
+// in an interface{}.  The returned value will need to be asserted to the
+// correct type.
+func Copy(src interface{}) interface{} {
+	if src == nil {
+		return nil
+	}
+
+	// Make the interface a reflect.Value
+	original := reflect.ValueOf(src)
+
+	// Make a copy of the same type as the original.
+	cpy := reflect.New(original.Type()).Elem()
+
+	// Recursively copy the original.
+	copyRecursive(original, cpy)
+
+	// Return the copy as an interface.
+	return cpy.Interface()
+}
+
+// copyRecursive does the actual copying of the interface. It currently has
+// limited support for what it can handle. Add as needed.
+func copyRecursive(original, cpy reflect.Value) {
+	// check for implement deepcopy.Interface
+	if original.CanInterface() {
+		if copier, ok := original.Interface().(Interface); ok {
+			cpy.Set(reflect.ValueOf(copier.DeepCopy()))
+			return
+		}
+	}
+
+	// handle according to original's Kind
+	switch original.Kind() {
+	case reflect.Ptr:
+		// Get the actual value being pointed to.
+		originalValue := original.Elem()
+
+		// if  it isn't valid, return.
+		if !originalValue.IsValid() {
+			return
+		}
+		cpy.Set(reflect.New(originalValue.Type()))
+		copyRecursive(originalValue, cpy.Elem())
+
+	case reflect.Interface:
+		// If this is a nil, don't do anything
+		if original.IsNil() {
+			return
+		}
+		// Get the value for the interface, not the pointer.
+		originalValue := original.Elem()
+
+		// Get the value by calling Elem().
+		copyValue := reflect.New(originalValue.Type()).Elem()
+		copyRecursive(originalValue, copyValue)
+		cpy.Set(copyValue)
+
+	case reflect.Struct:
+		t, ok := original.Interface().(time.Time)
+		if ok {
+			cpy.Set(reflect.ValueOf(t))
+			return
+		}
+		// Go through each field of the struct and copy it.
+		for i := 0; i < original.NumField(); i++ {
+			// The Type's StructField for a given field is checked to see if StructField.PkgPath
+			// is set to determine if the field is exported or not because CanSet() returns false
+			// for settable fields.  I'm not sure why.  -mohae
+			if original.Type().Field(i).PkgPath != "" {
+				continue
+			}
+			copyRecursive(original.Field(i), cpy.Field(i))
+		}
+
+	case reflect.Slice:
+		if original.IsNil() {
+			return
+		}
+		// Make a new slice and copy each element.
+		cpy.Set(reflect.MakeSlice(original.Type(), original.Len(), original.Cap()))
+		for i := 0; i < original.Len(); i++ {
+			copyRecursive(original.Index(i), cpy.Index(i))
+		}
+
+	case reflect.Map:
+		if original.IsNil() {
+			return
+		}
+		cpy.Set(reflect.MakeMap(original.Type()))
+		for _, key := range original.MapKeys() {
+			originalValue := original.MapIndex(key)
+			copyValue := reflect.New(originalValue.Type()).Elem()
+			copyRecursive(originalValue, copyValue)
+			copyKey := Copy(key.Interface())
+			cpy.SetMapIndex(reflect.ValueOf(copyKey), copyValue)
+		}
+
+	default:
+		cpy.Set(original)
+	}
+}

src/util/dfa.go

@@ -0,0 +1,143 @@
+/**
+ *兴趣分析
+ *
+ */
+package util
+
+import (
+	"log"
+	//"strings"
+)
+
+//DFA实现
+type DFA struct {
+	link        map[string]interface{} //存放or
+	linkAnd     map[string]int         //存放and
+	linkAndWord map[string]interface{} //存放and中的拆分词
+
+}
+
+//添加词组，用于初始化,该方法是可以调用多次的
+func (d *DFA) AddWord(words ...string) {
+	if d.link == nil {
+		d.link = make(map[string]interface{})
+		d.linkAnd = make(map[string]int)
+		d.linkAndWord = make(map[string]interface{})
+	}
+	var nowMap *map[string]interface{}
+	for _, key := range words {
+		//keys := strings.Split(key, "+")
+		keys := []string{key}
+		lenkeys := len(keys)
+		if lenkeys > 1 {
+			d.linkAnd[key] = lenkeys
+			for k := 0; k < lenkeys; k++ {
+				minKey := keys[k]
+				nowMap = &d.linkAndWord
+				for i := 0; i < len(minKey); i++ {
+					kc := minKey[i : i+1]
+					if v, ok := (*nowMap)[kc]; ok {
+						nowMap, _ = v.(*map[string]interface{})
+					} else {
+						newMap := map[string]interface{}{}
+						newMap["YN"] = "N"
+						(*nowMap)[kc] = &newMap
+						nowMap = &newMap
+					}
+					if i == len(minKey)-1 {
+						(*nowMap)["YN"] = "Y"
+						if (*nowMap)["key"] == nil {
+							(*nowMap)["key"] = make(map[string]int)
+						}
+						(*nowMap)["key"].(map[string]int)[key] = k
+					}
+				}
+			}
+		} else {
+			nowMap = &d.link
+			for i := 0; i < len(key); i++ {
+				kc := key[i : i+1]
+				if v, ok := (*nowMap)[kc]; ok {
+					nowMap, _ = v.(*map[string]interface{})
+				} else {
+					newMap := map[string]interface{}{}
+					newMap["YN"] = "N"
+					(*nowMap)[kc] = &newMap
+					nowMap = &newMap
+				}
+
+				if i == len(key)-1 {
+					(*nowMap)["YN"] = "Y"
+				}
+			}
+		}
+	}
+}
+func (d *DFA) Clear() {
+	d.link = nil
+}
+
+//从给定的内容中找出匹配上的关键词
+func (d *DFA) Analy(src string) []string {
+	if d.link == nil {
+		log.Println("请先添加词组")
+		return []string{}
+	}
+	keywords := []string{}
+	tempMap := make(map[string][]bool)
+	for i := 0; i < len(src); i++ {
+		nowMap := &d.link
+		length := 0 // 匹配标识数默认为0
+		//flag := false // 敏感词结束标识位：用于敏感词只有1位的情况
+		for j := i; j < len(src); j++ {
+			word := src[j : j+1]
+			nowMap, _ = (*nowMap)[word].(*map[string]interface{})
+			if nowMap != nil {
+				length = length + 1
+				tag, _ := (*nowMap)["YN"].(string)
+				if "Y" == tag {
+					//flag = true
+					keywords = append(keywords, src[i:i+length])
+				}
+			} else {
+				break
+			}
+		}
+		nowMap = &d.linkAndWord
+		length = 0
+		for j := i; j < len(src); j++ {
+			word := src[j : j+1]
+			nowMap, _ = (*nowMap)[word].(*map[string]interface{})
+			if nowMap != nil {
+				length = length + 1
+				tag, _ := (*nowMap)["YN"].(string)
+				if "Y" == tag {
+					mkeys := (*nowMap)["key"].(map[string]int)
+					for k, v := range mkeys {
+						tempBool := tempMap[k]
+						if tempBool == nil {
+							tempBool = make([]bool, d.linkAnd[k])
+							tempMap[k] = tempBool
+						}
+						tempBool[v] = true
+					}
+				}
+			} else {
+				break
+			}
+		}
+	}
+	for k, v := range tempMap {
+		ball := true
+		for _, m := range v {
+			if !m {
+				ball = false
+				break
+			}
+		}
+		if ball {
+			keywords = append(keywords, k)
+		}
+	}
+	return keywords
+}

src/util/parsxlsx.go

@@ -0,0 +1,638 @@
+package util
+
+import (
+	"fmt"
+	"log"
+	"mongodb"
+	"qfw/util"
+	"strings"
+	"time"
+
+	"github.com/tealeg/xlsx"
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+const (
+	Matchkey       = "s_matchkey"       //关键词
+	Addkey         = "s_addkey"         //附加词
+	Notkey         = "s_notkey"         //排除词
+	Buyerclass     = "s_buyerclass"     //采购单位行业
+	Topscopeclass  = "s_topscopeclass"  //行业-一级
+	Subscopeclass  = "s_subscopeclass"  //行业-二级
+	Globaladdkey   = "s_globaladdkey"   // 全局附加词
+	Globalnotkey   = "s_globalnotkey"   //全局排除词
+	Globalclearkey = "s_globalclearkey" //全局排除词
+
+	Tagname = "s_tagname" //标签的关键词规则名称
+)
+
+//通用标签相关字段
+var export_fields = []string{"s_customer", "s_tagname", "", "s_area", "s_city", "s_district", "s_toptype", "s_subtype", "i_starttime", "i_endtime", "s_budgetlimit", "s_bidamountlimit", "s_globaltopscopeclass", "s_globalsubscopeclass", "s_globalbuyerclass", "s_globaladdkey", "s_globaladdkeymatch", "s_globalnotkey", "s_globalnotkeymatch", "s_globalclearkey", "s_globalclearkeymatch", "s_existfields", "i_extfieldstype"}
+var export_fields1 = []string{"s_userid", "s_tagname", "", "s_area", "s_city", "s_district", "s_toptype", "s_subtype", "i_starttime", "i_endtime", "s_budgetlimit", "s_bidamountlimit", "s_globaltopscopeclass", "s_globalsubscopeclass", "s_globalbuyerclass", "s_globaladdkey", "s_globaladdkeymatch", "s_globalnotkey", "s_globalnotkeymatch", "s_globalclearkey", "s_globalclearkeymatch", "s_existfields", "i_extfieldstype"}
+
+//关键词标签相关字段
+var export_o_rules = []string{"s_matchkey", "s_keymatch", "s_addkey", "s_addkeymatch", "s_notkey", "s_notkeymatch", "s_buyerclass"}
+
+//定义值为数字的多个匹配方式map
+var export_numfield = map[string]bool{
+	"s_globaladdkeymatch":   true,
+	"s_globalnotkeymatch":   true,
+	"s_globalclearkeymatch": true,
+	"s_keymatch":            true,
+	"s_addkeymatch":         true,
+	"s_notkeymatch":         true,
+}
+
+//匹配方式map
+var export_matchtype = map[string]interface{}{
+	"1": "标题匹配",
+	"2": "全文匹配",
+	"3": "标的物匹配",
+	"4": "附件匹配",
+	"5": "项目名称匹配",
+	"6": "采购单位匹配",
+	"7": "中标单位匹配",
+	"8": "采购单位匹配(正则)",
+	"9": "中标单位匹配(正则)",
+}
+
+//字段包类型
+var export_extfieldstype = map[string]interface{}{
+	"1": "标准字段包",
+	"2": "高级字段包",
+}
+
+/**
+ * 导入关键词表格
+ */
+func Parsxlsx(filebyte []byte) (map[string]interface{}, error) {
+	rdata := make(map[string]interface{})
+	tmps := make([]map[string]string, 0)
+	file, err := xlsx.OpenBinary(filebyte)
+	if err != nil {
+		return rdata, err
+	}
+	gaddkeyArr := []string{}
+	gnotkeyArr := []string{}
+	clearkeyArr := []string{}
+	for _, v := range file.Sheets {
+		for ii, vv := range v.Rows {
+			rule := make(map[string]string)
+			if ii == 0 {
+				//第一行跳过
+				continue
+			}
+			for iii, vvv := range vv.Cells {
+				gaddkeyArr, gnotkeyArr, clearkeyArr = writeMap(rule, iii, vvv.Value, gaddkeyArr, gnotkeyArr, clearkeyArr)
+			}
+			tmps = append(tmps, rule)
+		}
+	}
+	rdata["o_rules"] = tmps
+	if len(gaddkeyArr) >= 1 {
+		rdata[Globaladdkey] = strings.Join(gaddkeyArr, ",")
+	}
+	if len(gnotkeyArr) >= 1 {
+		rdata[Globalnotkey] = strings.Join(gnotkeyArr, ",")
+	}
+	if len(clearkeyArr) >= 1 {
+		rdata[Globalclearkey] = strings.Join(clearkeyArr, ",")
+	}
+	return rdata, nil
+}
+
+/**
+ * 导入关键词表格
+ */
+func Parsxlsx1(filebyte []byte) (map[string]interface{}, error) {
+	rdata := make(map[string]interface{})
+	tmps := make([]map[string]string, 0)
+	file, err := xlsx.OpenBinary(filebyte)
+	if err != nil {
+		return rdata, err
+	}
+	for _, v := range file.Sheets {
+		for ii, vv := range v.Rows {
+			rule := make(map[string]string)
+			if ii == 0 {
+				//第一行跳过
+				continue
+			}
+			for iii, vvv := range vv.Cells {
+				writeMap1(rule, iii, vvv.Value)
+			}
+			tmps = append(tmps, rule)
+		}
+	}
+	rdata["o_rules"] = tmps
+	return rdata, nil
+}
+
+func writeMap(tmp map[string]string, i int, v string, addArr, notArr, clearkeyArr []string) ([]string, []string, []string) {
+	switch i {
+	case 0:
+		if v != "" {
+			//空格
+			v = strings.TrimSpace(v)
+			//中文逗号
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Matchkey] = v
+		}
+		break
+	case 1:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Addkey] = v
+		}
+		break
+	case 2:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Notkey] = v
+		}
+		break
+	case 3:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Buyerclass] = v
+		}
+		break
+	case 4:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Topscopeclass] = v
+		}
+		break
+	case 5:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Subscopeclass] = v
+		}
+		break
+	case 6:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			addArr = append(addArr, v)
+		}
+		break
+	case 7:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			notArr = append(notArr, v)
+		}
+		break
+	case 8:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			clearkeyArr = append(clearkeyArr, v)
+		}
+		break
+	}
+	return addArr, notArr, clearkeyArr
+}
+
+func writeMap1(tmp map[string]string, i int, v string) {
+	switch i {
+	case 0:
+		if v != "" {
+			//空格
+			v = strings.TrimSpace(v)
+			//中文逗号
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Matchkey] = v
+		}
+		break
+	case 1:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Addkey] = v
+		}
+		break
+	case 2:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Notkey] = v
+		}
+		break
+	case 3:
+		if v != "" {
+			v = strings.TrimSpace(v)
+			v = strings.ReplaceAll(v, "，", ",")
+			tmp[Tagname] = v
+		}
+
+	}
+}
+
+var bzpath, gjpath, rpath string = "web/res/标准字段包%d.xlsx", "web/res/高级字段包%d.xlsx", "web/res/标签导出%d.xlsx"
+
+func ResponseXlsx_Data(id string) string {
+	if id != "" {
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		data, _ := Mgo.FindOne("tags", query)
+		if (*data) != nil && len(*data) > 0 {
+			isStandard := true
+			if util.Int64All((*data)["i_extfieldstype"]) == Advanced {
+				isStandard = false
+			}
+
+			data, _ := Mgo.Find("tagsdata", bson.M{"s_dataid": util.ObjToString((*data)["s_dataid"])}, nil, nil, false, -1, -1)
+			if (*data) == nil || len(*data) == 0 {
+				return ""
+			}
+			xf, err := xlsx.OpenFile("web/res/fields.xlsx")
+			if err != nil {
+				log.Println("fields file not foud", err.Error())
+				return ""
+			}
+			if isStandard {
+				sh := xf.Sheets[0]
+				for i, v := range *data {
+					row := sh.AddRow()
+					row.AddCell().SetInt(i + 1)
+					row.AddCell().SetValue(v["s_matchkey"])
+					row.AddCell().SetValue(v["area"])
+					row.AddCell().SetValue(v["city"])
+					row.AddCell().SetValue(v["title"])
+					row.AddCell().SetValue(v["subtype"])
+					if v["publishtime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["publishtime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["buyer"])
+					row.AddCell().SetValue(v["winner"])
+					if v["bidamount"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["bidamount"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["projectname"])
+					row.AddCell().SetValue(v["detail"])
+					row.AddCell().SetValue(v["s_jyhref"])
+				}
+				xf.Sheets = xf.Sheets[:1]
+
+				fname := fmt.Sprintf(bzpath, time.Now().Unix())
+				err := xf.Save(fname)
+				if err != nil {
+					log.Println(err)
+					return ""
+				}
+				return fname
+			} else {
+				sh := xf.Sheets[1]
+				for i, v := range *data {
+					row := sh.AddRow()
+					row.AddCell().SetInt(i + 1)
+					row.AddCell().SetValue(v["s_matchkey"])
+					row.AddCell().SetValue(v["area"])
+					row.AddCell().SetValue(v["city"])
+					row.AddCell().SetValue(v["title"])
+					row.AddCell().SetValue(v["subtype"])
+					row.AddCell().SetValue(v["detail"])
+					if v["publishtime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["publishtime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["href"])
+					row.AddCell().SetValue(v["s_jyhref"])
+					row.AddCell().SetValue(v["projectcode"])
+					row.AddCell().SetValue(v["projectname"])
+					row.AddCell().SetValue(v["projectscope"])
+					if v["budget"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["budget"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					if v["bidamount"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["bidamount"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					if v["bidopentime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["bidopentime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["buyer"])
+					row.AddCell().SetValue(v["buyerperson"])
+					row.AddCell().SetValue(v["buyertel"])
+					row.AddCell().SetValue(v["agency"])
+					row.AddCell().SetValue(v["winner"])
+					row.AddCell().SetValue(v["winnerperson"])
+					row.AddCell().SetValue(v["winnertel"])
+					row.AddCell().SetValue(v["legal_person"])
+					row.AddCell().SetValue(v["company_phone"])
+					row.AddCell().SetValue(v["company_email"])
+				}
+				xf.Sheets = xf.Sheets[1:]
+
+				fname := fmt.Sprintf(gjpath, time.Now().Unix())
+				err := xf.Save(fname)
+				if err != nil {
+					log.Println(err)
+					return ""
+				}
+				return fname
+			}
+		}
+	}
+	return ""
+}
+
+func ResponseXlsx_Data1(id string) string {
+	if id != "" {
+		query := bson.M{
+			"_id": mongodb.StringTOBsonId(id),
+		}
+		data, _ := Mgo.FindOne("cuserdepartrule", query)
+		if (*data) != nil && len(*data) > 0 {
+			isStandard := true
+			if util.Int64All((*data)["i_extfieldstype"]) == Advanced {
+				isStandard = false
+			}
+
+			data, _ := Mgo.Find("tagsdata", bson.M{"s_dataid": util.ObjToString((*data)["s_dataid"])}, nil, nil, false, -1, -1)
+			if (*data) == nil || len(*data) == 0 {
+				return ""
+			}
+			xf, err := xlsx.OpenFile("web/res/fields.xlsx")
+			if err != nil {
+				log.Println("fields file not foud", err.Error())
+				return ""
+			}
+			if isStandard {
+				sh := xf.Sheets[0]
+				for i, v := range *data {
+					row := sh.AddRow()
+					row.AddCell().SetInt(i + 1)
+					row.AddCell().SetValue(v["s_matchkey"])
+					row.AddCell().SetValue(v["area"])
+					row.AddCell().SetValue(v["city"])
+					row.AddCell().SetValue(v["title"])
+					row.AddCell().SetValue(v["subtype"])
+					if v["publishtime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["publishtime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["buyer"])
+					row.AddCell().SetValue(v["winner"])
+					if v["bidamount"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["bidamount"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["projectname"])
+					row.AddCell().SetValue(v["detail"])
+					row.AddCell().SetValue(v["s_jyhref"])
+				}
+				xf.Sheets = xf.Sheets[:1]
+
+				fname := fmt.Sprintf(bzpath, time.Now().Unix())
+				err := xf.Save(fname)
+				if err != nil {
+					log.Println(err)
+					return ""
+				}
+				return fname
+			} else {
+				sh := xf.Sheets[1]
+				for i, v := range *data {
+					row := sh.AddRow()
+					row.AddCell().SetInt(i + 1)
+					row.AddCell().SetValue(v["s_matchkey"])
+					row.AddCell().SetValue(v["area"])
+					row.AddCell().SetValue(v["city"])
+					row.AddCell().SetValue(v["title"])
+					row.AddCell().SetValue(v["subtype"])
+					row.AddCell().SetValue(v["detail"])
+					if v["publishtime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["publishtime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["href"])
+					row.AddCell().SetValue(v["s_jyhref"])
+					row.AddCell().SetValue(v["projectcode"])
+					row.AddCell().SetValue(v["projectname"])
+					row.AddCell().SetValue(v["projectscope"])
+					if v["budget"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["budget"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					if v["bidamount"] != nil {
+						row.AddCell().SetFloat(util.Float64All(v["bidamount"]) / 10000)
+					} else {
+						row.AddCell()
+					}
+					if v["bidopentime"] != nil {
+						row.AddCell().SetValue(time.Unix(util.Int64All(v["bidopentime"]), 0).Format("2006-01-02"))
+					} else {
+						row.AddCell()
+					}
+					row.AddCell().SetValue(v["buyer"])
+					row.AddCell().SetValue(v["buyerperson"])
+					row.AddCell().SetValue(v["buyertel"])
+					row.AddCell().SetValue(v["agency"])
+					row.AddCell().SetValue(v["winner"])
+					row.AddCell().SetValue(v["winnerperson"])
+					row.AddCell().SetValue(v["winnertel"])
+					row.AddCell().SetValue(v["legal_person"])
+					row.AddCell().SetValue(v["company_phone"])
+					row.AddCell().SetValue(v["company_email"])
+				}
+				xf.Sheets = xf.Sheets[1:]
+
+				fname := fmt.Sprintf(gjpath, time.Now().Unix())
+				err := xf.Save(fname)
+				if err != nil {
+					log.Println(err)
+					return ""
+				}
+				return fname
+			}
+		}
+	}
+	return ""
+}
+
+func ResponseXlsx_Rule(id, s string) string {
+	defer util.Catch()
+	var data *map[string]interface{}
+	if s == "private" {
+		data, _ = Mgo.FindById("tags", id, `{}`)
+	} else {
+		data, _ = Mgo.FindById("tags_common", id, `{}`)
+	}
+	if len(*data) == 0 {
+		return ""
+	}
+	xf, err := xlsx.OpenFile("web/res/export_rule.xlsx") //读取导出标签模板表
+	if err != nil {
+		log.Println("export_rule file not foud", err.Error())
+		return ""
+	}
+	sh := xf.Sheets[0]
+	fields_len := len(export_fields)
+	for i, r := range sh.Rows {
+		if i == fields_len {
+			break
+		}
+		field := export_fields[i] //export_fields值的顺序与模板表一致
+		if field == "i_extfieldstype" {
+			r.AddCell().SetValue(export_extfieldstype[fmt.Sprint((*data)[field])])
+			continue
+		}
+		field_val := ""
+		if strings.HasPrefix(field, "s_") {
+			field_val = util.ObjToString((*data)[field])
+			if export_numfield[field] { //找出值为数字的匹配方式，转换成中文
+				field_val = numValToWord(field_val)
+			}
+		} else if strings.HasPrefix(field, "i_") { //i_startime i_endtime
+			t := util.Int64All((*data)[field])
+			if t > 0 {
+				field_val = util.FormatDateByInt64(&t, util.Date_Full_Layout)
+			}
+		}
+		r.AddCell().SetValue(field_val)
+	}
+	o_rules := (*data)["o_rules"].([]interface{})
+	for _, o_rule := range o_rules {
+		new_row := sh.AddRow()
+		o_tmp := o_rule.(map[string]interface{})
+		for _, match := range export_o_rules {
+			cell_val := util.ObjToString(o_tmp[match])
+			if export_numfield[match] { //找出值为数字的匹配方式，转换成中文
+				cell_val = numValToWord(cell_val)
+			}
+			new_row.AddCell().SetValue(cell_val)
+		}
+		if s_topscopeclass := o_tmp["s_topscopeclass"]; s_topscopeclass != "" {
+			new_row.AddCell().SetValue(s_topscopeclass)
+		} else if s_subscopeclass := o_tmp["s_subscopeclass"]; s_subscopeclass != "" {
+			new_row.AddCell().SetValue(s_subscopeclass)
+		}
+	}
+	fname := fmt.Sprintf(rpath, time.Now().Unix())
+	xf.Save(fname)
+	return fname
+}
+
+func ResponseXlsx_Rule1(id string) string {
+	defer util.Catch()
+	var data *map[string]interface{}
+	data, _ = Mgo.FindById("cuserdepartrule", id, `{}`)
+	if len(*data) == 0 {
+		return ""
+	}
+	xf, err := xlsx.OpenFile("web/res/export_rule.xlsx") //读取导出标签模板表
+	if err != nil {
+		log.Println("export_rule file not foud", err.Error())
+		return ""
+	}
+	sh := xf.Sheets[0]
+	fields_len := len(export_fields)
+	for i, r := range sh.Rows {
+		if i == fields_len {
+			break
+		}
+		field := export_fields1[i] //export_fields值的顺序与模板表一致
+		if field == "i_extfieldstype" {
+			r.AddCell().SetValue(export_extfieldstype[fmt.Sprint((*data)[field])])
+			continue
+		}
+		field_val := ""
+		if strings.HasPrefix(field, "s_") {
+			field_val = util.ObjToString((*data)[field])
+			if export_numfield[field] { //找出值为数字的匹配方式，转换成中文
+				field_val = numValToWord(field_val)
+			}
+		} else if strings.HasPrefix(field, "i_") { //i_startime i_endtime
+			t := util.Int64All((*data)[field])
+			if t > 0 {
+				field_val = util.FormatDateByInt64(&t, util.Date_Full_Layout)
+			}
+		}
+		r.AddCell().SetValue(field_val)
+	}
+	o_rules := (*data)["o_rules"].([]interface{})
+	for _, o_rule := range o_rules {
+		new_row := sh.AddRow()
+		o_tmp := o_rule.(map[string]interface{})
+		for _, match := range export_o_rules {
+			cell_val := util.ObjToString(o_tmp[match])
+			if export_numfield[match] { //找出值为数字的匹配方式，转换成中文
+				cell_val = numValToWord(cell_val)
+			}
+			new_row.AddCell().SetValue(cell_val)
+		}
+		if s_topscopeclass := o_tmp["s_topscopeclass"]; s_topscopeclass != "" {
+			new_row.AddCell().SetValue(s_topscopeclass)
+		} else if s_subscopeclass := o_tmp["s_subscopeclass"]; s_subscopeclass != "" {
+			new_row.AddCell().SetValue(s_subscopeclass)
+		}
+	}
+	fname := fmt.Sprintf(rpath, time.Now().Unix())
+	xf.Save(fname)
+	return fname
+}
+
+//匹配方式的数字值，转为对应的汉字
+func numValToWord(numval string) (word string) {
+	field_arr := strings.Split(numval, ",")
+	for i, val := range field_arr {
+		if i == 0 {
+			word = util.ObjToString(export_matchtype[val])
+			continue
+		}
+		word = word + "," + util.ObjToString(export_matchtype[val])
+	}
+	return
+}
+
+/**
+ * 导入剑鱼批量修改数据
+ */
+func ParsJyData(filebyte []byte) ([]map[string]interface{}, error) {
+	var jyData []map[string]interface{}
+	var keyName []string
+	file, err := xlsx.OpenBinary(filebyte)
+	if err != nil {
+		return jyData, err
+	}
+
+	for i, v := range file.Sheets[0].Rows {
+		data := make(map[string]interface{})
+		for ii, vv := range v.Cells {
+			if i == 0 {
+				keyName = append(keyName, vv.Value)
+			} else {
+				if vv.Value != "" {
+					data[keyName[ii]] = vv.Value
+				}
+			}
+		}
+		if len(data) > 0 {
+			jyData = append(jyData, data)
+		}
+	}
+
+	return jyData, nil
+}

src/util/redisutil.go

@@ -0,0 +1,123 @@
+package util
+
+import (
+	"errors"
+	"log"
+	"strings"
+	"time"
+
+	red "github.com/gomodule/redigo/redis"
+)
+
+var redisPool map[string]*red.Pool
+
+func InitRedis(addrs string) {
+	redisPool = map[string]*red.Pool{}
+	addr := strings.Split(addrs, ",")
+	for _, v := range addr {
+		saddr := strings.Split(v, "=")
+		redisPool[saddr[0]] = &red.Pool{
+			MaxIdle:     256,
+			MaxActive:   0,
+			IdleTimeout: time.Duration(120),
+			Dial: func() (red.Conn, error) {
+				return red.Dial(
+					"tcp",
+					saddr[1],
+					red.DialReadTimeout(time.Duration(2000)*time.Millisecond),
+					red.DialWriteTimeout(time.Duration(2000)*time.Millisecond),
+					red.DialConnectTimeout(time.Duration(2000)*time.Millisecond),
+					red.DialDatabase(0),
+				)
+			},
+		}
+	}
+}
+
+func PutRedis(code string, db int, key, val interface{}, timeout int) bool {
+	b := false
+	var err error
+	con := redisPool[code].Get()
+	if err = con.Err(); err != nil {
+		log.Println("redisutil-conn Error", err)
+		return b
+	}
+	defer con.Close()
+	_, err = con.Do("select", db)
+	if err != nil {
+		log.Println("redisutil-select Error", err)
+		return b
+	}
+	if timeout <= 0 {
+		_, err = con.Do("SET", key, val)
+	} else {
+		_, err = con.Do("SET", key, val, "EX", timeout)
+	}
+	if err != nil {
+		log.Println("redisutil-set Error", err)
+		return b
+	} else {
+		b = true
+	}
+	return b
+}
+
+func GetRedisStr(code string, db int, key interface{}) (string, error) {
+	res, err := GetNewInterface(code, db, key)
+	if err != nil {
+		return "", err
+	} else {
+		if bt, ok := res.([]byte); ok {
+			return string(bt), nil
+		} else {
+			return "", errors.New("Val does not exist.")
+		}
+	}
+}
+
+func GetNewInterface(code string, db int, key interface{}) (res interface{}, err error) {
+	con := redisPool[code].Get()
+	if err = con.Err(); err != nil {
+		return nil, err
+	}
+	defer con.Close()
+	_, err = con.Do("select", db)
+	if err != nil {
+		log.Println(err)
+		return nil, err
+	}
+	return con.Do("GET", key)
+}
+
+func ExistRedis(code string, db int, key interface{}, args ...interface{}) (bool, error) {
+	con := redisPool[code].Get()
+	if err := con.Err(); err != nil {
+		log.Println("redis exist error:", err)
+		return false, err
+	}
+	defer con.Close()
+	_, err := con.Do("select", db)
+	if err != nil {
+		log.Println("redis select error:", err)
+		return false, err
+	}
+	parmas := make([]interface{}, 0)
+	parmas = append(parmas, key)
+	if len(args) > 0 {
+		for _, v := range args {
+			parmas = append(parmas, v)
+		}
+	}
+	repl, err := con.Do("exists", parmas...)
+	ret, _ := red.Int(repl, err)
+	return ret == 1, err
+}
+
+//func clearredis() {
+//	for i := 0; i < 16; i++ {
+//		con := redisPool.Get()
+//		defer con.Close()
+//		con.Do("select", i)
+//		con.Do("flushdb")
+//	}
+//}

src/util/util.go

@@ -0,0 +1,61 @@
+package util
+
+import (
+	"net/http"
+	qu "qfw/util"
+	"reflect"
+	"strconv"
+
+	"github.com/shopspring/decimal"
+)
+
+//数据类型转换
+func GetPostForm(r *http.Request) map[string]interface{} {
+	val := map[string]interface{}{}
+	for k, _ := range r.Form {
+		// if len(k) < 2 {
+		// 	continue
+		// }
+		if k != "_id" {
+			v := r.FormValue(k)
+			switch k[:2] {
+			case "s_": //string型
+				val[k] = v
+			case "l_": //int64位
+				val[k], _ = strconv.ParseInt(v, 10, 64)
+			case "i_": //int型
+				val[k], _ = strconv.Atoi(v)
+			default:
+				if v == "true" || v == "false" {
+					b, _ := strconv.ParseBool(v)
+					val[k] = b
+				} else {
+					val[k] = v
+				}
+			}
+		}
+	}
+	return val
+}
+
+//从数组中删除元素
+func deleteSlice(arr []string, v string) []string {
+	for k, v1 := range arr {
+		if v1 == v {
+			return append(arr[:k], arr[k+1:]...)
+		}
+	}
+	return arr
+}
+
+/**
+ *	前端科学计数法处理
+ */
+func FormatNumber(tmp map[string]interface{}) {
+	for k, v := range tmp {
+		if reflect.TypeOf(v).Name() == reflect.Float64.String() {
+			num, _ := decimal.NewFromString(strconv.FormatFloat(qu.Float64All(v), 'e', -1, 64))
+			tmp[k], _ = num.Float64()
+		}
+	}
+}

src/util/utiltag.go

@@ -0,0 +1,744 @@
+package util
+
+import (
+	"encoding/json"
+	"errors"
+	"fmt"
+	"models"
+	"qfw/util"
+	"qfw/util/elastic"
+	"regexp"
+	sql "sqlmodel"
+	"strings"
+	"time"
+
+	"go.mongodb.org/mongo-driver/bson"
+)
+
+const (
+	TitleMatchType            = "1"           //标题匹配
+	DetailMatchType           = "2"           //全文匹配
+	PurchasingMatchType       = "3"           //标的物匹配
+	AttachmentsMatchType      = "4"           //附件匹配
+	ProjectnameMatchType      = "5"           //项目名称匹配
+	BuyerMatchType            = "6"           //采购单位匹配
+	SWinnerMatchType          = "7"           //中标单位匹配
+	BuyerMatchType1           = "8"           //采购单位(正则)匹配
+	SWinnerMatchType1         = "9"           //中标单位(正则)匹配
+	TitleMatchTypeStr         = "title"       //标题匹配
+	DetailMatchTypeStr        = "detail"      //全文匹配
+	PurchasingMatchTypeStr    = "purchasing"  //标的物匹配
+	AttachmentsMatchTypeStr   = "attachments" //附件匹配
+	ProjectnameMatchTypeStr   = "projectname" //项目名称匹配
+	BuyerMatchTypeStr         = "buyer"       //项目名称匹配
+	SWinnerMatchTypeStr       = "s_winner"    //项目名称匹配
+	TitleMatchTypeField       = "title"       //标题匹配
+	DetailMatchTypeField      = "detail"      //全文匹配
+	PurchasingMatchTypeField  = "purchasing"  //标的物匹配
+	AttachmentsMatchTypeField = "attachments" //附件匹配
+	ProjectnameMatchTypeField = "projectname" //项目名称匹配
+	BuyerMatchTypeField       = "buyer"       //项目名称匹配
+	SWinnerMatchTypeField     = "s_winner"    //项目名称匹配
+	MultiMatchType            = "phrase"
+	Standard                  = 1          //1:标准字段包，
+	Advanced                  = 2          //2：高级字段包
+	Standardstr               = "standard" //1：标准字段包
+	Advancedstr               = "advanced" //2：高级字段包
+	Url                       = "https://www.jianyu360.cn/article/content/%s.html"
+)
+
+func UtilEsSaveData(sdataid string, datas *[]map[string]interface{}) error {
+	defer util.Catch()
+	Mgo.Del("tagsdata", bson.M{"s_dataid": sdataid})
+	if Mgo.SaveBulk("tagsdata", *datas...) {
+		return nil
+	} else {
+		return errors.New("mongo save err")
+	}
+
+}
+
+func UtilEsFind(tags map[string]interface{}) (error, int64) {
+	defer util.Catch()
+	sdataid := util.ObjToString(tags["s_dataid"])
+	esquery := util.ObjToString(tags["s_esquery"])
+	if len(esquery) < 1 || len(sdataid) < 1 {
+		return errors.New("s_esquery or s_dataid no found"), 0
+	}
+	i_maxnum := util.Int64All(tags["i_maxnum"])
+	if i_maxnum <= 0 {
+		i_maxnum = 100
+	}
+	maths := make([]map[string]string, 0)
+	if orules, ok := tags["o_rules"].([]interface{}); ok {
+		for _, v := range orules {
+			orule, _ := v.(map[string]interface{})
+			maths = append(maths, map[string]string{
+				"s_matchkey": util.ObjToString(orule["s_matchkey"]),
+				"s_keymatch": util.ObjToString(orule["s_keymatch"]),
+			})
+		}
+	} else if orules, ok := tags["o_rules"].([]map[string]interface{}); ok {
+		for _, v := range orules {
+			maths = append(maths, map[string]string{
+				"s_matchkey": util.ObjToString(v["s_matchkey"]),
+				"s_keymatch": util.ObjToString(v["s_keymatch"]),
+			})
+		}
+	} else {
+		return errors.New("o_rules no found"), 0
+	}
+	client := elastic.GetEsConn()
+	defer elastic.DestoryEsConn(client)
+	esquery = esquery[:len(esquery)-1] + `,"size":` + fmt.Sprintf("%d", i_maxnum) + `}`
+	searchResult, err := client.Search(EsIndex).Source(esquery).Do()
+	if err == nil && searchResult.Hits != nil {
+		datas := make([]map[string]interface{}, 0)
+		util.Debug("es查询到的数量：", searchResult.Hits.TotalHits)
+		for _, v := range searchResult.Hits.Hits {
+			item := make(map[string]interface{})
+			if json.Unmarshal(*v.Source, &item) == nil {
+				delete(item, "_id")
+				item["info_id"] = v.Id
+				item["s_dataid"] = sdataid
+				item["s_jyhref"] = fmt.Sprintf(Url, util.CommonEncodeArticle("content", v.Id))
+				item["i_createtime"] = time.Now().Unix()
+				var d *DFA = &DFA{}
+				var analyKeys []string //找到的关键词
+				var matchType []string //匹配方式
+				for _, math := range maths {
+					fileds := strsToArr(math["s_keymatch"], "field")
+					d.AddWord(strings.Split(math["s_matchkey"], ",")...)
+					mkMap := make(map[string]interface{})
+					tmpMap := make(map[string]interface{})
+					for _, mk := range strings.Split(math["s_matchkey"], ",") {
+						if strings.Contains(mk, "&&") {
+							arr := strings.Split(mk, "&&")
+							for _, s := range arr {
+								if s != "" {
+									tmpMap[s] = mk
+									if b, _ := regexp.MatchString("[A-Z]", s); b {
+										mkMap[strings.ToLower(s)] = s
+										d.AddWord(strings.ToLower(s))
+									} else {
+										d.AddWord(s)
+									}
+								}
+							}
+						} else {
+							if b, _ := regexp.MatchString("[A-Z]", mk); b {
+								mkMap[strings.ToLower(mk)] = mk
+								d.AddWord(strings.ToLower(mk))
+							} else {
+								d.AddWord(mk)
+							}
+						}
+					}
+					for _, filed := range fileds {
+						filed1 := strings.ToLower(util.ObjToString(item[filed]))
+						ddds := d.Analy(filed1)
+						analyKeys = append(analyKeys, ddds...)
+					}
+					if len(analyKeys) > 0 {
+						matchType = append(matchType, strings.Join(fileds, ","))
+						for k, v := range analyKeys {
+							if tmpMap[v] != "" && tmpMap[v] != nil {
+								analyKeys[k] = util.ObjToString(tmpMap[v])
+							}
+						}
+						for _, v1 := range analyKeys {
+							if mkMap[v1] != "" && mkMap[v1] != nil {
+								analyKeys = deleteSlice(analyKeys, v1)
+								analyKeys = append(analyKeys, util.ObjToString(mkMap[v1]))
+							}
+						}
+					}
+					d.Clear()
+				}
+				//去重
+				ssavekey := make(map[string]bool)
+				for _, v := range analyKeys {
+					ssavekey[v] = true
+				}
+				ssavekeys := []string{}
+				for k := range ssavekey {
+					ssavekeys = append(ssavekeys, k)
+				}
+				item["s_matchkey"] = strings.Join(ssavekeys, ",")
+				item["s_matchtype"] = strings.Join(matchType, ",")
+				findwinner := strings.TrimSpace(util.ObjToString(item["winner"]))
+				if findwinner != "" {
+					finddata, _ := MgoEn.FindOne(MgoEnC, bson.M{"company_name": findwinner})
+					if finddata != nil && (*finddata) != nil {
+						item["legal_person"] = util.ObjToString((*finddata)["legal_person"])
+						item["company_email"] = util.ObjToString((*finddata)["company_email"])
+						item["company_phone"] = util.ObjToString((*finddata)["company_phone"])
+						item["qyk"] = finddata
+					}
+				}
+				datas = append(datas, item)
+			}
+		}
+		Mgo.Update("tags", bson.M{"_id": tags["_id"]}, bson.M{
+			"$set": bson.M{
+				"i_estotal": searchResult.Hits.TotalHits,
+			}}, false, false)
+		count := searchResult.Hits.TotalHits
+		return UtilEsSaveData(sdataid, &datas), count
+	} else {
+		util.Debug(err)
+		return err, 0
+	}
+}
+
+//客户规则
+func UtilEsFind1(tags map[string]interface{}) (error, int64) {
+	defer util.Catch()
+	sdataid := util.ObjToString(tags["s_dataid"])
+	esquery := util.ObjToString(tags["s_esquery"])
+	if len(esquery) < 1 || len(sdataid) < 1 {
+		return errors.New("s_esquery or s_dataid no found"), 0
+	}
+	i_maxnum := util.Int64All(tags["i_maxnum"])
+	if i_maxnum <= 0 {
+		i_maxnum = 100
+	}
+	maths := make([]map[string]string, 0)
+	if orules, ok := tags["o_rules"].([]interface{}); ok {
+		for _, v := range orules {
+			orule, _ := v.(map[string]interface{})
+			maths = append(maths, map[string]string{
+				"s_matchkey": util.ObjToString(orule["s_matchkey"]),
+				"s_keymatch": util.ObjToString(orule["s_keymatch"]),
+			})
+		}
+	} else if orules, ok := tags["o_rules"].([]map[string]interface{}); ok {
+		for _, v := range orules {
+			maths = append(maths, map[string]string{
+				"s_matchkey": util.ObjToString(v["s_matchkey"]),
+				"s_keymatch": util.ObjToString(v["s_keymatch"]),
+			})
+		}
+	} else {
+		return errors.New("o_rules no found"), 0
+	}
+	client := elastic.GetEsConn()
+	defer elastic.DestoryEsConn(client)
+	esquery = esquery[:len(esquery)-1] + `,"size":` + fmt.Sprintf("%d", i_maxnum) + `}`
+	searchResult, err := client.Search(EsIndex).Source(esquery).Do()
+	if err == nil && searchResult.Hits != nil {
+		datas := make([]map[string]interface{}, 0)
+		util.Debug("es查询到的数量：", searchResult.Hits.TotalHits)
+		for _, v := range searchResult.Hits.Hits {
+			item := make(map[string]interface{})
+			if json.Unmarshal(*v.Source, &item) == nil {
+				delete(item, "_id")
+				item["info_id"] = v.Id
+				item["s_dataid"] = sdataid
+				item["s_jyhref"] = fmt.Sprintf(Url, util.CommonEncodeArticle("content", v.Id))
+				item["i_createtime"] = time.Now().Unix()
+				var d *DFA = &DFA{}
+				var analyKeys []string //找到的关键词
+				var matchType []string //匹配方式
+				for _, math := range maths {
+					fileds := strsToArr(math["s_keymatch"], "field")
+					d.AddWord(strings.Split(math["s_matchkey"], ",")...)
+					mkMap := make(map[string]interface{})
+					tmpMap := make(map[string]interface{})
+					for _, mk := range strings.Split(math["s_matchkey"], ",") {
+						if strings.Contains(mk, "&&") {
+							arr := strings.Split(mk, "&&")
+							for _, s := range arr {
+								if s != "" {
+									tmpMap[s] = mk
+									if b, _ := regexp.MatchString("[A-Z]", s); b {
+										mkMap[strings.ToLower(s)] = s
+										d.AddWord(strings.ToLower(s))
+									} else {
+										d.AddWord(s)
+									}
+								}
+							}
+						} else {
+							if b, _ := regexp.MatchString("[A-Z]", mk); b {
+								mkMap[strings.ToLower(mk)] = mk
+								d.AddWord(strings.ToLower(mk))
+							} else {
+								d.AddWord(mk)
+							}
+						}
+					}
+					for _, filed := range fileds {
+						filed1 := strings.ToLower(util.ObjToString(item[filed]))
+						ddds := d.Analy(filed1)
+						analyKeys = append(analyKeys, ddds...)
+					}
+					if len(analyKeys) > 0 {
+						matchType = append(matchType, strings.Join(fileds, ","))
+						for k, v := range analyKeys {
+							if tmpMap[v] != "" && tmpMap[v] != nil {
+								analyKeys[k] = util.ObjToString(tmpMap[v])
+							}
+						}
+						for _, v1 := range analyKeys {
+							if mkMap[v1] != "" && mkMap[v1] != nil {
+								analyKeys = deleteSlice(analyKeys, v1)
+								analyKeys = append(analyKeys, util.ObjToString(mkMap[v1]))
+							}
+						}
+					}
+					d.Clear()
+				}
+				//去重
+				ssavekey := make(map[string]bool)
+				for _, v := range analyKeys {
+					ssavekey[v] = true
+				}
+				ssavekeys := []string{}
+				for k := range ssavekey {
+					ssavekeys = append(ssavekeys, k)
+				}
+				item["s_matchkey"] = strings.Join(ssavekeys, ",")
+				item["s_matchtype"] = strings.Join(matchType, ",")
+				findwinner := strings.TrimSpace(util.ObjToString(item["winner"]))
+				if findwinner != "" {
+					finddata, _ := MgoEn.FindOne(MgoEnC, bson.M{"company_name": findwinner})
+					if finddata != nil && (*finddata) != nil {
+						item["legal_person"] = util.ObjToString((*finddata)["legal_person"])
+						item["company_email"] = util.ObjToString((*finddata)["company_email"])
+						item["company_phone"] = util.ObjToString((*finddata)["company_phone"])
+						item["qyk"] = finddata
+					}
+				}
+				datas = append(datas, item)
+			}
+		}
+		Mgo.Update("cuserdepartrule", bson.M{"_id": tags["_id"]}, bson.M{
+			"$set": bson.M{
+				"i_estotal": searchResult.Hits.TotalHits,
+			}}, false, false)
+		count := searchResult.Hits.TotalHits
+		return UtilEsSaveData(sdataid, &datas), count
+	} else {
+		util.Debug(err)
+		return err, 0
+	}
+}
+
+func Utiltags(tag map[string]interface{}) string {
+	defer util.Catch()
+	tmpbyte, _ := json.Marshal(tag)
+	tab := models.Tag{}
+	err := json.Unmarshal(tmpbyte, &tab)
+	if err != nil {
+		return "json err:" + err.Error()
+	}
+	QueryObjecct := sql.QueryObjecct{}
+	ffBoolObject := sql.BoolObject{}
+	adsBoolObect := sql.NewEsObject{}
+	if tab.Sarea != "" {
+		adsBoolObect.Bool.Should = append(adsBoolObect.Bool.Should, sql.AreaCityDistrictMust{AreaCityDistrict: &sql.AreaCityDistrict{Area: strings.Split(tab.Sarea, ",")}})
+	}
+	if tab.Scity != "" {
+		adsBoolObect.Bool.Should = append(adsBoolObect.Bool.Should, sql.AreaCityDistrictMust{AreaCityDistrict: &sql.AreaCityDistrict{City: strings.Split(tab.Scity, ",")}})
+	}
+	if tab.Sdistrict != "" {
+		//城市——区县
+		cityds := strings.Split(tab.Sdistrict, ",")
+		var ds []string
+		for _, v := range cityds {
+			ds = append(ds, strings.Split(v, "-")[1])
+		}
+		adsBoolObect.Bool.Should = append(adsBoolObect.Bool.Should, sql.AreaCityDistrictMust{AreaCityDistrict: &sql.AreaCityDistrict{District: ds}})
+	}
+	if len(adsBoolObect.Bool.Should) > 0 {
+		ffBoolObject.Must = append(ffBoolObject.Must, adsBoolObect)
+	}
+	if tab.Stoptype != "" || tab.Ssubtype != "" {
+		if len(tab.Stoptype) > 0 {
+			toptypeSubtype := sql.ToptypeSubtype{}
+			toptypeSubtype.Toptype = strings.Split(tab.Stoptype, ",")
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.ToptypeSubtypeMust{&toptypeSubtype})
+		}
+		if len(tab.Ssubtype) > 0 {
+			toptypeSubtype := sql.ToptypeSubtype{}
+			toptypeSubtype.Subtype = strings.Split(tab.Ssubtype, ",")
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.ToptypeSubtypeMust{&toptypeSubtype})
+		}
+	}
+	if tab.Istarttime > 0 && tab.Iendtime > 0 {
+		ffBoolObject.Must = append(ffBoolObject.Must, sql.PublishtimeMust{PublishtimeObject: &sql.PublishtimeObject{Publishtime: &sql.Publishtime{
+			Gte: tab.Istarttime,
+			Lt:  tab.Iendtime,
+		}}})
+	} else if tab.Istarttime > 0 {
+		ffBoolObject.Must = append(ffBoolObject.Must, sql.PublishtimeMust{PublishtimeObject: &sql.PublishtimeObject{Publishtime1: &sql.Publishtime1{
+			Gte: tab.Istarttime,
+		}}})
+	} else if tab.Iendtime > 0 {
+		ffBoolObject.Must = append(ffBoolObject.Must, sql.PublishtimeMust{PublishtimeObject: &sql.PublishtimeObject{Publishtime2: &sql.Publishtime2{
+			Lt: tab.Iendtime,
+		}}})
+	}
+	if tab.Sbudget != "" {
+		if strings.Contains(tab.Sbudget, "大于") && strings.Contains(tab.Sbudget, "小于") {
+			arr := strings.Split(tab.Sbudget, ",")
+			limit := &sql.BudgetOrBidamount{
+				Gte: util.Float64All(strings.Replace(arr[0], "大于", "", -1)),
+				Lt:  util.Float64All(strings.Replace(arr[1], "小于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BudgetMust{BudgetObj: &sql.BudgetObj{Budget: limit}})
+		} else if strings.Contains(tab.Sbudget, "大于") {
+			limit := &sql.BudgetOrBidamount{
+				Gte: util.Float64All(strings.Replace(tab.Sbudget, "大于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BudgetMust{BudgetObj: &sql.BudgetObj{Budget: limit}})
+		} else if strings.Contains(tab.Sbudget, "小于") {
+			limit := &sql.BudgetOrBidamount{
+				Lt: util.Float64All(strings.Replace(tab.Sbudget, "小于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BudgetMust{BudgetObj: &sql.BudgetObj{Budget: limit}})
+		}
+	}
+	if tab.Sbidamount != "" {
+		if strings.Contains(tab.Sbidamount, "大于") && strings.Contains(tab.Sbidamount, "小于") {
+			arr := strings.Split(tab.Sbidamount, ",")
+			limit := &sql.BudgetOrBidamount{
+				Gte: util.Float64All(strings.Replace(arr[0], "大于", "", -1)),
+				Lt:  util.Float64All(strings.Replace(arr[1], "小于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BidamountMust{BidamountObj: &sql.BidamountObj{Bidamount: limit}})
+		} else if strings.Contains(tab.Sbidamount, "大于") {
+			limit := &sql.BudgetOrBidamount{
+				Gte: util.Float64All(strings.Replace(tab.Sbidamount, "大于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BidamountMust{BidamountObj: &sql.BidamountObj{Bidamount: limit}})
+		} else if strings.Contains(tab.Sbidamount, "小于") {
+			limit := &sql.BudgetOrBidamount{
+				Lt: util.Float64All(strings.Replace(tab.Sbidamount, "小于", "", -1)),
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.BidamountMust{BidamountObj: &sql.BidamountObj{Bidamount: limit}})
+		}
+	}
+	if tab.Sglobalbuyerclass != "" {
+		if len(tab.Sglobalbuyerclass) > 0 {
+			buyerclass := sql.BuyerclassObject{
+				Terms: struct {
+					Buyerclass []string `json:"buyerclass,omitempty"`
+				}{
+					Buyerclass: strings.Split(tab.Sglobalbuyerclass, ","),
+				},
+			}
+			ffBoolObject.Must = append(ffBoolObject.Must, buyerclass)
+		}
+	}
+	if tab.Sglobaltopscopeclass != "" || tab.Sglobalsubscopeclass != "" {
+		if len(tab.Sglobaltopscopeclass) > 0 {
+			topScopeclass := sql.Scopeclass{}
+			topScopeclass.Globaltopscopeclass = strings.Split(tab.Sglobaltopscopeclass, ",")
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.ScopeclassMust{&topScopeclass})
+		} else if len(tab.Sglobalsubscopeclass) > 0 {
+			subScopeclass := sql.Scopeclass{}
+			subScopeclass.Globalsubscopeclass = strings.Split(tab.Sglobalsubscopeclass, ",")
+			ffBoolObject.Must = append(ffBoolObject.Must, sql.ScopeclassMust{&subScopeclass})
+		}
+	}
+	fqBoolObject := sql.BoolObject{}
+	if len(tab.Sexistfields) > 0 {
+		tmpsfields := strings.Split(tab.Sexistfields, ",")
+		for _, v := range tmpsfields {
+			fqBoolObject.MustNot = append(fqBoolObject.MustNot, sql.ExistfieldsObjectMust{
+				ExistfieldsObject: &sql.ExistfieldsObject{Filter: struct {
+					Missing struct {
+						Field string `json:"field,omitempty"`
+					} `json:"missing,omitempty"`
+				}{
+					Missing: struct {
+						Field string `json:"field,omitempty"`
+					}{Field: v},
+				},
+				},
+			})
+		}
+	}
+	newEsObject := sql.NewEsObject{}
+	if tab.Sglobaladdkey != "" && tab.Sglobaladdkeymatch != "" {
+		if tmps := strsToArr(tab.Sglobaladdkeymatch, "str"); tmps != nil {
+			newEsObject = method1(newEsObject, tab.Sglobaladdkey, tab.Sglobaladdkeymatch, tmps)
+		}
+	}
+	if len(newEsObject.Bool.Should) > 0 || len(newEsObject.Bool.MustNot) > 0 || len(newEsObject.Bool.Must) > 0 {
+		fqBoolObject.Must = append(fqBoolObject.Must, newEsObject)
+	}
+
+	nots := sql.NewEsObject{}
+	if tab.Sglobalnotkey != "" && tab.Sglobalnotkeymatch != "" {
+		if tmps := strsToArr(tab.Sglobalnotkeymatch, "str"); tmps != nil {
+			nots = method1(nots, tab.Sglobalnotkey, tab.Sglobalnotkeymatch, tmps)
+		}
+	}
+	if len(nots.Bool.Should) > 0 {
+		fqBoolObject.MustNot = append(fqBoolObject.MustNot, nots)
+	}
+	torules := sql.BoolObject{}
+	for _, v := range tab.Orules {
+		tmpses := sql.NewEsObject{}
+		if skeymatchs := strsToArr(v.Skeymatch, "str"); skeymatchs != nil {
+			tmpnewEsObject := sql.NewEsObject{}
+			tmpnewEsObject = method1(tmpnewEsObject, v.Smatchkey, v.Skeymatch, skeymatchs)
+			if len(tmpnewEsObject.Bool.Should) > 0 || len(tmpnewEsObject.Bool.Must) > 0 || len(tmpnewEsObject.Bool.MustNot) > 0 {
+				tmpses.Bool.Must = append(tmpses.Bool.Must, tmpnewEsObject)
+			}
+		}
+		if saddkeymatchs := strsToArr(v.Saddkeymatch, "str"); saddkeymatchs != nil {
+			addkeyarr := sql.NewEsObject{}
+			addkeyarr = method1(addkeyarr, v.Saddkey, v.Saddkeymatch, saddkeymatchs)
+			if len(addkeyarr.Bool.Should) > 0 {
+				tmpses.Bool.Must = append(tmpses.Bool.Must, addkeyarr)
+			}
+		}
+		if snotkeymatchs := strsToArr(v.Snotkeymatch, "str"); snotkeymatchs != nil {
+			tmpses = method2(tmpses, v.Snotkey, v.Snotkeymatch, snotkeymatchs)
+		}
+		if len(v.Stopscopeclass) > 0 {
+			sArr := strings.Split(v.Stopscopeclass, ",")
+			tmpses.Bool.Must = append(tmpses.Bool.Must, sql.TopscopeclassObject{
+				Terms: struct {
+					Topscopeclass []string `json:"s_topscopeclass,omitempty"`
+				}{
+					Topscopeclass: sArr,
+				},
+			})
+		} else if len(v.Ssubscopeclass) > 0 {
+			tmpses.Bool.Must = append(tmpses.Bool.Must, sql.SubscopeclassObject{
+				Terms: struct {
+					Subscopeclass []string `json:"s_subscopeclass,omitempty"`
+				}{
+					Subscopeclass: strings.Split(v.Ssubscopeclass, ","),
+				},
+			})
+		}
+		if len(v.Sbuyerclass) > 0 {
+			tmpses.Bool.Must = append(tmpses.Bool.Must, sql.BuyerclassObject{
+				Terms: struct {
+					Buyerclass []string `json:"buyerclass,omitempty"`
+				}{
+					Buyerclass: strings.Split(v.Sbuyerclass, ","),
+				},
+			})
+		}
+		torules.Should = append(torules.Should, tmpses)
+	}
+	if len(ffBoolObject.Must) > 0 || len(ffBoolObject.MustNot) > 0 || len(ffBoolObject.Should) > 0 {
+		QueryObjecct.Filtered.Filter = &sql.Filter{}
+		QueryObjecct.Filtered.Filter.Bool = &ffBoolObject
+	}
+	if len(fqBoolObject.Must) > 0 || len(fqBoolObject.MustNot) > 0 || len(fqBoolObject.Should) > 0 {
+		QueryObjecct.Filtered.Query = &sql.Query{}
+		QueryObjecct.Filtered.Query.Bool = &fqBoolObject
+		if len(torules.Should) > 0 {
+			QueryObjecct.Filtered.Query.Bool.Must = append(QueryObjecct.Filtered.Query.Bool.Must, map[string]interface{}{
+				"bool": torules,
+			})
+		}
+	} else if len(torules.Should) > 0 {
+		if QueryObjecct.Filtered.Query == nil {
+			QueryObjecct.Filtered.Query = &sql.Query{}
+			QueryObjecct.Filtered.Query.Bool = &fqBoolObject
+		}
+		QueryObjecct.Filtered.Query.Bool.Must = append(QueryObjecct.Filtered.Query.Bool.Must, map[string]interface{}{
+			"bool": torules,
+		})
+	}
+	rdata := make(map[string]interface{})
+	rdata["query"] = QueryObjecct
+	esbytes, _ := json.Marshal(rdata)
+	esStr := strings.ReplaceAll(string(esbytes), "regexp1", "regexp")
+	esStr = strings.ReplaceAll(esStr, "publishtime1", "publishtime")
+	esStr = strings.ReplaceAll(esStr, "publishtime2", "publishtime")
+	return strings.ReplaceAll(esStr, "regexp2", "regexp")
+}
+
+func strsToArr(strs string, typestr string) []string {
+	if len(strs) > 0 {
+		tmps := strings.Split(strs, ",")
+		switch typestr {
+		case "str":
+			for index, vint := range tmps {
+				switch vint {
+				case TitleMatchType:
+					tmps[index] = TitleMatchTypeStr
+				case DetailMatchType:
+					tmps[index] = DetailMatchTypeStr
+				case PurchasingMatchType:
+					tmps[index] = PurchasingMatchTypeStr
+				case AttachmentsMatchType:
+					tmps[index] = AttachmentsMatchTypeStr
+				case ProjectnameMatchType:
+					tmps[index] = ProjectnameMatchTypeStr
+				case BuyerMatchType:
+					tmps[index] = BuyerMatchTypeStr
+				case SWinnerMatchType:
+					tmps[index] = SWinnerMatchTypeStr
+				case BuyerMatchType1:
+					tmps[index] = BuyerMatchTypeStr
+				case SWinnerMatchType1:
+					tmps[index] = SWinnerMatchTypeStr
+				}
+			}
+			return tmps
+		case "field":
+			for index, vint := range tmps {
+				switch vint {
+				case TitleMatchType:
+					tmps[index] = TitleMatchTypeField
+				case DetailMatchType:
+					tmps[index] = DetailMatchTypeField
+				case PurchasingMatchType:
+					tmps[index] = PurchasingMatchTypeField
+				case AttachmentsMatchType:
+					tmps[index] = AttachmentsMatchTypeField
+				case ProjectnameMatchType:
+					tmps[index] = ProjectnameMatchTypeField
+				case BuyerMatchType:
+					tmps[index] = BuyerMatchTypeField
+				case SWinnerMatchType:
+					tmps[index] = SWinnerMatchTypeField
+				case BuyerMatchType1:
+					tmps[index] = BuyerMatchTypeField
+				case SWinnerMatchType1:
+					tmps[index] = SWinnerMatchTypeField
+				}
+			}
+			return tmps
+		}
+	}
+	return nil
+}
+func init() {
+	EsIndex = util.ObjToString(Sysconfig["elasticsearch_index"])
+	EsType = util.ObjToString(Sysconfig["elasticsearch_type"])
+}
+
+func method1(newEsObject sql.NewEsObject, keyword, keymatch string, tmps []string) sql.NewEsObject {
+	for _, vv := range strings.Split(keyword, ",") {
+		if vv == "" {
+			continue
+		}
+		if len(tmps) == 1 && (strings.Contains(keymatch, "8") || strings.Contains(keymatch, "9")) {
+			//中标单位、采购单位、中标单位(正则)、采购单位(正则)    单选
+			strs := ""
+			if strings.Contains(vv, "&&") {
+				strs = ".*" + strings.Replace(vv, "&&", ".*", -1) + ".*"
+			} else {
+				strs = ".*" + vv + ".*"
+			}
+			if tmps[0] == "buyer" {
+				newEsObject.Bool.Should = append(newEsObject.Bool.Should, sql.Regular{
+					Regexp1: &sql.Regular_Buyer{Buyer: strs},
+				})
+			} else if tmps[0] == "s_winner" {
+				newEsObject.Bool.Should = append(newEsObject.Bool.Should, sql.Regular{
+					Regexp2: &sql.Regular_winner{Winner: strs},
+				})
+			}
+		} else {
+			addkeylines := strings.Split(vv, "&&")
+			if len(addkeylines) > 1 {
+				addkeyline := sql.NewEsObject{}
+				for _, vvv := range addkeylines {
+					if vvv == "" {
+						continue
+					}
+					addkeyline.Bool.Must = append(addkeyline.Bool.Must, sql.ShouldObj{
+						MultiMatch: &sql.MultiMatch{
+							Query:  vvv,
+							Type:   MultiMatchType,
+							Fields: tmps,
+						},
+					})
+				}
+				if len(addkeyline.Bool.Must) > 0 {
+					newEsObject.Bool.Should = append(newEsObject.Bool.Should, addkeyline)
+				}
+			} else {
+				newEsObject.Bool.Should = append(newEsObject.Bool.Should, sql.ShouldObj{
+					MultiMatch: &sql.MultiMatch{
+						Query:  vv,
+						Type:   MultiMatchType,
+						Fields: tmps,
+					},
+				})
+			}
+		}
+	}
+	return newEsObject
+}
+
+func method2(newEsObject sql.NewEsObject, keyword, keymatch string, tmps []string) sql.NewEsObject {
+	for _, vv := range strings.Split(keyword, ",") {
+		if vv == "" {
+			continue
+		}
+		if len(tmps) == 1 && (strings.Contains(keymatch, "8") || strings.Contains(keymatch, "9")) {
+			//中标单位、采购单位、中标单位(正则)、采购单位(正则)    单选
+			strs := ""
+			if strings.Contains(vv, "&&") {
+				strs = ".*" + strings.Replace(vv, "&&", ".*", -1) + ".*"
+			} else {
+				strs = ".*" + vv + ".*"
+			}
+			if tmps[0] == "buyer" {
+				newEsObject.Bool.MustNot = append(newEsObject.Bool.MustNot, sql.Regular{
+					Regexp1: &sql.Regular_Buyer{Buyer: strs},
+				})
+			} else if tmps[0] == "s_winner" {
+				newEsObject.Bool.MustNot = append(newEsObject.Bool.MustNot, sql.Regular{
+					Regexp2: &sql.Regular_winner{Winner: strs},
+				})
+			}
+		} else {
+			addkeylines := strings.Split(vv, "&&")
+			if len(addkeylines) > 1 {
+				addkeyline := sql.NewEsObject{}
+				for _, vvv := range addkeylines {
+					if vvv == "" {
+						continue
+					}
+					addkeyline.Bool.Must = append(addkeyline.Bool.Must, sql.ShouldObj{
+						MultiMatch: &sql.MultiMatch{
+							Query:  vvv,
+							Type:   MultiMatchType,
+							Fields: tmps,
+						},
+					})
+				}
+				if len(addkeyline.Bool.Must) > 0 {
+					newEsObject.Bool.MustNot = append(newEsObject.Bool.MustNot, addkeyline)
+				}
+			} else {
+				newEsObject.Bool.MustNot = append(newEsObject.Bool.MustNot, sql.ShouldObj{
+					MultiMatch: &sql.MultiMatch{
+						Query:  vv,
+						Type:   MultiMatchType,
+						Fields: tmps,
+					},
+				})
+			}
+		}
+	}
+	return newEsObject
+}
+
+/**
+ * 一级公告行业处理 d、t、p
+ */
+func method3(arr []string) []string {
+	var sArr []string
+	for _, v := range arr {
+		sArr = append(sArr, v+"d")
+		sArr = append(sArr, v+"t")
+		sArr = append(sArr, v+"p")
+	}
+	return sArr
+}

src/web/res/bower_components/Ionicons/.bower.json

@@ -0,0 +1,41 @@
+{
+  "ignore": [
+    "**/.*",
+    "builder",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "version": "2.0.1",
+  "name": "Ionicons",
+  "license": "MIT",
+  "authors": [
+    "Ben Sperry <ben@drifty.com>",
+    "Adam Bradley <adam@drifty.com>",
+    "Max Lynch <max@drifty.com>"
+  ],
+  "keywords": [
+    "fonts",
+    "icon font",
+    "icons",
+    "ionic",
+    "web font"
+  ],
+  "main": [
+    "css/ionicons.css",
+    "fonts/*"
+  ],
+  "homepage": "https://github.com/driftyco/ionicons",
+  "description": "Ionicons - free and beautiful icons from the creators of Ionic Framework",
+  "_release": "2.0.1",
+  "_resolution": {
+    "type": "version",
+    "tag": "v2.0.1",
+    "commit": "ecb4b806831005c25b97ed9089fbb1d7dcc0879c"
+  },
+  "_source": "https://github.com/driftyco/ionicons.git",
+  "_target": "^2.0.1",
+  "_originalSource": "ionicons",
+  "_direct": true
+}

src/web/res/bower_components/Ionicons/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Drifty (http://drifty.com/)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

src/web/res/bower_components/Ionicons/bower.json

@@ -0,0 +1,31 @@
+{
+    "ignore": [
+        "**/.*",
+        "builder",
+        "node_modules",
+        "bower_components",
+        "test",
+        "tests"
+    ],
+    "version": "2.0.0",
+    "name": "Ionicons",
+    "license": "MIT",
+    "authors": [
+        "Ben Sperry <ben@drifty.com>",
+        "Adam Bradley <adam@drifty.com>",
+        "Max Lynch <max@drifty.com>"
+    ],
+    "keywords": [
+        "fonts",
+        "icon font",
+        "icons",
+        "ionic",
+        "web font"
+    ],
+    "main": [
+        "css/ionicons.css",
+        "fonts/*"
+    ],
+    "homepage": "https://github.com/driftyco/ionicons",
+    "description": "Ionicons - free and beautiful icons from the creators of Ionic Framework"
+}

src/web/res/bower_components/Ionicons/cheatsheet.html

@@ -0,0 +1,28009 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Ionicons v2.0.0 Cheatsheet</title>
+  <style>
+    * {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
+
+    body {
+      background: #fff;
+      color: #444;
+      font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
+    }
+
+    a, a:visited {
+      color: #888;
+      text-decoration: underline;
+    }
+    a:hover, a:focus { color: #000; }
+
+    header {
+      border-bottom: 2px solid #ddd;
+      margin-bottom: 20px;
+      overflow: hidden;
+      padding: 20px 0;
+    }
+
+    header h1 {
+      color: #888;
+      float: left;
+      font-size: 36px;
+      font-weight: 300;
+    }
+
+    header a {
+      float: right;
+      font-size: 14px;
+    }
+
+    .container {
+      margin: 0 auto;
+      max-width: 1200px;
+      min-width: 960px;
+      padding: 0 20px;
+      width: 95%;
+    }
+
+    .icon-row {
+      border-bottom: 1px dotted #ccc;
+      padding: 10px 0 20px;
+      margin-bottom: 20px;
+    }
+    .ion {
+      -webkit-touch-callout: text;
+      -webkit-user-select: text;
+      -khtml-user-select: text;
+      -moz-user-select: text;
+      -ms-user-select: text;
+      user-select: text;
+    }
+
+    .preview-icon { vertical-align: bottom; }
+
+    .preview-scale {
+      color: #888;
+      font-size: 12px;
+      margin-top: 5px;
+    }
+
+    .step {
+      display: inline-block;
+      line-height: 1;
+      position: relative;
+      width: 10%;
+    }
+
+    .step i {
+      -webkit-transition: opacity .3s;
+      -moz-transition: opacity .3s;
+      -ms-transition: opacity .3s;
+      -o-transition: opacity .3s;
+      transition: opacity .3s;
+    }
+
+    .step:hover i { opacity: .3; }
+    
+    .size-12 { font-size: 12px; }
+    .size-14 { font-size: 14px; }
+    .size-16 { font-size: 16px; }
+    .size-18 { font-size: 18px; }
+    .size-21 { font-size: 21px; }
+    .size-24 { font-size: 24px; }
+    .size-32 { font-size: 32px; }
+    .size-48 { font-size: 48px; }
+    .size-64 { font-size: 64px; }
+    .size-96 { font-size: 96px; }
+    
+    .usage { margin-top: 10px; }
+    .usage input {
+      font-family: monospace;
+      margin-right: 3px;
+      padding: 2px 5px;
+      text-align: center;
+      -webkit-touch-callout: text;
+      -webkit-user-select: text;
+      -khtml-user-select: text;
+      -moz-user-select: text;
+      -ms-user-select: text;
+      user-select: text;
+    }
+
+    .usage label { 
+      font-size: 12px; 
+      text-align: right; 
+      padding: 0 3px 0 60px;
+    }
+    .usage label:first-child { padding-left: 0; }
+    .usage .name { width: 180px; }
+    .usage .html { width: 80px; }
+    .usage .css { width: 80px; }
+
+    footer {
+      color: #888;
+      font-size: 12px;
+      padding: 20px 0;
+    }
+  </style>
+  <link href="css/ionicons.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+  <div class="container">
+    <header>
+      <h1>Ionicons v2.0.0 Cheatsheet, 733 icons:</h1>
+      <p><a href="http://ionicons.com/">Ionicons Homepage</a></p>
+    </header>
+    <div class="content">
+      <div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-alert"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-alert"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf101;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f101" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-alert-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-alert-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf100;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f100" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-add"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-add"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-add-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-add-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf359;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf359;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f359" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-alarm-clock"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alarm-clock" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-alert"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-alert"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-alert" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-apps"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-apps"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-apps" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-archive"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-archive"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-archive" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-back"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-back"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-back" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ca;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ca;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ca" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-down"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-down"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-down" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropdown"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropdown-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropdown-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf35e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf35e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f35e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropleft"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf361;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf361;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f361" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropleft-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropleft-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf360;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf360;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f360" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropright"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf363;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf363;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f363" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropright-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropright-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf362;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf362;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f362" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropup"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf365;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf365;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f365" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-dropup-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-dropup-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf364;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf364;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f364" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-forward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-forward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf30f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-arrow-up"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-arrow-up"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-arrow-up" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf366;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf366;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f366" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-attach"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-attach"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-attach" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf367;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf367;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f367" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-bar"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-bar"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bar" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf368;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf368;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f368" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-bicycle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-bicycle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bicycle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf369;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf369;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f369" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-boat"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-boat"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-boat" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-bookmark"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-bookmark"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bookmark" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-bulb"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-bulb"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bulb" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-bus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-bus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-bus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-calendar"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-calendar"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-calendar" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-call"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-call"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-call" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-camera"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-camera"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-camera" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cancel"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cancel"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cancel" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-car"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-car"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-car" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf36f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf36f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f36f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cart"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cart"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cart" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf370;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf370;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f370" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-chat"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-chat"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-chat" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-checkbox"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-checkbox"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf374;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf374;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f374" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-checkbox-blank"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-blank" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf371;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf371;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f371" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-checkbox-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf373;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf373;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f373" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-checkbox-outline-blank"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkbox-outline-blank" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf372;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf372;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f372" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-checkmark-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-checkmark-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf375;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf375;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f375" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-clipboard"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-clipboard"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-clipboard" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf376;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf376;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f376" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-close"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-close"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-close" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cloud"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cloud"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cloud-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf377;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf377;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f377" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cloud-done"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cloud-done"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-done" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf378;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf378;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f378" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-cloud-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-cloud-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf379;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf379;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f379" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-color-palette"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-color-palette"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-color-palette" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-compass"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-compass"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-compass" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-contact"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-contact"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contact" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-contacts"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-contacts"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contacts" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2d9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2d9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2d9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-contract"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-contract"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-contract" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-create"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-create"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-create" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-delete"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-delete"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-delete" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf37f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf37f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f37f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-desktop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-desktop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-desktop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf380;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf380;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f380" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-document"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-document"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-document" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf381;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf381;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f381" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-done"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-done"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf383;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf383;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f383" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-done-all"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-done-all"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-done-all" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf382;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf382;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f382" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-download"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-download"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-download" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2dd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2dd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2dd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-drafts"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-drafts"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-drafts" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf384;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf384;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f384" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-exit"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-exit"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-exit" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf385;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf385;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f385" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-expand"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-expand"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-expand" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf386;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf386;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f386" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-favorite"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-favorite"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf388;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf388;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f388" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-favorite-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-favorite-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf387;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf387;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f387" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-film"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-film"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-film" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf389;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf389;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f389" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-folder"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-folder"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2e0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-folder-open"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-folder-open"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-folder-open" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-funnel"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-funnel"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-funnel" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-globe"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-globe"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-globe" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-hand"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-hand"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hand" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2e3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-hangout"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-hangout"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-hangout" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-happy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-happy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-happy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-home"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-home"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-home" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf38f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf38f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f38f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-image"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-image"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-image" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2e4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-laptop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-laptop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-laptop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf390;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf390;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f390" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-list"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-list"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-list" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf391;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf391;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f391" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-locate"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-locate"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-locate" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2e9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2e9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2e9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-lock"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-lock"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-lock" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf392;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf392;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f392" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-mail"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-mail"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-mail" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2eb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2eb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2eb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-map"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-map"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-map" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf393;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf393;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f393" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-menu"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-menu"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-menu" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf394;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf394;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f394" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-microphone"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-microphone"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ec;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ec;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ec" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-microphone-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-microphone-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-microphone-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf395;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf395;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f395" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-more-horizontal"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-horizontal" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf396;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf396;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f396" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-more-vertical"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-more-vertical"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-more-vertical" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf397;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf397;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f397" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-navigate"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-navigate"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-navigate" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf398;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf398;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f398" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-notifications"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-notifications"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-notifications-none"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-notifications-none"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-none" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf399;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf399;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f399" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-notifications-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-notifications-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-notifications-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-open"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-open"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-open" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-options"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-options"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-options" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-people"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-people"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-people" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-person"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-person"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-person-add"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-person-add"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-person-add" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf39f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf39f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f39f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-phone-landscape"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-landscape" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-phone-portrait"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-phone-portrait" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-pin"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-pin"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-pin" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-plane"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-plane"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-plane" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-playstore"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-playstore"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-playstore" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-print"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-print"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-print" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-radio-button-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-radio-button-on"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-radio-button-on" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-refresh"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-refresh"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-refresh" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-remove"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-remove"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-remove-circle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-remove-circle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-remove-circle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3a9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3a9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3a9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-restaurant"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-restaurant"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-restaurant" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3aa;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3aa;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3aa" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-sad"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-sad"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sad" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ab;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ab;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ab" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-search"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-search"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-search" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-send"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-send"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-send" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-settings"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-settings"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-settings" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-share"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-share"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2f8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2f8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2f8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-share-alt"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-share-alt"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-share-alt" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ac;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ac;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ac" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-star"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-star"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2fc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-star-half"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-star-half"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-half" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ad;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ad;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ad" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-star-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-star-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-star-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ae;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ae;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ae" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-stopwatch"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-stopwatch"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-stopwatch" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2fd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2fd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2fd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-subway"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-subway"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-subway" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3af;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3af;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3af" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-sunny"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-sunny"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sunny" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-sync"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-sync"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-sync" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-textsms"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-textsms"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-textsms" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-time"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-time"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-time" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-train"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-train"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-train" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-unlock"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-unlock"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-unlock" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-upload"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-upload"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-upload" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-volume-down"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-volume-down"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-down" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-volume-mute"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-volume-mute"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-mute" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-volume-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-volume-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3b9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3b9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3b9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-volume-up"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-volume-up"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-volume-up" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ba;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ba;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ba" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-walk"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-walk"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-walk" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3bb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-warning"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-warning"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-warning" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3bc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-watch"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-watch"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-watch" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3bd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-android-wifi"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-android-wifi"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-wifi" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf305;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf305;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f305" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-aperture"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-aperture"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-aperture" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf313;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf313;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f313" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-archive"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-archive"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-archive" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf102;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f102" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-down-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-down-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf103;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f103" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-down-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-down-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf104;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f104" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-down-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-down-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-down-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf105;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f105" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-expand"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-expand"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-expand" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-graph-down-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-graph-down-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-down-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf260;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf260;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f260" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-graph-up-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf261;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf261;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f261" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-graph-up-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-graph-up-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf262;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf262;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f262" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-left-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-left-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf106;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f106" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-left-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-left-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf107;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f107" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-left-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-left-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-left-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf108;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f108" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-move"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-move"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-move" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf263;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf263;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f263" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-resize"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-resize"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-resize" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf264;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf264;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f264" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-return-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-return-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf265;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf265;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f265" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-return-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-return-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-return-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf266;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf266;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f266" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-right-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-right-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf109;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f109" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-right-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-right-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-right-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-right-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-right-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-shrink"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-shrink"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-shrink" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf267;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf267;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f267" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-swap"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-swap"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-swap" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf268;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf268;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f268" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-up-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-up-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-up-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-up-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-arrow-up-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-arrow-up-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-arrow-up-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-asterisk"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-asterisk"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-asterisk" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf314;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf314;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f314" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-at"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-at"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-at" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf10f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f10f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-backspace"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-backspace"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3bf;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3bf;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3bf" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-backspace-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-backspace-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-backspace-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3be;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3be;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3be" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf110;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f110" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-battery-charging"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-battery-charging"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-charging" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf111;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f111" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-battery-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-battery-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf112;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f112" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-battery-full"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-battery-full"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-full" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf113;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f113" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-battery-half"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-battery-half"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-half" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf114;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f114" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-battery-low"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-battery-low"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-battery-low" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf115;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f115" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-beaker"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-beaker"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beaker" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf269;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf269;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f269" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-beer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-beer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-beer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bluetooth"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bluetooth"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bluetooth" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf116;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f116" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bonfire"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bonfire"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bonfire" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf315;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf315;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f315" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bookmark"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bookmark"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bookmark" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bowtie"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bowtie"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bowtie" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-briefcase"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-briefcase"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-briefcase" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-bug"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-bug"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-bug" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2be;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2be;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2be" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-calculator"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-calculator"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calculator" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-calendar"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-calendar"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-calendar" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf117;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f117" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-camera"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-camera"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-camera" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf118;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f118" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-card"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-card"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-card" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf119;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f119" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-cash"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-cash"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cash" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf316;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf316;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f316" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatbox"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatbox"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatbox-working"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatbox-working"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbox-working" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatboxes"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatboxes"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatboxes" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatbubble"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatbubble"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatbubble-working"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatbubble-working"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubble-working" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chatbubbles"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chatbubbles"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chatbubbles" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf11f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f11f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-checkmark"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-checkmark"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf122;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f122" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-checkmark-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-checkmark-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf120;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f120" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-checkmark-round"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-checkmark-round"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-checkmark-round" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf121;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f121" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chevron-down"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chevron-down"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-down" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf123;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f123" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chevron-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chevron-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf124;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f124" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chevron-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chevron-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf125;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f125" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-chevron-up"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-chevron-up"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-chevron-up" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf126;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f126" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-clipboard"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-clipboard"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clipboard" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf127;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f127" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-clock"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-clock"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-clock" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-close"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-close"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-close-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-close-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf128;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f128" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-close-round"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-close-round"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-close-round" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf129;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f129" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-closed-captioning"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-closed-captioning"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-closed-captioning" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf317;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf317;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f317" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-cloud"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-cloud"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cloud" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-code"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-code"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf271;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf271;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f271" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-code-download"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-code-download"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-download" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf26f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf26f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f26f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-code-working"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-code-working"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-code-working" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf270;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf270;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f270" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-coffee"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-coffee"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-coffee" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf272;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf272;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f272" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-compass"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-compass"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compass" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf273;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf273;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f273" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-compose"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-compose"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-compose" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-connection-bars"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-connection-bars"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-connection-bars" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf274;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf274;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f274" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-contrast"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-contrast"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-contrast" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf275;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf275;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f275" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-crop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-crop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-crop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-cube"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-cube"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-cube" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf318;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf318;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f318" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-disc"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-disc"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-disc" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-document"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-document"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-document-text"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-document-text"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-document-text" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf12e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f12e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-drag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-drag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-drag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf130;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f130" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-earth"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-earth"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-earth" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf276;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf276;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f276" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-easel"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-easel"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-easel" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-edit"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-edit"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-edit" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2bf;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2bf;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2bf" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-egg"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-egg"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-egg" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf277;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf277;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f277" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-eject"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-eject"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eject" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf131;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f131" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-email"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-email"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf132;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f132" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-email-unread"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-email-unread"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-email-unread" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-erlenmeyer-flask"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-erlenmeyer-flask-bubbles"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-erlenmeyer-flask-bubbles" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-eye"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-eye"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf133;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f133" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-eye-disabled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-eye-disabled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-eye-disabled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf306;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf306;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f306" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-female"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-female"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-female" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf278;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf278;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f278" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-filing"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-filing"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-filing" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf134;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f134" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-film-marker"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-film-marker"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-film-marker" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf135;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f135" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-fireball"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-fireball"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fireball" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf319;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf319;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f319" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-flag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-flag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf279;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf279;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f279" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-flame"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-flame"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flame" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf31a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-flash"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-flash"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf137;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f137" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-flash-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-flash-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-flash-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf136;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f136" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-folder"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-folder"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-folder" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf139;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f139" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-fork"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-fork"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf27a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-fork-repo"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-fork-repo"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-fork-repo" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-forward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-forward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-forward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf13a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-funnel"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-funnel"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-funnel" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf31b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-gear-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-gear-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf13d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-gear-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-gear-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-gear-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf13e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-grid"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-grid"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-grid" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf13f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f13f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-hammer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-hammer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-hammer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf27b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-happy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-happy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf31c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-happy-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-happy-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-happy-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-headphone"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-headphone"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-headphone" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf140;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f140" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-heart"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-heart"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf141;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f141" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-heart-broken"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-heart-broken"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-heart-broken" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf31d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf31d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f31d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-help"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-help"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf143;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f143" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-help-buoy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-help-buoy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-buoy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf27c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-help-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-help-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-help-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf142;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f142" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-home"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-home"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-home" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf144;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f144" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-icecream"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-icecream"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-icecream" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf27d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf27d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f27d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-image"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-image"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-image" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf147;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f147" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-images"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-images"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-images" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf148;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f148" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-information"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-information"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf14a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-information-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-information-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-information-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf149;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f149" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ionic"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ionic"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ionic" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf14b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f14b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-alarm"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-alarm"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-alarm-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-alarm-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-albums"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-albums"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ca;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ca;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ca" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-albums-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-albums-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3c9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3c9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3c9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-americanfootball"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3cc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-americanfootball-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-americanfootball-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3cb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-analytics"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-analytics"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ce;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ce;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ce" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-analytics-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-analytics-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3cd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-back"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-back" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3cf;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3cf;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3cf" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-down"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-down" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-forward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-forward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-thin-down"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-down" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-thin-left"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-left" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-thin-right"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-right" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-thin-up"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-thin-up" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-arrow-up"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-arrow-up" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-at"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-at"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3da;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3da;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3da" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-at-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-at-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-at-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3d9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3d9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3d9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-barcode"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-barcode"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3dc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-barcode-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-barcode-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3db;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3db;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3db" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-baseball"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-baseball"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3de;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3de;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3de" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-baseball-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-baseball-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3dd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3dd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3dd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-basketball"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-basketball"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-basketball-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-basketball-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3df;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3df;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3df" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bell"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bell"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bell-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bell-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-body"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-body"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-body-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-body-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-body-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bolt"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bolt"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bolt-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bolt-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-book"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-book"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-book-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-book-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-book-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bookmarks"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ea;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ea;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ea" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-bookmarks-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-bookmarks-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3e9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3e9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3e9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-box"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-box"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ec;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ec;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ec" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-box-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-box-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-box-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3eb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3eb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3eb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-briefcase"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-briefcase"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ee;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ee;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ee" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-briefcase-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-briefcase-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ed;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ed;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ed" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-browsers"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-browsers"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-browsers-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-browsers-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ef;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ef;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ef" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-calculator"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-calculator"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-calculator-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calculator-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-calendar"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-calendar"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-calendar-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-calendar-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-camera"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-camera"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-camera-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-camera-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cart"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cart"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cart-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cart-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-chatboxes"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3fa;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fa;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fa" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-chatboxes-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatboxes-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3f9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3f9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3f9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-chatbubble"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3fc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-chatbubble-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-chatbubble-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3fb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-checkmark"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-checkmark"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3ff;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3ff;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3ff" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-checkmark-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3fd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-checkmark-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-checkmark-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf3fe;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf3fe;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f3fe" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-circle-filled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-filled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf400;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf400;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f400" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-circle-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-circle-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf401;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf401;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f401" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-clock"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-clock"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf403;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf403;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f403" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-clock-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-clock-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf402;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf402;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f402" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-close"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-close"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf406;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf406;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f406" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-close-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-close-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf404;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf404;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f404" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-close-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-close-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-close-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf405;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf405;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f405" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud-download"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf408;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf408;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f408" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud-download-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-download-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf407;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf407;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f407" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf409;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf409;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f409" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud-upload"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloud-upload-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloud-upload-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloudy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloudy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf410;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf410;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f410" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloudy-night"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloudy-night-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-night-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cloudy-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cloudy-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf40f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf40f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f40f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cog"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cog"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf412;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf412;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f412" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-cog-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-cog-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf411;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf411;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f411" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-color-filter"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-color-filter"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf414;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf414;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f414" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-color-filter-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-filter-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf413;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf413;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f413" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-color-wand"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-color-wand"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf416;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf416;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f416" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-color-wand-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-color-wand-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf415;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf415;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f415" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-compose"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-compose"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf418;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf418;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f418" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-compose-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-compose-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf417;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf417;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f417" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-contact"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-contact"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-contact-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-contact-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf419;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf419;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f419" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-copy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-copy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-copy-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-copy-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-crop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-crop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-crop-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-crop-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-download"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-download"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf420;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf420;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f420" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-download-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-download-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-download-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf41f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf41f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f41f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-drag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-drag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-drag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf421;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf421;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f421" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-email"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-email"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf423;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf423;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f423" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-email-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-email-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-email-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf422;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf422;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f422" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-eye"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-eye"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf425;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf425;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f425" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-eye-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-eye-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf424;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf424;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f424" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-fastforward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-fastforward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf427;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf427;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f427" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-fastforward-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-fastforward-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf426;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf426;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f426" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-filing"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-filing"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf429;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf429;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f429" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-filing-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-filing-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf428;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf428;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f428" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-film"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-film"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-film-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-film-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-film-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flag-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flag-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flame"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flame"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flame-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flame-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf42e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf42e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f42e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flask"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flask"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf431;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf431;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f431" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flask-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flask-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf430;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf430;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f430" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flower"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flower"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf433;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf433;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f433" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-flower-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-flower-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf432;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf432;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f432" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-folder"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-folder"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf435;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf435;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f435" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-folder-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-folder-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf434;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf434;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f434" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-football"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-football"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf437;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf437;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f437" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-football-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-football-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-football-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf436;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf436;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f436" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-game-controller-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf439;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf439;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f439" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-game-controller-a-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-a-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf438;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf438;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f438" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-game-controller-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-game-controller-b-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-game-controller-b-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-gear"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-gear"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-gear-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-gear-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-glasses"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-glasses"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-glasses-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-glasses-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf43e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf43e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f43e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-grid-view"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-grid-view"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf441;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf441;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f441" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-grid-view-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-grid-view-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf440;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf440;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f440" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-heart"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-heart"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf443;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf443;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f443" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-heart-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-heart-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf442;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf442;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f442" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-help"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-help"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf446;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf446;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f446" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-help-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-help-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf444;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf444;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f444" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-help-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-help-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-help-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf445;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf445;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f445" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-home"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-home"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf448;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf448;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f448" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-home-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-home-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-home-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf447;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf447;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f447" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-infinite"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-infinite"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-infinite-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-infinite-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf449;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf449;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f449" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-information"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-information"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-information-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-information-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-information-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-information-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-information-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-ionic-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-ionic-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-keypad"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-keypad"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf450;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf450;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f450" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-keypad-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-keypad-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf44f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf44f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f44f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-lightbulb"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf452;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf452;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f452" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-lightbulb-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-lightbulb-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf451;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf451;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f451" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-list"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-list"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf454;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf454;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f454" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-list-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-list-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-list-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf453;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf453;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f453" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-location"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-location"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf456;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf456;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f456" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-location-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-location-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-location-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf455;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf455;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f455" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-locked"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-locked"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf458;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf458;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f458" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-locked-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-locked-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf457;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf457;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f457" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-loop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-loop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-loop-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-loop-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf459;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf459;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f459" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-medical"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-medical"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-medical-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medical-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-medkit"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-medkit"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-medkit-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-medkit-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-mic"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-mic"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf461;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf461;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f461" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-mic-off"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-mic-off"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-off" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf45f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf45f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f45f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-mic-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-mic-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf460;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf460;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f460" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-minus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-minus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf464;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf464;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f464" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-minus-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf462;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf462;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f462" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-minus-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-minus-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf463;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf463;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f463" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-monitor"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-monitor"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf466;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf466;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f466" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-monitor-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-monitor-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf465;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf465;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f465" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-moon"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-moon"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf468;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf468;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f468" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-moon-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-moon-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf467;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf467;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f467" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-more"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-more"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-more-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-more-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-more-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf469;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf469;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f469" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-musical-note"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-musical-note"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-note" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-musical-notes"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-musical-notes" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-navigate"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-navigate"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-navigate-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-navigate-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-nutrition"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-nutrition"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf470;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf470;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f470" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-nutrition-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-nutrition-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf46f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf46f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f46f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paper"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paper"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf472;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf472;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f472" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paper-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paper-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf471;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf471;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f471" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paperplane"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paperplane"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf474;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf474;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f474" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paperplane-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paperplane-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf473;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf473;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f473" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-partlysunny"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf476;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf476;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f476" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-partlysunny-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-partlysunny-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf475;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf475;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f475" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pause"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pause"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf478;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf478;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f478" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pause-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pause-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf477;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf477;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f477" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paw"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paw"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-paw-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-paw-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf479;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf479;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f479" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-people"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-people"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-people-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-people-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-people-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-person"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-person"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-person-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-person-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-person-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-personadd"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-personadd"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf480;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf480;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f480" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-personadd-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-personadd-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf47f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf47f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f47f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-photos"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-photos"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf482;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf482;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f482" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-photos-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-photos-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf481;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf481;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f481" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pie"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pie"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf484;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf484;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f484" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pie-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pie-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf483;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf483;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f483" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pint"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pint"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf486;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf486;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f486" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pint-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pint-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf485;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf485;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f485" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-play"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-play"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf488;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf488;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f488" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-play-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-play-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-play-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf487;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf487;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f487" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-plus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-plus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-plus-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf489;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf489;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f489" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-plus-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-plus-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pricetag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pricetag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pricetag-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetag-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pricetags"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pricetags"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pricetags-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pricetags-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf48e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf48e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f48e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-printer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-printer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf491;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf491;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f491" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-printer-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-printer-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf490;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf490;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f490" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pulse"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pulse"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf493;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf493;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f493" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-pulse-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-pulse-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf492;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf492;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f492" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rainy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rainy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf495;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf495;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f495" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rainy-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rainy-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf494;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf494;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f494" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-recording"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-recording"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf497;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf497;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f497" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-recording-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-recording-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf496;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf496;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f496" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-redo"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-redo"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf499;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf499;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f499" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-redo-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-redo-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf498;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf498;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f498" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-refresh"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-refresh"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-refresh-empty"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-empty" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-refresh-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-refresh-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-reload"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-reload"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reload" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-reverse-camera"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-reverse-camera-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-reverse-camera-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf49e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf49e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f49e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rewind"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rewind"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rewind-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rewind-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rose"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rose"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-rose-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-rose-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-search"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-search"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-search-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-search-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-search-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-settings"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-settings"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-settings-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-settings-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-shuffle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-shuffle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-shuffle-strong"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-shuffle-strong" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4a8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4a8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4a8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-skipbackward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ab;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ab;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ab" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-skipbackward-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipbackward-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4aa;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4aa;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4aa" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-skipforward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-skipforward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ad;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ad;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ad" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-skipforward-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-skipforward-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ac;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ac;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ac" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-snowy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-snowy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-snowy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ae;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ae;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ae" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-speedometer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-speedometer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-speedometer-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-speedometer-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4af;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4af;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4af" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-star"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-star"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-star-half"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-star-half"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-half" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-star-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-star-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-star-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-stopwatch"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-stopwatch-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-stopwatch-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-sunny"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-sunny"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-sunny-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-sunny-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-telephone"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-telephone"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-telephone-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-telephone-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4b8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4b8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4b8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-tennisball"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-tennisball"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4bb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-tennisball-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-tennisball-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ba;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ba;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ba" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-thunderstorm"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4bd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-thunderstorm-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-thunderstorm-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4bc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-time"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-time"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4bf;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4bf;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4bf" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-time-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-time-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-time-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4be;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4be;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4be" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-timer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-timer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-timer-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-timer-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-toggle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-toggle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-toggle-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-toggle-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-trash"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-trash"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-trash-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-trash-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-undo"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-undo"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-undo-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-undo-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-unlocked"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-unlocked"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-unlocked-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-unlocked-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4c8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4c8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4c8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-upload"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-upload"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4cb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-upload-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-upload-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ca;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ca;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ca" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-videocam"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-videocam"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4cd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-videocam-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-videocam-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4cc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-volume-high"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-volume-high"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-high" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ce;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ce;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ce" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-volume-low"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-volume-low"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-volume-low" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4cf;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4cf;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4cf" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-wineglass"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-wineglass"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-wineglass-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-wineglass-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-world"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-world"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ios-world-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ios-world-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ios-world-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ipad"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ipad"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipad" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1f9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1f9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1f9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-iphone"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-iphone"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-iphone" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1fa;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fa;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fa" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ipod"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ipod"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ipod" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1fb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-jet"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-jet"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-jet" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf295;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf295;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f295" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-key"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-key"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-key" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf296;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf296;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f296" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-knife"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-knife"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-knife" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf297;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf297;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f297" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-laptop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-laptop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-laptop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1fc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-leaf"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-leaf"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-leaf" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1fd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-levels"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-levels"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-levels" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf298;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf298;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f298" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-lightbulb"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-lightbulb"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lightbulb" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf299;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf299;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f299" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-link"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-link"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-link" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1fe;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1fe;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1fe" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-load-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-load-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-load-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-load-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-load-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-load-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-load-d"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-load-d"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-load-d" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-location"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-location"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-location" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf1ff;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1ff;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f1ff" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-lock-combination"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-lock-combination"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-lock-combination" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-locked"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-locked"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-locked" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf200;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf200;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f200" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-log-in"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-log-in"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-in" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-log-out"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-log-out"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-log-out" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf29f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf29f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f29f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-loop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-loop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-loop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf201;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf201;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f201" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-magnet"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-magnet"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-magnet" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-male"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-male"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-male" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-man"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-man"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-man" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf202;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf202;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f202" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-map"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-map"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-map" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf203;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf203;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f203" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-medkit"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-medkit"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-medkit" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-merge"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-merge"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-merge" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf33f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf33f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f33f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-mic-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-mic-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf204;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf204;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f204" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-mic-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-mic-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf205;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf205;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f205" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-mic-c"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-mic-c"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mic-c" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf206;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf206;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f206" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-minus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-minus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf209;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf209;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f209" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-minus-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-minus-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf207;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf207;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f207" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-minus-round"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-minus-round"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-minus-round" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf208;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf208;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f208" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-model-s"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-model-s"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-model-s" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-monitor"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-monitor"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-monitor" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-more"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-more"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-more" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-mouse"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-mouse"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-mouse" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf340;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf340;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f340" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-music-note"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-music-note"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-music-note" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-navicon"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-navicon"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-navicon-round"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-navicon-round"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navicon-round" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-navigate"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-navigate"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-navigate" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-network"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-network"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-network" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf341;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf341;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f341" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-no-smoking"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-no-smoking"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-no-smoking" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-nuclear"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-nuclear"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-nuclear" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-outlet"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-outlet"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-outlet" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf342;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf342;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f342" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-paintbrush"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-paintbrush"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbrush" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-paintbucket"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-paintbucket"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paintbucket" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-paper-airplane"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-paper-airplane"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paper-airplane" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-paperclip"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-paperclip"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-paperclip" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf20f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf20f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f20f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pause"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pause"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pause" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf210;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf210;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f210" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-person"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-person"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf213;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf213;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f213" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-person-add"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-person-add"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-add" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf211;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf211;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f211" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-person-stalker"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-person-stalker"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-person-stalker" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf212;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf212;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f212" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pie-graph"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pie-graph"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pie-graph" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pin"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pin"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pin" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pinpoint"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pinpoint"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pinpoint" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pizza"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pizza"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pizza" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-plane"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-plane"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plane" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf214;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf214;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f214" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-planet"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-planet"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-planet" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf343;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf343;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f343" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-play"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-play"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-play" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf215;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf215;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f215" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-playstation"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-playstation"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-playstation" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf30a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-plus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-plus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf218;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf218;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f218" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-plus-circled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-plus-circled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-circled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf216;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf216;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f216" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-plus-round"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-plus-round"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-plus-round" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf217;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf217;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f217" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-podium"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-podium"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-podium" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf344;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf344;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f344" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pound"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pound"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pound" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf219;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf219;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f219" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-power"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-power"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-power" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2a9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2a9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2a9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pricetag"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pricetag"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetag" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2aa;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2aa;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2aa" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pricetags"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pricetags"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pricetags" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ab;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ab;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ab" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-printer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-printer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-printer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-pull-request"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-pull-request"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-pull-request" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf345;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf345;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f345" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-qr-scanner"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-qr-scanner"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-qr-scanner" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf346;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf346;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f346" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-quote"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-quote"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-quote" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf347;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf347;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f347" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-radio-waves"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-radio-waves"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-radio-waves" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ac;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ac;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ac" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-record"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-record"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-record" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-refresh"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-refresh"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-refresh" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-reply"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-reply"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-reply-all"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-reply-all"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-reply-all" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ribbon-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ribbon-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf348;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf348;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f348" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-ribbon-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-ribbon-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-ribbon-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf349;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf349;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f349" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-sad"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-sad"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-sad-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-sad-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-sad-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-scissors"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-scissors"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-scissors" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-search"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-search"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-search" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf21f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf21f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f21f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-settings"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-settings"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-settings" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ad;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ad;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ad" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-share"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-share"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-share" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf220;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf220;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f220" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-shuffle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-shuffle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-shuffle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf221;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf221;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f221" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-skip-backward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-skip-backward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-backward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf222;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf222;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f222" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-skip-forward"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-skip-forward"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-skip-forward" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf223;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf223;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f223" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-android"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-android"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf225;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf225;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f225" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-android-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-android-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-android-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf224;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf224;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f224" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-angular"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-angular"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-angular-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-angular-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-angular-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4d8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4d8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4d8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-apple"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-apple"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf227;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf227;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f227" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-apple-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-apple-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-apple-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf226;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf226;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f226" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-bitcoin"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-bitcoin"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2af;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2af;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2af" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-bitcoin-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-bitcoin-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ae;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ae;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ae" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-buffer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-buffer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf229;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf229;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f229" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-buffer-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-buffer-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf228;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf228;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f228" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-chrome"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-chrome"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4db;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4db;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4db" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-chrome-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-chrome-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4da;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4da;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4da" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-codepen"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-codepen"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4dd;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dd;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dd" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-codepen-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-codepen-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4dc;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4dc;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4dc" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-css3"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-css3"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4df;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4df;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4df" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-css3-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-css3-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-css3-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4de;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4de;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4de" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-designernews"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-designernews"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-designernews-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-designernews-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-dribbble"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-dribbble"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-dribbble-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dribbble-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-dropbox"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-dropbox"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-dropbox-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-dropbox-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf22e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf22e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f22e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-euro"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-euro"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-euro-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-euro-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-euro-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-facebook"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-facebook"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf231;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf231;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f231" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-facebook-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-facebook-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf230;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf230;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f230" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-foursquare"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-foursquare"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-foursquare-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-foursquare-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-freebsd-devil"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-freebsd-devil" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-github"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-github"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf233;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf233;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f233" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-github-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-github-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-github-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf232;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf232;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f232" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-google"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-google"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-google-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-google-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-google-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf34e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf34e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f34e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-googleplus"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-googleplus"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf235;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf235;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f235" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-googleplus-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-googleplus-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf234;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf234;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f234" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-hackernews"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-hackernews"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf237;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf237;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f237" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-hackernews-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-hackernews-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf236;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf236;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f236" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-html5"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-html5"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-html5-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-html5-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-html5-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-instagram"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-instagram"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf351;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf351;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f351" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-instagram-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-instagram-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf350;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf350;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f350" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-javascript"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-javascript"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-javascript-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-javascript-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-linkedin"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-linkedin"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf239;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf239;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f239" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-linkedin-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-linkedin-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf238;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf238;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f238" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-markdown"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-markdown"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-markdown" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-nodejs"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-nodejs"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-nodejs" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-octocat"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-octocat"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-octocat" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-pinterest"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-pinterest"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-pinterest-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-pinterest-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-python"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-python"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-python" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4e9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4e9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4e9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-reddit"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-reddit"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-reddit-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-reddit-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-rss"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-rss"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-rss-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-rss-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-rss-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-sass"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-sass"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-sass" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ea;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ea;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ea" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-skype"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-skype"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-skype-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-skype-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-skype-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf23e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf23e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f23e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-snapchat"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-snapchat"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ec;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ec;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ec" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-snapchat-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-snapchat-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4eb;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4eb;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4eb" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-tumblr"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-tumblr"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf241;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf241;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f241" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-tumblr-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tumblr-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf240;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf240;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f240" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-tux"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-tux"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-tux" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2c5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2c5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2c5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-twitch"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-twitch"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ee;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ee;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ee" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-twitch-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitch-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ed;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ed;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ed" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-twitter"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-twitter"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf243;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf243;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f243" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-twitter-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-twitter-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf242;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf242;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f242" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-usd"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-usd"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf353;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf353;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f353" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-usd-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-usd-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-usd-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf352;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf352;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f352" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-vimeo"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-vimeo"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf245;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf245;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f245" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-vimeo-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-vimeo-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf244;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf244;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f244" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-whatsapp"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-whatsapp"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f0;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f0;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f0" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-whatsapp-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-whatsapp-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4ef;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4ef;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4ef" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-windows"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-windows"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf247;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf247;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f247" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-windows-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-windows-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-windows-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf246;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf246;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f246" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-wordpress"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-wordpress"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf249;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf249;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f249" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-wordpress-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-wordpress-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf248;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf248;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f248" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-yahoo"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-yahoo"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-yahoo-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yahoo-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-yen"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-yen"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-yen-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-yen-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-yen-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f1;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f1;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f1" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-youtube"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-youtube"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-social-youtube-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-social-youtube-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-soup-can"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-soup-can"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-soup-can-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-soup-can-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-soup-can-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-speakerphone"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-speakerphone"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speakerphone" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b2;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b2;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b2" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-speedometer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-speedometer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-speedometer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b3;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b3;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b3" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-spoon"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-spoon"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-spoon" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b4;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b4;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b4" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-star"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-star"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-star" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24e;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24e;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24e" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-stats-bars"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-stats-bars"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stats-bars" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-steam"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-steam"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-steam" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf30b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-stop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-stop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-stop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf24f;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf24f;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f24f" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-thermometer"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-thermometer"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thermometer" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-thumbsdown"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-thumbsdown"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsdown" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf250;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf250;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f250" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-thumbsup"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-thumbsup"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-thumbsup" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf251;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf251;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f251" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-toggle"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-toggle"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf355;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf355;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f355" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-toggle-filled"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-toggle-filled"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-toggle-filled" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf354;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf354;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f354" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-transgender"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-transgender"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-transgender" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f5;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f5;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f5" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-trash-a"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-trash-a"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-a" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf252;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf252;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f252" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-trash-b"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-trash-b"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trash-b" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf253;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf253;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f253" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-trophy"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-trophy"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-trophy" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf356;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf356;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f356" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-tshirt"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-tshirt"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-tshirt-outline"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-tshirt-outline"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-tshirt-outline" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf4f6;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf4f6;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f4f6" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-umbrella"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-umbrella"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-umbrella" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b7;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b7;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b7" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-university"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-university"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-university" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf357;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf357;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f357" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-unlocked"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-unlocked"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-unlocked" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf254;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf254;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f254" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-upload"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-upload"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-upload" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf255;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf255;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f255" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-usb"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-usb"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-usb" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b8;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b8;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b8" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-videocamera"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-videocamera"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-videocamera" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf256;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf256;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f256" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-volume-high"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-volume-high"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-high" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf257;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf257;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f257" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-volume-low"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-volume-low"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-low" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf258;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf258;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f258" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-volume-medium"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-volume-medium"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-medium" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf259;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf259;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f259" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-volume-mute"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-volume-mute"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-volume-mute" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25a;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25a;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25a" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-wand"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-wand"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wand" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf358;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf358;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f358" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-waterdrop"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-waterdrop"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-waterdrop" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25b;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25b;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25b" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-wifi"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-wifi"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wifi" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25c" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-wineglass"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-wineglass"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wineglass" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2b9;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2b9;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2b9" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-woman"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-woman"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-woman" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf25d;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf25d;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f25d" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-wrench"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-wrench"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-wrench" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf2ba;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf2ba;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f2ba" />
+  </div>
+</div>
+<div class="icon-row">
+  <div class="preview-icon"><span class="step size-12">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-14">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-16">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-18">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-21">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-24">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-32">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-48">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-64">
+      <i class="icon ion-xbox"></i>
+    </span><span class="step size-96">
+      <i class="icon ion-xbox"></i>
+    </span>
+  </div>
+  <div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
+  <div class="usage">
+    <label>Classname:</label>
+    <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-xbox" />
+
+    <label>Selectable:</label>
+    <span class="ion">&#xf30c;</span>
+
+    <label>Escaped HTML:</label>
+    <input class="html" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf30c;" />
+
+    <label>CSS Content:</label>
+    <input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f30c" />
+  </div>
+</div>
+    </div>
+    <footer>
+      Made with love by the <a href="http://ionicframework.com/">Ionic Framework</a>
+    </footer>
+  </div>
+</body>
+</html>

src/web/res/bower_components/Ionicons/component.json

@@ -0,0 +1,19 @@
+{
+    "repo": "driftyco/ionicons",
+    "development": {},
+    "version": "2.0.0",
+    "styles": [
+        "css/ionicons.css"
+    ],
+    "name": "Ionicons",
+    "dependencies": {},
+    "keywords": [],
+    "license": "MIT",
+    "fonts": [
+        "fonts/ionicons.eot",
+        "fonts/ionicons.svg",
+        "fonts/ionicons.ttf",
+        "fonts/ionicons.woff"
+    ],
+    "description": "The premium icon font for Ionic Framework."
+}

src/web/res/bower_components/Ionicons/composer.json

@@ -0,0 +1,36 @@
+{
+    "name": "driftyco/ionicons",
+    "license": [
+        "MIT"
+    ],
+    "extra": {},
+    "authors": [
+        {
+            "homepage": "https://twitter.com/benjsperry",
+            "role": "Designer",
+            "name": "Ben Sperry",
+            "email": "ben@drifty.com"
+        },
+        {
+            "homepage": "https://twitter.com/adamdbradley",
+            "role": "Developer",
+            "name": "Adam Bradley",
+            "email": "adam@drifty.com"
+        },
+        {
+            "homepage": "https://twitter.com/maxlynch",
+            "role": "Developer",
+            "name": "Max Lynch",
+            "email": "max@drifty.com"
+        }
+    ],
+    "keywords": [
+        "fonts",
+        "icon font",
+        "icons",
+        "ionic",
+        "web font"
+    ],
+    "homepage": "http://ionicons.com/",
+    "description": "The premium icon font for Ionic Framework."
+}

src/web/res/bower_components/Ionicons/fonts/ionicons.svg

@@ -0,0 +1,2230 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2014-12-4: Created.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Thu Dec  4 09:51:48 2014
+ By Adam Bradley
+Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net)
+</metadata>
+<defs>
+<font id="Ionicons" horiz-adv-x="448" >
+  <font-face 
+    font-family="Ionicons"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="512"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="448"
+    descent="-64"
+    bbox="-0.54049 -64 512.487 448"
+    underline-thickness="25.6"
+    underline-position="-51.2"
+    unicode-range="U+F100-F4F7"
+  />
+    <missing-glyph />
+    <glyph glyph-name="ion-alert-circled" unicode="&#xf100;" 
+d="M445 26c3 -5 5 -13 2 -18s-8 -8 -14 -8h-418c-6 0 -11 3 -14 8s-1 13 2 18l207 349c3 5 8 9 14 9s11 -4 14 -9zM256 48v48h-64v-48h64zM256 128v144h-64v-144h64z" />
+    <glyph glyph-name="ion-alert" unicode="&#xf101;" horiz-adv-x="128" 
+d="M128 -32h-128v96h128v-96zM112 128h-96l-16 288h128z" />
+    <glyph glyph-name="ion-android-add-circle" unicode="&#xf359;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-86v86h-42v-86h-86v-42h86v-86h42v86h86z" />
+    <glyph glyph-name="ion-android-add" unicode="&#xf2c7;" horiz-adv-x="320" 
+d="M320 171h-139v-139h-42v139h-139v42h139v139h42v-139h139v-42z" />
+    <glyph glyph-name="ion-android-alarm-clock" unicode="&#xf35a;" horiz-adv-x="428" 
+d="M428 323l-28 -33l-98 82l28 33zM125 373l-97 -83l-28 33l97 83zM225 275v0v-111l85 -50l-16 -27l-101 61v127h32zM214 360c106 0 193 -86 193 -191s-87 -191 -193 -191c-107 0 -193 86 -193 191s86 191 193 191zM214 20c82 0 150 66 150 149c0 82 -68 149 -150 149
+s-150 -67 -150 -149s68 -149 150 -149z" />
+    <glyph glyph-name="ion-android-alert" unicode="&#xf35b;" horiz-adv-x="416" 
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM232 88v40h-48v-40h48zM232 176v128h-48v-128h48z" />
+    <glyph glyph-name="ion-android-apps" unicode="&#xf35c;" horiz-adv-x="320" 
+d="M0 272v80h80v-80h-80zM120 32v80h80v-80h-80zM0 32v80h80v-80h-80zM0 152v80h80v-80h-80zM120 152v80h80v-80h-80zM240 352h80v-80h-80v80zM120 272v80h80v-80h-80zM240 152v80h80v-80h-80zM240 32v80h80v-80h-80z" />
+    <glyph glyph-name="ion-android-archive" unicode="&#xf2c9;" horiz-adv-x="416" 
+d="M406 348c7 -7 10 -17 10 -29v-289c0 -25 -21 -46 -46 -46h-324c-25 0 -46 21 -46 46v289c0 12 3 22 10 29l33 39c6 8 16 13 26 13h278c10 0 20 -5 26 -13zM208 65l127 127h-81v46h-92v-46h-81zM49 354h317l-22 23h-277z" />
+    <glyph glyph-name="ion-android-arrow-back" unicode="&#xf2ca;" horiz-adv-x="342" 
+d="M342 213v-42h-260l119 -120l-30 -30l-171 171l171 171l31 -30l-120 -120h260z" />
+    <glyph glyph-name="ion-android-arrow-down" unicode="&#xf35d;" horiz-adv-x="342" 
+d="M192 363v-260l120 120l30 -31l-171 -171l-171 171l30 30l120 -119v260h42z" />
+    <glyph glyph-name="ion-android-arrow-dropdown-circle" unicode="&#xf35e;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 128l96 96h-192z" />
+    <glyph glyph-name="ion-android-arrow-dropdown" unicode="&#xf35f;" horiz-adv-x="256" 
+d="M0 256h256l-128 -128z" />
+    <glyph glyph-name="ion-android-arrow-dropleft-circle" unicode="&#xf360;" horiz-adv-x="416" 
+d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM144 192l96 -96v192z" />
+    <glyph glyph-name="ion-android-arrow-dropleft" unicode="&#xf361;" horiz-adv-x="128" 
+d="M128 320v-256l-128 128z" />
+    <glyph glyph-name="ion-android-arrow-dropright-circle" unicode="&#xf362;" horiz-adv-x="416" 
+d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208zM176 96l96 96l-96 96v-192z" />
+    <glyph glyph-name="ion-android-arrow-dropright" unicode="&#xf363;" horiz-adv-x="128" 
+d="M0 320l128 -128l-128 -128v256z" />
+    <glyph glyph-name="ion-android-arrow-dropup-circle" unicode="&#xf364;" horiz-adv-x="416" 
+d="M416 192c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208s208 -93 208 -208zM304 160l-96 96l-96 -96h192z" />
+    <glyph glyph-name="ion-android-arrow-dropup" unicode="&#xf365;" horiz-adv-x="256" 
+d="M0 128l128 128l128 -128h-256z" />
+    <glyph glyph-name="ion-android-arrow-forward" unicode="&#xf30f;" horiz-adv-x="342" 
+d="M0 171v42h260l-119 120l30 30l171 -171l-171 -171l-31 30l120 120h-260z" />
+    <glyph glyph-name="ion-android-arrow-up" unicode="&#xf366;" horiz-adv-x="342" 
+d="M192 21h-42v260l-120 -119l-30 30l171 171l171 -171l-30 -31l-120 120v-260z" />
+    <glyph glyph-name="ion-android-attach" unicode="&#xf367;" horiz-adv-x="235" 
+d="M203 320h32v-235c0 -65 -53 -117 -118 -117s-117 52 -117 117v246c0 47 38 85 85 85s86 -38 86 -85v-246c0 -30 -24 -53 -54 -53s-53 23 -53 53v203h32v-203c0 -12 9 -21 21 -21s22 9 22 21v246c0 30 -24 53 -54 53s-53 -23 -53 -53v-246c0 -47 38 -85 85 -85
+s86 38 86 85v235z" />
+    <glyph glyph-name="ion-android-bar" unicode="&#xf368;" horiz-adv-x="384" 
+d="M171 171l-171 170v43h384v-43l-171 -170v-131h107v-40h-256v40h107v131zM96 299h192l43 42h-278z" />
+    <glyph glyph-name="ion-android-bicycle" unicode="&#xf369;" 
+d="M299 317c-19 0 -34 14 -34 33s15 34 34 34s33 -15 33 -34s-14 -33 -33 -33zM355 187c51 0 93 -43 93 -94s-42 -93 -93 -93s-94 42 -94 93s43 94 94 94zM355 28c36 0 65 29 65 65s-29 66 -65 66s-66 -30 -66 -66s30 -65 66 -65zM274 224l-30 45l-43 -45l39 -32v-112h-32
+v86l-61 38c-9 6 -19 15 -19 27c0 8 3 17 9 23l72 69c6 6 14 9 22 9c11 0 22 -7 28 -16l34 -60h59v-32h-78zM93 187c51 0 94 -43 94 -94s-43 -93 -94 -93s-93 42 -93 93s42 94 93 94zM93 28c36 0 66 29 66 65s-30 66 -66 66s-65 -30 -65 -66s29 -65 65 -65z" />
+    <glyph glyph-name="ion-android-boat" unicode="&#xf36a;" 
+d="M52 35l-51 139c-2 6 -1 12 1 17s8 8 13 10l38 13v98c0 23 20 43 43 43h64l16 53h96l16 -53h64c23 0 43 -20 43 -43v-98l38 -13c5 -2 11 -5 13 -10s3 -12 1 -17l-51 -139h-1c-34 0 -65 20 -86 43c-21 -23 -51 -43 -85 -43s-64 19 -85 42c-21 -23 -52 -42 -86 -42h-1z
+M96 312v-84l128 41l128 -41v84h-256zM309 40c0 0 59 -64 107 -64h-21c-30 0 -59 12 -86 26c-53 -28 -117 -28 -170 0c-27 -14 -56 -26 -86 -26h-21c49 0 107 64 107 64c52 -36 118 -36 170 0z" />
+    <glyph glyph-name="ion-android-bookmark" unicode="&#xf36b;" horiz-adv-x="288" 
+d="M248 384c22 0 40 -18 40 -40v-344l-144 64l-144 -64v344c0 22 18 40 40 40h208z" />
+    <glyph glyph-name="ion-android-bulb" unicode="&#xf36c;" 
+d="M224 278c-25 0 -50 -10 -68 -28s-28 -43 -28 -68c0 -34 18 -66 48 -83l16 -10v-18v-71h64v71v18l16 10c15 8 27 20 35 34c9 15 13 31 13 49c0 25 -10 50 -28 68s-43 28 -68 28zM245 416v0v-64h-42v64h42zM374 362v0l30 -30l-38 -38l-30 30zM74 362v0l38 -38l-30 -30
+l-38 38zM224 310v0c70 0 128 -58 128 -128c0 -48 -26 -89 -64 -111v-103h-128v103c-38 22 -64 64 -64 111c0 70 58 128 128 128zM448 203v0v-42h-64v42h64zM64 203v0v-42h-64v42h64z" />
+    <glyph glyph-name="ion-android-bus" unicode="&#xf36d;" horiz-adv-x="352" 
+d="M0 96v204c0 75 82 84 176 84s176 -9 176 -84v-204c0 -18 -14 -24 -27 -36v-39c0 -12 -9 -21 -21 -21h-21c-12 0 -22 9 -22 21v22h-170v-22c0 -12 -10 -21 -22 -21h-21c-12 0 -21 9 -21 21v39c-13 12 -27 17 -27 36zM80 80c18 0 32 14 32 32s-14 32 -32 32
+s-32 -14 -32 -32s14 -32 32 -32zM272 80c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 203v106h-256v-106h256z" />
+    <glyph glyph-name="ion-android-calendar" unicode="&#xf2d1;" horiz-adv-x="384" 
+d="M304 176v-96h-96v96h96zM272 384h48v-32h24c22 0 40 -18 40 -40v-272c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v272c0 22 18 40 40 40h24v32h48v-32h160v32zM344 40v212h-304v-212h304z" />
+    <glyph glyph-name="ion-android-call" unicode="&#xf2d2;" horiz-adv-x="384" 
+d="M363 117c12 0 21 -9 21 -21v-75c0 -12 -9 -21 -21 -21c-201 0 -363 162 -363 363c0 12 9 21 21 21h75c12 0 21 -9 21 -21c0 -27 4 -52 13 -77c2 -7 0 -16 -5 -21l-47 -47c31 -61 80 -110 141 -141l47 47c5 6 14 7 21 5c23 -7 49 -12 76 -12z" />
+    <glyph glyph-name="ion-android-camera" unicode="&#xf2d3;" 
+d="M161 168c0 42 21 63 63 63s63 -21 63 -63s-21 -63 -63 -63s-63 21 -63 63zM408 352c11 0 20 -4 28 -12s12 -17 12 -28v-272c0 -11 -4 -20 -12 -28s-17 -12 -28 -12h-368c-11 0 -20 4 -28 12s-12 17 -12 28v272c0 11 4 20 12 28s17 12 28 12h88l32 32h128l32 -32h88z
+M224 56c31 0 57 11 79 33s33 48 33 79s-11 57 -33 79s-48 33 -79 33s-57 -11 -79 -33s-33 -48 -33 -79s11 -57 33 -79s48 -33 79 -33z" />
+    <glyph glyph-name="ion-android-cancel" unicode="&#xf36e;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM312 117l-75 75l75 75l-29 29l-75 -75l-75 75l-29 -29l75 -75l-75 -75l29 -29l75 75l75 -75z" />
+    <glyph glyph-name="ion-android-car" unicode="&#xf36f;" horiz-adv-x="384" 
+d="M339 331l45 -118v-160c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v11h-256v-11c0 -12 -9 -21 -21 -21h-22c-12 0 -21 9 -21 21v160l45 118c4 13 16 21 30 21h234c14 0 26 -8 30 -21zM75 128c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 128
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM43 235h298l-32 85h-234z" />
+    <glyph glyph-name="ion-android-cart" unicode="&#xf370;" horiz-adv-x="416" 
+d="M122 70c23 0 41 -18 41 -41s-18 -42 -41 -42s-42 19 -42 42s19 41 42 41zM0 397h68l19 -42h308c11 0 21 -9 21 -20c0 -4 -1 -8 -2 -10l-75 -129c-7 -14 -20 -22 -36 -22h-155l-21 -32s-2 -5 -2 -6c0 -3 2 -5 5 -5h238v-40h-243c-26 0 -45 14 -45 42c0 7 2 15 5 20l31 51
+l-74 151h-42v42zM326 70c23 0 42 -18 42 -41s-19 -42 -42 -42s-41 19 -41 42s18 41 41 41z" />
+    <glyph glyph-name="ion-android-chat" unicode="&#xf2d4;" horiz-adv-x="416" 
+d="M344 384c4 0 7 -4 7 -8v-214c0 -4 -3 -9 -7 -9h-187l-90 -89v89h-57c-4 0 -10 5 -10 9v214c0 4 6 8 10 8h334zM408 321c4 0 8 -5 8 -9v-214c0 -4 -4 -9 -8 -9h-57v-89l-90 89h-130l39 39h181c18 0 25 10 25 26v167h32z" />
+    <glyph glyph-name="ion-android-checkbox-blank" unicode="&#xf371;" horiz-adv-x="384" 
+d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298z" />
+    <glyph glyph-name="ion-android-checkbox-outline-blank" unicode="&#xf372;" horiz-adv-x="384" 
+d="M341 341h-298v-298h298v298zM341 384v0c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298z" />
+    <glyph glyph-name="ion-android-checkbox-outline" unicode="&#xf373;" horiz-adv-x="384" 
+d="M105 233l66 -66l183 183l30 -30l-213 -213l-96 96zM341 43v170h43v-170c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h213v-43h-213v-298h298z" />
+    <glyph glyph-name="ion-android-checkbox" unicode="&#xf374;" horiz-adv-x="384" 
+d="M341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298zM149 85l192 192l-30 30l-162 -162l-76 77l-30 -30z" />
+    <glyph glyph-name="ion-android-checkmark-circle" unicode="&#xf375;" horiz-adv-x="416" 
+d="M123 232l64 -64l179 178l29 -29l-208 -208l-93 93zM374 192h42c0 -114 -94 -208 -208 -208s-208 94 -208 208s94 208 208 208c28 0 54 -6 78 -16l-32 -32c-15 4 -30 6 -46 6c-92 0 -166 -74 -166 -166s74 -166 166 -166s166 74 166 166z" />
+    <glyph glyph-name="ion-android-clipboard" unicode="&#xf376;" horiz-adv-x="384" 
+d="M341 368c23 0 43 -20 43 -43v-314c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v314c0 23 20 43 43 43h87c7 28 32 48 62 48s55 -20 62 -48h87zM192 368c-12 0 -21 -9 -21 -21s9 -22 21 -22s21 10 21 22s-9 21 -21 21zM344 8v320h-40v-72h-224v72h-40v-320h304z" />
+    <glyph glyph-name="ion-android-close" unicode="&#xf2d7;" horiz-adv-x="298" 
+d="M298 311l-119 -119l119 -119l-30 -30l-119 119l-119 -119l-30 30l119 119l-119 119l30 30l119 -119l119 119z" />
+    <glyph glyph-name="ion-android-cloud-circle" unicode="&#xf377;" horiz-adv-x="416" 
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM302 109c29 0 52 23 52 52s-23 52 -52 52h-11c0 46 -37 83 -83 83c-38 0 -71 -26 -80 -62h-3c-34 0 -63 -29 -63 -63s29 -62 63 -62h177z" />
+    <glyph glyph-name="ion-android-cloud-done" unicode="&#xf378;" horiz-adv-x="480" 
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM197 85l141 141l-30 30l-111 -111l-44 45l-30 -30z" />
+    <glyph glyph-name="ion-android-cloud-outline" unicode="&#xf379;" horiz-adv-x="480" 
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM380 72c33 0 60 27 60 60s-27 60 -60 60h-30v10c0 61 -49 110 -110 110c-51 0 -93 -34 -106 -80h-14
+c-44 0 -80 -36 -80 -80s36 -80 80 -80h260z" />
+    <glyph glyph-name="ion-android-cloud" unicode="&#xf37a;" horiz-adv-x="480" 
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121z" />
+    <glyph glyph-name="ion-android-color-palette" unicode="&#xf37b;" horiz-adv-x="384" 
+d="M192 384c106 0 192 -77 192 -171c0 -59 -48 -106 -107 -106h-38c-18 0 -32 -14 -32 -32c0 -9 3 -17 8 -22s9 -12 9 -21c0 -18 -14 -32 -32 -32c-106 0 -192 86 -192 192s86 192 192 192zM75 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM139 277
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM245 277c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM309 192c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-android-compass" unicode="&#xf37c;" 
+d="M224 217c13 0 25 -12 25 -25s-12 -25 -25 -25s-25 12 -25 25s12 25 25 25zM224 416c123 0 224 -101 224 -224s-101 -224 -224 -224s-224 101 -224 224s101 224 224 224zM273 143l85 183l-183 -85l-85 -183z" />
+    <glyph glyph-name="ion-android-contact" unicode="&#xf2d8;" horiz-adv-x="384" 
+d="M267 110c59 -18 104 -58 117 -110h-384c13 52 58 92 117 110c22 -13 48 -20 75 -20s53 7 75 20zM192 384c73 0 132 -59 132 -132s-59 -132 -132 -132s-132 59 -132 132s59 132 132 132zM192 153c42 0 78 26 92 63h-184c14 -37 50 -63 92 -63z" />
+    <glyph glyph-name="ion-android-contacts" unicode="&#xf2d9;" 
+d="M207 104c47 -14 76 -62 87 -104h-294c11 42 40 90 87 104c18 -10 38 -16 60 -16s42 6 60 16zM147 328c58 0 106 -48 106 -106s-48 -106 -106 -106s-106 48 -106 106s48 106 106 106zM147 141c34 0 62 23 74 51h-148c12 -28 40 -51 74 -51zM291 64c-13 20 -34 43 -60 53
+c11 9 21 23 28 35c13 -5 27 -8 42 -8c22 0 42 6 60 16c47 -14 76 -54 87 -96h-157zM275 248c-8 37 -31 69 -63 87c19 29 52 49 89 49c58 0 106 -48 106 -106s-48 -106 -106 -106c-11 0 -22 2 -32 5c3 8 6 16 7 25c8 -3 16 -4 25 -4c34 0 62 22 74 50h-100z" />
+    <glyph glyph-name="ion-android-contract" unicode="&#xf37d;" horiz-adv-x="384" 
+d="M0 77v51h128v-128h-51v77h-77zM77 307v77h51v-128h-128v51h77zM256 0v128h128v-51h-77v-77h-51zM307 307h77v-51h-128v128h51v-77z" />
+    <glyph glyph-name="ion-android-create" unicode="&#xf37e;" horiz-adv-x="384" 
+d="M0 80l236 236l80 -80l-236 -236h-80v80zM378 298l-40 -40l-80 80l40 40c9 9 20 9 29 0l51 -51c9 -9 9 -20 0 -29z" />
+    <glyph glyph-name="ion-android-delete" unicode="&#xf37f;" horiz-adv-x="320" 
+d="M32 43v245h256v-245c0 -23 -20 -43 -43 -43h-170c-23 0 -43 20 -43 43zM320 352v-32h-320v32h80l27 32h106l27 -32h80z" />
+    <glyph glyph-name="ion-android-desktop" unicode="&#xf380;" 
+d="M405 416c23 0 43 -20 43 -43v-282c0 -23 -20 -43 -43 -43h-138l42 -48v-32h-170v32l42 48h-138c-23 0 -43 20 -43 43v282c0 23 20 43 43 43h362zM405 128v245h-362v-245h362z" />
+    <glyph glyph-name="ion-android-document" unicode="&#xf381;" horiz-adv-x="320" 
+d="M192 400l128 -128v-248c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v336c0 22 18 40 40 40h152zM176 256h112l-112 112v-112z" />
+    <glyph glyph-name="ion-android-done-all" unicode="&#xf382;" horiz-adv-x="512" 
+d="M388 308l-140 -139l-31 31l140 139zM481 339l31 -31l-264 -263l-122 123l30 31l92 -91zM0 168l32 31l122 -123l-31 -31z" />
+    <glyph glyph-name="ion-android-done" unicode="&#xf383;" horiz-adv-x="384" 
+d="M122 108l230 230l32 -31l-262 -261l-122 122l32 31z" />
+    <glyph glyph-name="ion-android-download" unicode="&#xf2dd;" horiz-adv-x="480" 
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM208 180h-68l100 -100l100 100h-68v76h-64v-76z" />
+    <glyph glyph-name="ion-android-drafts" unicode="&#xf384;" 
+d="M448 246v-203c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v203c0 15 8 30 20 37l204 101l204 -101c13 -7 20 -22 20 -37zM224 144l171 112l-171 85l-171 -85z" />
+    <glyph glyph-name="ion-android-exit" unicode="&#xf385;" horiz-adv-x="384" 
+d="M151 115l55 56h-206v42h207l-56 56l30 30l107 -107l-107 -107zM341 384c23 0 43 -20 43 -43v-298c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v85h43v-85h298v298h-298v-85h-43v85c0 23 20 43 43 43h298z" />
+    <glyph glyph-name="ion-android-expand" unicode="&#xf386;" horiz-adv-x="384" 
+d="M333 51v77h51v-128h-128v51h77zM333 333h-77v51h128v-128h-51v77zM51 333v-77h-51v128h128v-51h-77zM51 51h77v-51h-128v128h51v-77z" />
+    <glyph glyph-name="ion-android-favorite-outline" unicode="&#xf387;" horiz-adv-x="416" 
+d="M302 384c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242l-30 -27l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44zM221 55c50 46 94 86 123 122c28 35 40 63 40 92c0 23 -9 44 -24 59s-35 24 -58 24
+c-26 0 -53 -13 -70 -33l-24 -29l-24 29c-17 20 -44 33 -70 33c-23 0 -43 -9 -58 -24s-24 -36 -24 -59c0 -29 12 -57 40 -92c29 -36 73 -76 123 -122l4 -4l9 -8l9 8z" />
+    <glyph glyph-name="ion-android-favorite" unicode="&#xf388;" horiz-adv-x="416" 
+d="M208 0l-30 27c-107 98 -178 162 -178 242c0 65 50 115 114 115c36 0 71 -17 94 -44c23 27 58 44 94 44c64 0 114 -50 114 -115c0 -80 -71 -144 -178 -242z" />
+    <glyph glyph-name="ion-android-film" unicode="&#xf389;" horiz-adv-x="320" 
+d="M280 384h40v-384h-40v43h-40v-43h-160v43h-40v-43h-40v384h40v-43h40v43h160v-43h40v43zM80 85v43h-40v-43h40zM80 171v42h-40v-42h40zM80 256v43h-40v-43h40zM280 85v43h-40v-43h40zM280 171v42h-40v-42h40zM280 256v43h-40v-43h40z" />
+    <glyph glyph-name="ion-android-folder-open" unicode="&#xf38a;" 
+d="M405 304c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138l43 -48h181zM416 75v186c0 6 -5 11 -11 11h-373v-197c0 -6 5 -11 11 -11h362c6 0 11 5 11 11z" />
+    <glyph glyph-name="ion-android-folder" unicode="&#xf2e0;" 
+d="M181 352l43 -48h181c23 0 43 -20 43 -43v-186c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v234c0 23 20 43 43 43h138z" />
+    <glyph glyph-name="ion-android-funnel" unicode="&#xf38b;" 
+d="M176 48v48h96v-48h-96zM0 336h448v-48h-448v48zM80 167v50h288v-50h-288z" />
+    <glyph glyph-name="ion-android-globe" unicode="&#xf38c;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM186 15c6 15 21 29 8 39c-8 7 -16 14 -23 21c-2 2 -11 20 -9 23c5 9 6 14 8 24c3 12 -3 16 -13 22c-15 10 -29 23 -43 34c-7 5 -17 10 -20 19s-5 20 -10 28c-14 20 -12 34 -10 58
+c0 7 -1 16 -2 25c-28 -32 -42 -73 -42 -116c0 -48 18 -92 52 -126c29 -29 65 -46 104 -51zM334 66c23 23 39 51 47 82c-8 -1 -19 2 -19 2s-21 24 -23 45c-2 22 0 39 -3 57c-3 16 -20 31 -27 46c-7 14 -13 28 -20 42c2 -1 5 -2 7 -3c5 1 10 2 14 2c-23 16 -49 25 -76 29v-8
+l4 -9l-14 -13l-9 3l-10 10l-10 12l-14 5c-16 -2 -31 -7 -45 -13v-7c7 3 16 5 23 8c3 1 13 -7 16 -9c-4 -5 -21 -15 -22 -21c0 -2 7 -6 7 -10c0 -6 -1 -11 -1 -17c3 3 20 21 22 21c13 3 35 -19 37 -26s-22 -24 -33 -34c-8 -8 -25 -12 -20 -24c2 -4 10 -20 5 -24
+c-6 -5 -14 9 -17 12c-8 10 -26 7 -38 7c0 -17 -1 -31 15 -43c15 -11 30 -25 47 -33c13 -6 36 7 47 -1c16 -11 29 -21 47 -29c8 -3 33 -20 26 -31c-5 -8 -10 -15 -14 -23s-13 -20 -20 -25c-8 -6 -16 -17 -21 -29c35 7 66 23 92 49z" />
+    <glyph glyph-name="ion-android-hand" unicode="&#xf2e3;" horiz-adv-x="414" 
+d="M401 174c15 -15 18 -36 3 -51c0 0 -96 -103 -126 -121v0c-28 -21 -65 -34 -100 -34c-55 0 -101 36 -117 85v0v1c0 1 -1 2 -1 3l-58 189c-5 15 2 32 17 37s30 -3 35 -18l34 -88c1 -4 2 -2 2 1l-22 161c-3 15 7 30 22 33s30 -8 33 -23l25 -138c0 -2 2 -2 2 0v177
+c0 15 13 28 28 28s28 -13 28 -28l8 -175c0 -5 3 -4 4 -1l23 135c2 15 16 27 31 25s27 -17 25 -32l-21 -172c-1 -12 -3 -30 2 -36c8 -9 20 -9 31 2l42 42c15 15 35 13 50 -2z" />
+    <glyph glyph-name="ion-android-hangout" unicode="&#xf38d;" horiz-adv-x="352" 
+d="M176 400c97 0 176 -77 176 -172c0 -91 -76 -196 -176 -244v71c-97 0 -176 78 -176 173s79 172 176 172zM166 217v61h-62v-61h31l-21 -40h31zM248 217v61h-62v-61h31l-20 -40h31z" />
+    <glyph glyph-name="ion-android-happy" unicode="&#xf38e;" horiz-adv-x="416" 
+d="M208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213
+c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM208 78c-49 0 -89 29 -106 72h212c-17 -43 -57 -72 -106 -72z" />
+    <glyph glyph-name="ion-android-home" unicode="&#xf38f;" horiz-adv-x="416" 
+d="M160 0h-98v192h-62l208 192l208 -192h-62v-192h-98v128h-96v-128z" />
+    <glyph glyph-name="ion-android-image" unicode="&#xf2e4;" horiz-adv-x="384" 
+d="M384 43c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h298c23 0 43 -20 43 -43v-298zM117 160l-74 -96h298l-96 128l-74 -96z" />
+    <glyph glyph-name="ion-android-laptop" unicode="&#xf390;" horiz-adv-x="512" 
+d="M437 32h75c0 -23 -64 -32 -96 -32h-320c-32 0 -96 9 -96 32h75c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43zM75 341v-272h362v272h-362zM256 13c12 0 21 10 21 22s-9 21 -21 21s-21 -9 -21 -21s9 -22 21 -22z" />
+    <glyph glyph-name="ion-android-list" unicode="&#xf391;" horiz-adv-x="384" 
+d="M344 384c22 0 40 -18 40 -40v-304c0 -22 -18 -40 -40 -40h-304c-22 0 -40 18 -40 40v304c0 22 18 40 40 40h304zM240 80v48h-160v-48h160zM304 168v48h-224v-48h224zM304 256v48h-224v-48h224z" />
+    <glyph glyph-name="ion-android-locate" unicode="&#xf2e9;" 
+d="M224 272c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80s36 80 80 80zM415 213h33v-42h-33c-10 -89 -81 -160 -170 -170v-33h-42v33c-89 10 -160 81 -170 170h-33v42h33c10 89 81 160 170 170v33h42v-33c89 -10 160 -81 170 -170zM224 43c82 0 149 67 149 149
+s-67 149 -149 149s-149 -67 -149 -149s67 -149 149 -149z" />
+    <glyph glyph-name="ion-android-lock" unicode="&#xf392;" horiz-adv-x="320" 
+d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h20v40c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM222 262v40c0 34 -28 62 -62 62
+s-62 -28 -62 -62v-40h124z" />
+    <glyph glyph-name="ion-android-mail" unicode="&#xf2eb;" 
+d="M405 368c23 0 43 -20 43 -43v-266c0 -23 -20 -43 -43 -43h-362c-23 0 -43 20 -43 43v266c0 23 20 43 43 43h362zM400 277v43l-176 -117l-176 117v-43l176 -117z" />
+    <glyph glyph-name="ion-android-map" unicode="&#xf393;" horiz-adv-x="384" 
+d="M373 384c6 0 11 -5 11 -11v-322c0 -5 -3 -9 -7 -10l-121 -41l-128 45s-105 -41 -108 -42s-7 -3 -9 -3c-6 0 -11 5 -11 11v322c0 5 3 9 7 10l121 41l128 -45s103 40 108 42s7 3 9 3zM256 43v254l-128 44v-254z" />
+    <glyph glyph-name="ion-android-menu" unicode="&#xf394;" horiz-adv-x="384" 
+d="M0 64v43h384v-43h-384zM0 171v42h384v-42h-384zM0 320h384v-43h-384v43z" />
+    <glyph glyph-name="ion-android-microphone-off" unicode="&#xf395;" horiz-adv-x="408" 
+d="M316 93l58 -58l-58 58l58 -58l34 -33l-24 -24l-95 95c-19 -11 -40 -20 -62 -23v-82h-46v82c-75 10 -137 76 -137 153h39c0 -68 58 -117 121 -117c20 0 40 5 57 14l-32 33c-8 -3 -16 -5 -25 -5c-38 0 -69 31 -69 69v29l-135 134l24 24l111 -110v0l140 -140l5 -5l9 -9z
+M273 197c0 -4 0 -8 -1 -12l-137 137v25c0 38 31 69 69 69s69 -31 69 -69v-150zM365 203c0 -31 -10 -60 -27 -84l-27 28c9 17 15 36 15 56h39zM408 2v0l-34 33z" />
+    <glyph glyph-name="ion-android-microphone" unicode="&#xf2ec;" horiz-adv-x="320" 
+d="M160 128c-38 0 -69 31 -69 69v150c0 38 31 69 69 69s69 -31 69 -69v-150c0 -38 -31 -69 -69 -69zM281 203h39c0 -78 -62 -142 -137 -153v-82h-46v82c-75 10 -137 75 -137 153h39c0 -69 58 -116 121 -116s121 47 121 116z" />
+    <glyph glyph-name="ion-android-more-horizontal" unicode="&#xf396;" horiz-adv-x="320" 
+d="M40 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40zM280 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40zM160 232c22 0 40 -18 40 -40s-18 -40 -40 -40s-40 18 -40 40s18 40 40 40z" />
+    <glyph glyph-name="ion-android-more-vertical" unicode="&#xf397;" horiz-adv-x="80" 
+d="M80 312c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 72c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40zM80 192c0 -22 -18 -40 -40 -40s-40 18 -40 40s18 40 40 40s40 -18 40 -40z" />
+    <glyph glyph-name="ion-android-navigate" unicode="&#xf398;" horiz-adv-x="320" 
+d="M160 384l160 -369l-15 -15l-145 64l-145 -64l-15 15z" />
+    <glyph glyph-name="ion-android-notifications-none" unicode="&#xf399;" horiz-adv-x="352" 
+d="M177 328h-2c-6 0 -24 -5 -24 -5c-46 -10 -78 -53 -78 -100v-114v-13l-9 -10l-8 -8h240l-8 8l-9 10v13v114c0 47 -32 90 -78 100c0 0 -17 5 -24 5zM176 400v0c18 0 31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15
+c0 18 13 31 31 31zM217 26v0c0 -23 -18 -42 -41 -42s-41 19 -41 42h82z" />
+    <glyph glyph-name="ion-android-notifications-off" unicode="&#xf39a;" horiz-adv-x="364" 
+d="M182 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM57 341l295 -295v0l12 -12l-24 -24l-36 36h-298v21l41 41v115c0 23 6 44 16 63l-63 64l24 24l33 -33v0zM317 223v-94l-208 207c13 8 27 15 42 18v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -67 104 -131
+z" />
+    <glyph glyph-name="ion-android-notifications" unicode="&#xf39b;" horiz-adv-x="352" 
+d="M176 -16c-23 0 -41 19 -41 42h82c0 -23 -18 -42 -41 -42zM311 109l41 -42v-21h-352v21l41 42v114c0 63 45 117 104 131v15c0 18 13 31 31 31s31 -13 31 -31v-15c59 -14 104 -68 104 -131v-114z" />
+    <glyph glyph-name="ion-android-open" unicode="&#xf39c;" horiz-adv-x="384" 
+d="M341 43v133h43v-133c0 -23 -20 -43 -43 -43h-298c-23 0 -43 20 -43 43v298c0 23 20 43 43 43h133v-43h-133v-298h298zM224 384h160v-160h-43v87l-215 -215l-30 30l215 215h-87v43z" />
+    <glyph glyph-name="ion-android-options" unicode="&#xf39d;" 
+d="M0 32v32h272v-32h-272zM368 32v32h80v-32h-80zM352 0c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 176v32h80v-32h-80zM176 176v32h272v-32h-272zM160 144c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96
+c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM0 320v32h272v-32h-272zM368 320v32h80v-32h-80zM352 288c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96z" />
+    <glyph glyph-name="ion-android-people" unicode="&#xf39e;" 
+d="M305 216c-34 0 -61 27 -61 60s27 60 61 60s62 -27 62 -60s-28 -60 -62 -60zM143 216c-34 0 -62 27 -62 60s28 60 62 60s61 -27 61 -60s-27 -60 -61 -60zM143 172c48 0 145 -23 145 -70v-54h-288v54c0 47 95 70 143 70zM305 161c48 0 143 -12 143 -59v-54h-128v54
+c0 30 -9 41 -32 58c7 1 11 1 17 1z" />
+    <glyph glyph-name="ion-android-person-add" unicode="&#xf39f;" horiz-adv-x="480" 
+d="M288 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM288 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96zM96 224h64v-32h-64v-64h-32v64h-64v32h64v64h32v-64z" />
+    <glyph glyph-name="ion-android-person" unicode="&#xf3a0;" horiz-adv-x="384" 
+d="M192 192c-53 0 -96 43 -96 96s43 96 96 96s96 -43 96 -96s-43 -96 -96 -96zM192 144c64 0 192 -32 192 -96v-48h-384v48c0 64 128 96 192 96z" />
+    <glyph glyph-name="ion-android-phone-landscape" unicode="&#xf3a1;" 
+d="M448 89c0 -23 -19 -41 -41 -41h-366c-22 0 -41 18 -41 41v206c0 23 19 41 41 41h366c22 0 41 -18 41 -41v-206zM80 84h288v216h-288v-216z" />
+    <glyph glyph-name="ion-android-phone-portrait" unicode="&#xf3a2;" horiz-adv-x="288" 
+d="M247 416c23 0 41 -19 41 -41v-366c0 -22 -18 -41 -41 -41h-206c-23 0 -41 19 -41 41v366c0 22 18 41 41 41h206zM252 48v288h-216v-288h216z" />
+    <glyph glyph-name="ion-android-pin" unicode="&#xf3a3;" horiz-adv-x="320" 
+d="M160 416c88 0 160 -71 160 -157c0 -118 -160 -291 -160 -291s-160 173 -160 291c0 86 72 157 160 157zM160 203c32 0 57 25 57 56s-25 56 -57 56s-57 -25 -57 -56s25 -56 57 -56z" />
+    <glyph glyph-name="ion-android-plane" unicode="&#xf3a4;" horiz-adv-x="384" 
+d="M384 112l-160 48v-114l48 -31v-31l-80 16l-80 -16v31l48 31v114l-160 -48v40l160 104v113c0 18 15 31 32 31s32 -13 32 -31v-113l160 -104v-40z" />
+    <glyph glyph-name="ion-android-playstore" unicode="&#xf2f0;" horiz-adv-x="416" 
+d="M416 296c-19 -214 -13 -312 -13 -312h-390s6 96 -13 312h104c0 57 47 104 104 104s104 -47 104 -104h104zM208 374c-43 0 -78 -35 -78 -78h156c0 43 -35 78 -78 78zM156 50l143 85l-143 84v-169z" />
+    <glyph glyph-name="ion-android-print" unicode="&#xf3a5;" horiz-adv-x="416" 
+d="M352 288c35 0 64 -29 64 -64v-139h-80v-85h-256v85h-80v139c0 35 29 64 64 64h288zM304 32v128h-192v-128h192zM336 384v0v-80h-256v80h256z" />
+    <glyph glyph-name="ion-android-radio-button-off" unicode="&#xf3a6;" horiz-adv-x="416" 
+d="M208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
+    <glyph glyph-name="ion-android-radio-button-on" unicode="&#xf3a7;" horiz-adv-x="416" 
+d="M208 296c57 0 104 -47 104 -104s-47 -104 -104 -104s-104 47 -104 104s47 104 104 104zM208 400c114 0 208 -94 208 -208s-94 -208 -208 -208s-208 94 -208 208s94 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166z" />
+    <glyph glyph-name="ion-android-refresh" unicode="&#xf3a8;" horiz-adv-x="352" 
+d="M176 60c56 0 104 34 123 84h46c-21 -74 -88 -128 -169 -128c-98 0 -176 79 -176 176s79 176 176 176c48 0 92 -20 124 -52l52 52v-154h-154l70 70c-23 24 -56 40 -92 40c-73 0 -132 -59 -132 -132s59 -132 132 -132z" />
+    <glyph glyph-name="ion-android-remove-circle" unicode="&#xf3a9;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM315 171v42h-214v-42h214z" />
+    <glyph glyph-name="ion-android-remove" unicode="&#xf2f4;" horiz-adv-x="320" 
+d="M0 171v42h320v-42h-320z" />
+    <glyph glyph-name="ion-android-restaurant" unicode="&#xf3aa;" horiz-adv-x="415" 
+d="M116 168l-91 89c-34 33 -34 86 0 119l153 -148zM264 206l-33 -31l150 -145l-30 -30l-150 146l-150 -146l-30 30s163 159 211 207c-15 32 -4 77 31 111c41 40 101 49 132 17c33 -31 24 -89 -17 -129c-34 -34 -80 -45 -114 -30z" />
+    <glyph glyph-name="ion-android-sad" unicode="&#xf3ab;" horiz-adv-x="416" 
+d="M208 160c45 0 83 -26 102 -64h-204c19 38 57 64 102 64zM208 400c114 0 208 -94 208 -208s-93 -208 -208 -208s-208 94 -208 208s93 208 208 208zM208 26c92 0 166 74 166 166s-74 166 -166 166s-166 -74 -166 -166s74 -166 166 -166zM281 213c-18 0 -31 13 -31 31
+s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31zM135 213c-18 0 -31 13 -31 31s13 31 31 31s31 -13 31 -31s-13 -31 -31 -31z" />
+    <glyph glyph-name="ion-android-search" unicode="&#xf2f5;" horiz-adv-x="384" 
+d="M274 143l110 -110l-33 -33l-109 110v17l-7 6c-25 -21 -58 -34 -93 -34c-79 0 -142 63 -142 142s63 143 141 143c79 0 142 -64 142 -143c0 -36 -13 -68 -34 -93l7 -5h18zM142 143c55 0 99 43 99 98s-44 99 -99 99s-98 -44 -98 -99s43 -98 98 -98z" />
+    <glyph glyph-name="ion-android-send" unicode="&#xf2f6;" horiz-adv-x="416" 
+d="M0 0v149l298 43l-298 43v149l416 -192z" />
+    <glyph glyph-name="ion-android-settings" unicode="&#xf2f7;" horiz-adv-x="416" 
+d="M366 171l47 -34c3 -3 4 -10 2 -14l-43 -71c-2 -4 -7 -7 -12 -5l-54 21c-12 -8 -23 -16 -36 -21l-8 -55c-1 -4 -6 -8 -11 -8h-85c-5 0 -10 3 -11 8l-8 55c-13 5 -25 13 -36 21l-54 -21c-4 -2 -10 1 -12 5l-43 71c-3 5 -2 11 2 14l45 34c0 7 -1 14 -1 21s1 14 1 21l-46 34
+c-3 3 -4 10 -2 14l43 71c2 4 7 7 12 5l54 -21c12 8 23 16 36 21l8 55c1 4 6 8 11 8h85c5 0 10 -4 11 -8l7 -55c13 -5 25 -13 36 -21l53 21c4 2 11 -1 13 -5l43 -71c3 -5 2 -11 -2 -14l-45 -34c0 -7 1 -14 1 -21s0 -15 -1 -21zM207 119c41 0 75 32 75 73s-34 73 -75 73
+s-74 -32 -74 -73s33 -73 74 -73z" />
+    <glyph glyph-name="ion-android-share-alt" unicode="&#xf3ac;" horiz-adv-x="384" 
+d="M320 104c34 0 62 -28 62 -62s-28 -62 -62 -62s-62 28 -62 62c0 5 1 10 2 14l-152 88c-12 -11 -27 -17 -44 -17c-35 0 -64 29 -64 64s28 64 63 64c17 0 32 -6 44 -17l151 87c-1 5 -2 10 -2 15c0 35 29 64 64 64s64 -29 64 -64s-29 -64 -64 -64c-17 0 -32 6 -44 17
+l-151 -87c1 -5 2 -10 2 -15s-1 -10 -2 -15l153 -88c11 11 26 16 42 16z" />
+    <glyph glyph-name="ion-android-share" unicode="&#xf2f8;" horiz-adv-x="384" 
+d="M384 200l-160 -147v88c-107 0 -171 -34 -224 -109c21 107 75 214 224 235v85z" />
+    <glyph glyph-name="ion-android-star-half" unicode="&#xf3ad;" horiz-adv-x="404" 
+d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64v-189z" />
+    <glyph glyph-name="ion-android-star-outline" unicode="&#xf3ae;" horiz-adv-x="404" 
+d="M404 238l-110 -96l33 -142l-125 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134zM219 103l60 -36l-16 68l-5 19l15 12l53 46l-70 6l-19 2l-8 18l-27 64l-27 -64l-8 -18l-19 -2l-70 -6l53 -46l15 -12l-5 -19l-16 -68l60 36l17 10z" />
+    <glyph glyph-name="ion-android-star" unicode="&#xf2fc;" horiz-adv-x="404" 
+d="M202 75l-125 -75l33 142l-110 96l145 12l57 134l57 -134l145 -12l-110 -96l33 -142z" />
+    <glyph glyph-name="ion-android-stopwatch" unicode="&#xf2fd;" horiz-adv-x="384" 
+d="M168 141v131h48v-131h-48zM344 278c25 -33 40 -74 40 -118c0 -106 -86 -192 -192 -192s-192 86 -192 192s86 192 192 192c44 0 85 -15 118 -40l31 30l33 -33zM298 54c28 28 44 66 44 106s-16 78 -44 106s-66 44 -106 44s-78 -16 -106 -44s-44 -66 -44 -106
+s16 -78 44 -106s66 -44 106 -44s78 16 106 44zM128 368v48h128v-48h-128z" />
+    <glyph glyph-name="ion-android-subway" unicode="&#xf3af;" horiz-adv-x="352" 
+d="M176 400c94 0 176 -10 176 -85v-214c0 -42 -33 -74 -75 -74l27 -27v-16h-256v16l27 27c-42 0 -75 32 -75 74v214c0 75 82 85 176 85zM80 64c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM160 208v96h-112v-96h112zM272 64c18 0 32 14 32 32
+s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 208v96h-112v-96h112z" />
+    <glyph glyph-name="ion-android-sunny" unicode="&#xf3b0;" 
+d="M224 288c-25 0 -50 -10 -68 -28s-28 -43 -28 -68s10 -50 28 -68s43 -28 68 -28s50 10 68 28s28 43 28 68s-10 50 -28 68s-43 28 -68 28zM245 416v0v-64h-42v64h42zM374 372v0l30 -30l-38 -38l-30 30zM74 372v0l38 -38l-30 -30l-38 38zM224 320v0c70 0 128 -58 128 -128
+s-58 -128 -128 -128s-128 58 -128 128s58 128 128 128zM448 213v0v-42h-64v42h64zM64 213v0v-42h-64v42h64zM366 80v0l38 -38l-30 -30l-38 38zM82 80v0l30 -30l-38 -38l-30 30zM245 32v0v-64h-42v64h42z" />
+    <glyph glyph-name="ion-android-sync" unicode="&#xf3b1;" horiz-adv-x="320" 
+d="M160 355c88 0 160 -73 160 -163c0 -32 -9 -62 -25 -87l-29 30c9 17 14 37 14 57c0 67 -54 122 -120 122v-61l-80 82l80 81v-61zM160 70v61l80 -82l-80 -81v61c-88 0 -160 73 -160 163c0 32 9 63 25 87l29 -30c-9 -17 -14 -37 -14 -57c0 -67 54 -122 120 -122z" />
+    <glyph glyph-name="ion-android-textsms" unicode="&#xf3b2;" horiz-adv-x="384" 
+d="M344 384c22 0 40 -18 40 -40v-240c0 -22 -18 -40 -40 -40h-280l-64 -64v344c0 22 10 40 32 40h312zM134 206v40h-38v-40h38zM211 206v40h-38v-40h38zM288 206v40h-38v-40h38z" />
+    <glyph glyph-name="ion-android-time" unicode="&#xf3b3;" horiz-adv-x="426" 
+d="M213 405c117 0 213 -96 213 -213s-95 -213 -213 -213s-213 96 -213 213s95 213 213 213zM213 22c94 0 170 76 170 170s-76 170 -170 170s-170 -76 -170 -170s76 -170 170 -170zM224 298v-111l96 -57l-16 -26l-112 67v127h32z" />
+    <glyph glyph-name="ion-android-train" unicode="&#xf3b4;" horiz-adv-x="352" 
+d="M0 101v214c0 75 82 85 176 85s176 -10 176 -85v-214c0 -42 -33 -74 -75 -74l27 -27v-16h-256v16l27 27c-42 0 -75 32 -75 74zM176 72c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM304 224v96h-256v-96h256z" />
+    <glyph glyph-name="ion-android-unlock" unicode="&#xf3b5;" horiz-adv-x="320" 
+d="M280 262c22 0 40 -18 40 -40v-200c0 -22 -18 -40 -40 -40h-240c-22 0 -40 18 -40 40v200c0 22 18 40 40 40h182v40v0c0 34 -28 62 -62 62s-62 -28 -62 -62h-38c0 55 45 100 100 100s100 -45 100 -100v-40h20zM160 80c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40
+s18 -40 40 -40z" />
+    <glyph glyph-name="ion-android-upload" unicode="&#xf3b6;" horiz-adv-x="480" 
+d="M387 231c52 -3 93 -46 93 -99c0 -55 -45 -100 -100 -100h-260c-66 0 -120 54 -120 120c0 62 47 113 107 119c25 48 75 81 133 81c73 0 133 -52 147 -121zM272 172h68l-100 100l-100 -100h68v-76h64v76z" />
+    <glyph glyph-name="ion-android-volume-down" unicode="&#xf3b7;" horiz-adv-x="288" 
+d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89z" />
+    <glyph glyph-name="ion-android-volume-mute" unicode="&#xf3b8;" horiz-adv-x="192" 
+d="M0 256h85l107 112v-352l-107 112h-85v128z" />
+    <glyph glyph-name="ion-android-volume-off" unicode="&#xf3b9;" horiz-adv-x="384" 
+d="M342 192c0 69 -45 128 -107 147v45c85 -20 149 -99 149 -192c0 -35 -8 -68 -24 -96l-32 32c9 19 14 41 14 64zM192 368v-104l-51 51zM357 51v0l24 -24l-24 -24l-40 40c-23 -21 -51 -36 -82 -43v45c19 6 37 15 52 28l-95 95v-152l-107 112h-85v128h85l9 10l-91 91l24 24z
+M288 192c0 -7 0 -15 -2 -22l-51 51v60c32 -16 53 -51 53 -89z" />
+    <glyph glyph-name="ion-android-volume-up" unicode="&#xf3ba;" horiz-adv-x="384" 
+d="M0 256h85l107 112v-352l-107 112h-85v128zM288 192c0 -38 -21 -73 -53 -88v177c32 -16 53 -51 53 -89zM235 384c85 -20 149 -99 149 -192s-64 -172 -149 -192v45c62 19 106 78 106 147s-44 128 -106 147v45z" />
+    <glyph glyph-name="ion-android-walk" unicode="&#xf3bb;" horiz-adv-x="272" 
+d="M168 336c-22 0 -40 18 -40 40s18 40 40 40s40 -18 40 -40s-18 -40 -40 -40zM168 216l-20 38l-20 -62l57 -96v-128h-38v96l-50 68l-57 -164h-40l81 320l-41 -16v-80h-40v112l111 38c4 1 10 1 13 1c13 0 23 -6 31 -18l45 -69h72v-40h-104z" />
+    <glyph glyph-name="ion-android-warning" unicode="&#xf3bc;" 
+d="M0 -16l224 416l224 -416h-448zM248 48v48h-48v-48h48zM248 128v96h-48v-96h48z" />
+    <glyph glyph-name="ion-android-watch" unicode="&#xf3bd;" horiz-adv-x="320" 
+d="M320 192c0 -51 -24 -96 -61 -125l-19 -115h-160l-19 115c-37 29 -61 74 -61 125s24 96 61 125l19 115h160l19 -115c37 -29 61 -74 61 -125zM40 192c0 -66 54 -120 120 -120s120 54 120 120s-54 120 -120 120s-120 -54 -120 -120z" />
+    <glyph glyph-name="ion-android-wifi" unicode="&#xf305;" horiz-adv-x="416" 
+d="M208 219c23 0 42 -18 42 -41s-19 -41 -42 -41s-42 18 -42 41s19 41 42 41zM333 178c0 -45 -26 -85 -63 -107l-20 36c25 14 41 40 41 71c0 45 -37 82 -83 82s-83 -37 -83 -82c0 -31 16 -57 41 -71l-20 -36c-37 22 -63 62 -63 107c0 68 56 124 125 124s125 -56 125 -124z
+M208 384c114 0 208 -93 208 -206c0 -76 -42 -142 -104 -178l-21 36c50 28 83 81 83 142c0 91 -74 165 -166 165s-166 -74 -166 -165c0 -61 33 -113 83 -142l-21 -36c-62 36 -104 102 -104 178c0 113 94 206 208 206z" />
+    <glyph glyph-name="ion-aperture" unicode="&#xf313;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM168 342l56 -86h-147
+c17 40 50 71 91 86zM381 160h-102l72 129c21 -27 33 -60 33 -97c0 -11 -1 -22 -3 -32zM328 314l-49 -90l-78 126c8 1 15 2 23 2c40 0 76 -14 104 -38zM67 224h102l-72 -129c-21 27 -33 60 -33 97c0 11 1 22 3 32zM280 42l-56 86h147c-17 -40 -50 -71 -91 -86zM120 70l49 90
+l78 -126c-8 -1 -15 -2 -23 -2c-40 0 -76 14 -104 38z" />
+    <glyph glyph-name="ion-archive" unicode="&#xf102;" 
+d="M224 140l-128 116h80v96h96v-96h80zM433 151c11 -6 17 -19 15 -32l-9 -67c-2 -13 -9 -20 -28 -20h-374c-18 0 -26 7 -28 20l-9 67c-2 13 3 26 14 32l72 55h42l-62 -62h50c2 0 5 -1 6 -3l18 -45h168l18 45c1 2 3 3 5 3h51l-62 62h42z" />
+    <glyph glyph-name="ion-arrow-down-a" unicode="&#xf103;" horiz-adv-x="384" 
+d="M192 -0l-192 192h112v192h160v-192h112z" />
+    <glyph glyph-name="ion-arrow-down-b" unicode="&#xf104;" horiz-adv-x="320" 
+d="M3 263c-2 2 -3 6 -3 9c0 9 8 16 17 16v0h286v0c9 0 17 -7 17 -16c0 -3 -1 -6 -3 -8l-2 -3l-136 -156c-5 -5 -11 -9 -19 -9s-14 4 -19 9l-136 156z" />
+    <glyph glyph-name="ion-arrow-down-c" unicode="&#xf105;" horiz-adv-x="274" 
+d="M265 125l-105 -100c-6 -6 -14 -9 -23 -9s-16 3 -22 9l-106 100c-12 12 -12 31 0 43s34 12 46 0l50 -48v217c0 17 14 31 32 31s32 -14 32 -31v-217l50 48c12 12 34 12 46 0s12 -31 0 -43z" />
+    <glyph glyph-name="ion-arrow-expand" unicode="&#xf25e;" horiz-adv-x="320" 
+d="M178 238l64 64l-50 50h128v-128l-50 50l-64 -64zM178 146l28 28l64 -64l50 50v-128h-128l50 50zM142 146l-64 -64l50 -50h-128v128l50 -50l64 64zM142 238l-28 -28l-64 64l-50 -50v128h128l-50 -50z" />
+    <glyph glyph-name="ion-arrow-graph-down-left" unicode="&#xf25f;" 
+d="M0 64v160l61 -61l131 141l107 -112l149 128l-149 -203l-107 107l-94 -98l62 -62h-160z" />
+    <glyph glyph-name="ion-arrow-graph-down-right" unicode="&#xf260;" 
+d="M288 64l62 62l-94 98l-107 -107l-149 203l149 -128l107 112l131 -141l61 61v-160h-160z" />
+    <glyph glyph-name="ion-arrow-graph-up-left" unicode="&#xf261;" 
+d="M160 320l-62 -62l94 -98l107 107l149 -203l-149 128l-107 -112l-131 141l-61 -61v160h160z" />
+    <glyph glyph-name="ion-arrow-graph-up-right" unicode="&#xf262;" 
+d="M288 320h160v-160l-61 61l-131 -141l-107 112l-149 -128l149 203l107 -107l94 98z" />
+    <glyph glyph-name="ion-arrow-left-a" unicode="&#xf106;" horiz-adv-x="384" 
+d="M0 192l192 192v-112h192v-160h-192v-112z" />
+    <glyph glyph-name="ion-arrow-left-b" unicode="&#xf107;" horiz-adv-x="192" 
+d="M167 349c2 2 6 3 9 3c9 0 16 -8 16 -17v0v-286v0c0 -9 -7 -17 -16 -17c-3 0 -7 1 -9 3l-2 2l-156 136c-5 5 -9 11 -9 19s4 14 9 19l156 136z" />
+    <glyph glyph-name="ion-arrow-left-c" unicode="&#xf108;" horiz-adv-x="352" 
+d="M109 320c12 12 32 12 44 0s12 -34 0 -46l-49 -50h217c17 0 31 -14 31 -32s-14 -32 -31 -32h-217l48 -50c12 -12 12 -34 0 -46s-31 -12 -43 0l-100 106c-6 6 -9 13 -9 22s3 17 9 23z" />
+    <glyph glyph-name="ion-arrow-move" unicode="&#xf263;" 
+d="M448 192l-96 -96v76h-109l1 -108h76l-96 -96l-96 96h76v108h-108v-76l-96 96l96 96v-76h108v108h-76l96 96l96 -96h-76v-108h108v76z" />
+    <glyph glyph-name="ion-arrow-resize" unicode="&#xf264;" horiz-adv-x="320" 
+d="M192 352h128v-128l-50 50l-9 -9l-183 -183l50 -50h-128v128l50 -50l128 128v0l64 64z" />
+    <glyph glyph-name="ion-arrow-return-left" unicode="&#xf265;" horiz-adv-x="384" 
+d="M128 352v-64h248c4 0 8 -4 8 -8v-240c0 -4 -4 -8 -8 -8h-304c-4 0 -8 4 -8 8v48c0 4 4 8 8 8h248v128h-192v-64l-128 96z" />
+    <glyph glyph-name="ion-arrow-return-right" unicode="&#xf266;" horiz-adv-x="384" 
+d="M384 256l-128 -96v64h-192v-128h248c4 0 8 -4 8 -8v-48c0 -4 -4 -8 -8 -8h-304c-4 0 -8 4 -8 8v240c0 4 4 8 8 8h248v64z" />
+    <glyph glyph-name="ion-arrow-right-a" unicode="&#xf109;" horiz-adv-x="384" 
+d="M384 192l-192 -192v112h-192v160h192v112z" />
+    <glyph glyph-name="ion-arrow-right-b" unicode="&#xf10a;" horiz-adv-x="192" 
+d="M25 35c-2 -2 -6 -3 -9 -3c-9 0 -16 8 -16 17v0v286v0c0 9 7 17 16 17c3 0 6 -1 8 -3l3 -2l156 -136c5 -5 9 -11 9 -19s-4 -14 -9 -19l-156 -136z" />
+    <glyph glyph-name="ion-arrow-right-c" unicode="&#xf10b;" horiz-adv-x="352" 
+d="M243 320l100 -105c6 -6 9 -14 9 -23s-3 -16 -9 -22l-100 -106c-12 -12 -31 -12 -43 0s-12 34 0 46l48 50h-217c-17 0 -31 14 -31 32s14 32 31 32h217l-49 50c-12 12 -12 34 0 46s32 12 44 0z" />
+    <glyph glyph-name="ion-arrow-shrink" unicode="&#xf267;" horiz-adv-x="384" 
+d="M384 356l-82 -82l50 -50h-128v128l50 -50l82 82zM384 28l-28 -28l-82 82l-50 -50v128h128l-50 -50zM0 28l82 82l-50 50h128v-128l-50 50l-82 -82zM0 356l28 28l82 -82l50 50v-128h-128l50 50z" />
+    <glyph glyph-name="ion-arrow-swap" unicode="&#xf268;" horiz-adv-x="384" 
+d="M0 120c0 4 4 8 8 8h248v64l128 -96l-128 -96v64h-248c-4 0 -8 4 -8 8v48zM384 264c0 -4 -4 -8 -8 -8h-248v-64l-128 96l128 96v-64h248c4 0 8 -4 8 -8v-48z" />
+    <glyph glyph-name="ion-arrow-up-a" unicode="&#xf10c;" horiz-adv-x="384" 
+d="M192 384l192 -192h-112v-192h-160v192h-112z" />
+    <glyph glyph-name="ion-arrow-up-b" unicode="&#xf10d;" horiz-adv-x="320" 
+d="M317 121c2 -2 3 -6 3 -9c0 -9 -8 -16 -17 -16v0h-286v0c-9 0 -17 7 -17 16c0 3 1 6 3 8l2 3l136 156c5 5 11 9 19 9s14 -4 19 -9l136 -156z" />
+    <glyph glyph-name="ion-arrow-up-c" unicode="&#xf10e;" horiz-adv-x="274" 
+d="M9 259l105 100c6 6 14 9 23 9s16 -3 22 -9l106 -100c12 -12 12 -31 0 -43s-34 -12 -46 0l-50 48v-217c0 -17 -14 -31 -32 -31s-32 14 -32 31v217l-50 -49c-12 -12 -34 -12 -46 0s-12 32 0 44z" />
+    <glyph glyph-name="ion-asterisk" unicode="&#xf314;" 
+d="M448 224v-64l-186 10l104 -170l-56 -32l-86 176l-86 -176l-56 32l104 170l-186 -10v64l187 -7l-109 167l60 32l86 -176l86 176l60 -32l-109 -167z" />
+    <glyph glyph-name="ion-at" unicode="&#xf10f;" 
+d="M422 41c-24 -25 -52 -43 -85 -55s-69 -18 -105 -18c-35 0 -66 6 -95 17s-53 26 -73 46s-36 43 -47 71s-17 58 -17 90s6 62 18 89s29 51 50 71s46 35 74 47c28 11 58 17 90 17c28 0 55 -4 81 -12s49 -20 69 -36s36 -36 48 -60s18 -53 18 -85c0 -24 -3 -46 -10 -64
+s-16 -34 -27 -46s-24 -22 -38 -28s-29 -10 -45 -10s-29 4 -39 12s-15 17 -15 29h-3c-6 -10 -15 -19 -28 -28s-28 -13 -46 -13c-28 0 -49 9 -64 27s-23 42 -23 71c0 17 3 34 9 50s14 31 24 44s23 23 38 31s31 12 49 12c15 0 27 -4 38 -10c10 -6 18 -15 21 -24h1l5 24h54
+l-24 -113c-1 -6 -2 -12 -3 -19s-2 -13 -2 -19c0 -7 1 -13 4 -18s7 -7 15 -7c16 0 29 9 39 26s16 40 16 68c0 24 -4 45 -12 64s-20 34 -34 47s-32 23 -52 29s-41 9 -65 9c-26 0 -49 -4 -70 -13s-39 -22 -54 -38s-27 -34 -35 -56c-8 -21 -13 -44 -13 -69c0 -26 4 -51 13 -72
+s21 -39 37 -54s35 -27 57 -35s46 -12 72 -12c33 0 61 6 85 16s45 25 65 43zM231 260c-10 0 -18 -2 -25 -8s-14 -13 -19 -22s-8 -18 -11 -28s-4 -20 -4 -30c0 -5 0 -10 1 -16c1 -5 3 -10 6 -15s7 -8 12 -11s11 -5 19 -5c11 0 20 3 28 8s14 13 19 21s9 16 11 26s3 19 3 27
+c0 6 0 13 -1 19s-4 12 -7 17s-7 9 -12 12s-12 5 -20 5z" />
+    <glyph glyph-name="ion-backspace-outline" unicode="&#xf3be;" horiz-adv-x="512" 
+d="M413 116c2 -2 3 -4 3 -6s-1 -4 -3 -6l-21 -22c-2 -2 -4 -2 -6 -2s-4 0 -6 2l-76 77l-76 -77c-2 -2 -4 -2 -6 -2s-4 0 -6 2l-21 22c-2 2 -3 4 -3 6s1 4 3 6l76 76l-77 76c-3 3 -3 9 0 12l22 22c2 2 4 2 6 2s4 0 6 -2l76 -76l76 76c2 2 4 2 6 2s4 0 6 -2l22 -22
+c3 -3 3 -9 0 -12l-77 -76zM499 354c9 -9 13 -20 13 -33v-256c0 -27 -20 -49 -46 -49h-298c-13 0 -24 3 -34 9c-9 5 -16 11 -23 20v0l-1 1l-110 146l110 148c14 19 34 28 58 28h298c13 0 24 -5 33 -14zM480 65v256c0 9 -5 15 -14 15h-298c-11 0 -22 -3 -32 -16l-96 -128
+l96 -128c8 -10 17 -16 32 -16h298c9 0 14 8 14 17z" />
+    <glyph glyph-name="ion-backspace" unicode="&#xf3bf;" horiz-adv-x="512" 
+d="M499 354c9 -9 13 -20 13 -33v-256c0 -27 -20 -49 -46 -49h-298c-13 0 -24 3 -34 9c-9 5 -16 11 -23 20v0l-1 1l-110 146l110 148c14 19 34 28 58 28h298c13 0 24 -5 33 -14zM413 116l-76 76l77 76c3 3 3 9 0 12l-22 22c-2 2 -4 2 -6 2s-4 0 -6 -2l-76 -76l-76 76
+c-2 2 -4 2 -6 2s-4 0 -6 -2l-22 -22c-3 -3 -3 -9 0 -12l77 -76l-76 -76c-2 -2 -3 -4 -3 -6s1 -4 3 -6l21 -22c2 -2 4 -2 6 -2s4 0 6 2l76 77l76 -77c2 -2 4 -2 6 -2s4 0 6 2l21 22c2 2 3 4 3 6s-1 4 -3 6z" />
+    <glyph glyph-name="ion-bag" unicode="&#xf110;" 
+d="M416 288l32 -320h-448l32 320h64v4c0 68 56 124 124 124h8c68 0 124 -56 124 -124v-4h64zM128 292v-4h192v4c0 51 -41 92 -92 92v0h-8c-51 0 -92 -41 -92 -92zM36 0h376l-25 256h-35v-36c10 -6 16 -16 16 -28c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 12 6 22 16 28v36
+h-192v-36c10 -6 16 -16 16 -28c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 12 6 22 16 28v36h-35z" />
+    <glyph glyph-name="ion-battery-charging" unicode="&#xf111;" 
+d="M10 64c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381zM225 288l-100 -111h61l-27 -81l100 111h-61z" />
+    <glyph glyph-name="ion-battery-empty" unicode="&#xf112;" 
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37zM416 160v64h-15h-32v32v32h-337v-192h337v32v32h32h15z" />
+    <glyph glyph-name="ion-battery-full" unicode="&#xf113;" 
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37z" />
+    <glyph glyph-name="ion-battery-half" unicode="&#xf114;" 
+d="M438 256c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37zM416 160v64h-15h-32v32v32h-81l32 -192h49v32v32h32h15z" />
+    <glyph glyph-name="ion-battery-low" unicode="&#xf115;" 
+d="M10 64c-6 0 -10 4 -10 10v236c0 6 4 10 10 10h381c6 0 10 -4 10 -10v-54h37c6 0 10 -4 10 -10v-108c0 -6 -4 -10 -10 -10h-37v-54c0 -6 -4 -10 -10 -10h-381zM369 288h-209l32 -192h177v32v32h32h15v64h-15h-32v32v32z" />
+    <glyph glyph-name="ion-beaker" unicode="&#xf269;" horiz-adv-x="384" 
+d="M80 256h240v-224c0 -9 -7 -16 -16 -16h-208c-9 0 -16 7 -16 16v224zM296 104v48c0 4 -4 8 -8 8s-8 -4 -8 -8v-48c0 -4 4 -8 8 -8s8 4 8 8zM288 176c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM381 416c3 0 3 -2 3 -3s-2 -3 -3 -5s-13 -20 -13 -40v-336
+c0 -35 -29 -64 -64 -64h-208c-35 0 -64 29 -64 64v307c0 32 -2 33 -32 37c0 12 11 40 65 40h316zM336 368c0 5 0 16 1 16h-273c-1 0 -3 0 -4 -1c5 -7 4 -32 4 -44v-307c0 -18 14 -32 32 -32h210c17 0 30 14 30 32v336z" />
+    <glyph glyph-name="ion-beer" unicode="&#xf26a;" 
+d="M384 288c35 0 64 -29 64 -64v-96c0 -35 -29 -64 -64 -64h-32v-80c0 -9 -7 -16 -16 -16h-256c-9 0 -16 7 -16 16v223c-26 0 -48 22 -48 48v54v1c-10 11 -16 26 -16 42c0 35 29 64 64 64c18 0 34 -8 46 -20c10 12 26 20 43 20c14 0 27 -6 37 -14c12 9 26 14 42 14
+c17 0 34 -6 46 -16c11 10 26 16 42 16c35 0 64 -29 64 -64c0 -24 -18 -44 -32 -48v-16h32zM296 144c4 0 8 3 8 8v0v48c0 4 -4 8 -8 8s-8 -4 -8 -8v-48c0 -3 2 -6 4 -7c1 -1 2 -1 4 -1zM303 220c1 2 1 4 1 6s-1 4 -3 5s-4 1 -6 1s-4 -2 -5 -4s-2 -4 -2 -6s2 -4 4 -5
+s4 -1 6 -1s4 2 5 4zM320 288v32h-20c-3 -8 -7 -16 -13 -23c-13 -16 -33 -25 -55 -25c-26 0 -48 13 -61 33c-6 -2 -12 -3 -18 -3c-12 0 -23 4 -32 10c-2 1 -3 3 -5 4c-1 -2 -2 -3 -3 -5c-5 -6 -11 -10 -17 -14v-32v-9h80c0 4 4 8 8 8s8 -4 8 -8h128v32zM351 343c1 3 1 6 1 9
+c0 18 -14 32 -32 32c-9 0 -17 -4 -23 -10c-2 -2 -6 -5 -16 -6h-8c-6 1 -12 3 -14 5c-7 7 -16 11 -27 11c-9 0 -18 -4 -25 -9l-7 -7c0 -1 0 -1 -1 -2c-3 -3 -7 -5 -11 -5c-5 0 -8 3 -11 6c-1 2 -2 3 -3 5s-3 4 -5 6c-4 4 -10 6 -16 6c-10 0 -18 -9 -25 -16
+c-7 -8 -27 -8 -34 0s-18 16 -30 16c-18 0 -32 -14 -32 -32c0 -2 1 -5 1 -7c2 -9 7 -17 15 -21v-34v-35c0 -9 7 -16 16 -16v26v23v32c10 0 18 4 24 11c2 2 3 4 4 6c0 0 6 10 12 11s20 6 30 -5c4 -5 11 -9 19 -9c3 0 5 1 7 2c3 1 7 2 9 4v0c3 2 6 4 10 4c7 0 12 -4 14 -10
+c0 0 1 -1 1 -2c1 -3 1 -5 3 -8c7 -12 20 -20 35 -20c13 0 25 6 32 16c5 7 8 15 8 24s9 8 9 8h7h48c6 0 13 -3 15 -9zM416 128v96c0 18 -14 32 -32 32h-32v-160h32c18 0 32 14 32 32zM128 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM288 280c0 5 3 8 8 8s8 -3 8 -8
+s-3 -8 -8 -8s-8 3 -8 8z" />
+    <glyph glyph-name="ion-bluetooth" unicode="&#xf116;" horiz-adv-x="256" 
+d="M12 304c16 16 18 13 19 12l68 -65v0v0c2 -2 10 -10 10 -3v156v0v2c0 6 6 10 12 10c4 0 7 -2 9 -4v0s117 -113 122 -117s5 -10 1 -14l-84 -81s-4 -4 -4 -8s4 -8 4 -8l84 -81c4 -4 4 -10 -1 -14s-122 -117 -122 -117v0c-2 -2 -5 -4 -9 -4c-6 0 -12 4 -12 10v2v0v156
+s-8 -1 -10 -3v0v-1l-68 -64c-1 -1 -3 -4 -19 12s-12 17 -11 18s90 86 90 86s4 3 4 8v0c0 5 -4 8 -4 8s-89 85 -90 86s-5 2 11 18zM152 328v-79c0 -8 8 -1 10 1l30 30s3 5 3 7s-1 5 -3 7l-30 30c-2 2 -10 11 -10 4zM152 135v-79s8 2 10 4l30 30c2 2 3 5 3 7s-1 5 -3 7l-30 30
+c-2 2 -10 9 -10 1z" />
+    <glyph glyph-name="ion-bonfire" unicode="&#xf315;" horiz-adv-x="384" 
+d="M207 97l15 -89c1 -3 1 -5 1 -8c0 -18 -14 -32 -32 -32s-32 14 -32 32c0 2 0 5 1 7l15 92v0c2 7 8 13 16 13s15 -7 16 -15zM242 93v0v0v0zM329 58c9 -8 10 -25 0 -35s-27 -9 -35 0c-1 1 -2 3 -3 4l-49 66c-3 5 -2 11 2 15c5 5 10 5 16 1l64 -47c2 -1 3 -3 5 -4zM309 113v0
+v0v0zM371 126c9 -1 13 -7 13 -19c0 -9 -10 -14 -18 -12l-57 18v0v0c-3 2 -6 5 -5 9s4 7 8 6zM75 113v0v0v0zM75 113v0l-58 -18c-8 -2 -17 3 -17 12c0 12 3 18 12 19l60 2c4 1 7 -2 8 -6s-2 -7 -5 -9v0zM124 109c5 4 11 4 16 -1c4 -4 5 -10 2 -15l-49 -66c-1 -1 -2 -3 -3 -4
+c-10 -10 -25 -10 -35 0s-10 25 0 35c2 2 3 3 5 4zM288 320c0 -32 -9 -58 -50 -86c-37 -26 -94 -46 -110 -106c0 0 -58 24 -48 96s124 106 112 192c24 0 96 -35 96 -96zM288 192c-16 -50 -44 -64 -80 -64c-15 0 -32 9 -43 26c12 15 28 26 47 37c9 5 20 10 29 16
+c21 14 38 31 47 49c5 -15 5 -48 0 -64zM88 288c-6 4 -9 14 -8 27c2 22 34 39 32 69c14 2 31 -3 42 -24c-5 -11 -15 -21 -28 -34s-26 -22 -38 -38z" />
+    <glyph glyph-name="ion-bookmark" unicode="&#xf26b;" horiz-adv-x="192" 
+d="M184 384c4 0 8 -4 8 -8v-56h-192v56c0 4 4 8 8 8h176zM0 0v304h192v-304l-96 96z" />
+    <glyph glyph-name="ion-bowtie" unicode="&#xf3c0;" 
+d="M192 236c0 0 8 5 20 7c21 4 39 5 47 -9c10 -17 19 -53 17 -85c-1 -17 -5 -22 -5 -22s-15 -10 -47 -7c-35 3 -40 15 -40 15s5 12 8 43s0 58 0 58zM152 163c-17 -4 -38 -10 -38 -10s45 4 64 9c-4 -21 -10 -34 -10 -34s-83 -80 -116 -80c-28 0 -52 68 -52 144s26 144 52 144
+c35 0 106 -57 128 -97c0 0 3 -16 2 -32c-10 5 -24 10 -44 14c-28 6 -42 3 -42 3s18 -4 57 -17c15 -5 22 -8 29 -10c0 -3 -1 -7 -1 -10c0 -5 0 -10 -1 -15c-5 -2 -15 -6 -28 -9zM396 336c26 0 52 -68 52 -144s-24 -144 -52 -144c-37 0 -104 68 -112 79c0 0 4 5 5 22v9
+c16 -7 70 -13 70 -13s-21 6 -40 11c-13 4 -25 8 -30 10c-1 11 -2 23 -4 33c17 11 69 34 69 34s-15 -2 -35 -9c-14 -5 -29 -11 -37 -14c-3 10 -7 18 -10 24c0 1 -1 4 -1 4v1c22 40 89 97 125 97z" />
+    <glyph glyph-name="ion-briefcase" unicode="&#xf26c;" 
+d="M240 176v8h208v-176c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v176h208v-8h32zM440 304c4 0 8 -4 8 -8v-96h-208v8h-32v-8h-208v96c0 4 4 8 8 8h120v31c1 28 22 49 51 49h90c30 0 50 -21 51 -49v-31h120zM288 332v1c0 10 -9 19 -19 19h-90c-10 0 -19 -9 -19 -19v-1v-1v-27
+h128v27v1z" />
+    <glyph glyph-name="ion-bug" unicode="&#xf2be;" 
+d="M343 321c-6 -16 -16 -31 -28 -43c-24 -24 -57 -37 -91 -37s-67 13 -91 37c-12 12 -22 27 -28 43c29 39 72 63 119 63s90 -24 119 -63zM95 305c22 -45 68 -77 121 -80v-225c-40 2 -77 22 -104 54c-7 -6 -10 -9 -13 -15c8 -9 7 -22 -1 -31c-9 -10 -24 -11 -34 -2
+s-11 24 -2 34l3 3s2 1 2 1c4 13 13 25 27 36c-15 26 -26 57 -29 90c-7 0 -12 -2 -17 -3c-1 -13 -11 -23 -24 -23s-24 11 -24 24s11 24 24 24h3c4 2 8 5 12 6c7 2 14 4 25 4c1 23 6 45 13 65c-6 4 -11 7 -15 11c-6 5 -11 13 -14 19c-1 0 -3 1 -4 2c-12 6 -15 21 -9 33
+s21 15 33 9c11 -6 15 -20 10 -31c2 -3 3 -7 4 -8c2 -2 5 -3 8 -5c2 3 3 5 5 8zM424 192c13 0 24 -11 24 -24s-11 -24 -24 -24s-23 10 -24 23c-5 1 -10 3 -17 3c-3 -33 -14 -64 -29 -90c14 -11 23 -23 27 -36c0 0 1 0 2 -1l3 -3c9 -10 8 -25 -2 -34s-25 -8 -34 2
+c-8 9 -9 22 -1 31c-3 6 -6 9 -13 15c-27 -32 -64 -52 -104 -54v225c53 3 99 35 121 80c2 -3 3 -5 5 -8c3 2 6 3 8 5c1 1 2 5 4 8c-5 11 -1 25 10 31c12 6 27 3 33 -9s3 -27 -9 -33c-1 -1 -3 -2 -4 -2c-3 -6 -8 -14 -14 -19c-4 -4 -9 -7 -15 -11c7 -20 12 -42 13 -65
+c11 0 18 -2 25 -4c4 -1 8 -4 12 -6h3z" />
+    <glyph glyph-name="ion-calculator" unicode="&#xf26d;" horiz-adv-x="320" 
+d="M304 416c9 0 16 -7 16 -16v-416c0 -9 -7 -16 -16 -16h-288c-9 0 -16 7 -16 16v416c0 9 7 16 16 16h288zM48 240v-32h32v32h-32zM48 176v-32h32v32h-32zM48 112v-32h32v32h-32zM144 16v32h-96v-32h96zM144 80v32h-32v-32h32zM144 144v32h-32v-32h32zM144 208v32h-32v-32
+h32zM208 16v32h-32v-32h32zM208 80v32h-32v-32h32zM208 144v32h-32v-32h32zM208 208v32h-32v-32h32zM272 16v96h-32v-96h32zM272 144v32h-32v-32h32zM272 208v32h-32v-32h32zM272 288v80h-224v-80h224z" />
+    <glyph glyph-name="ion-calendar" unicode="&#xf117;" 
+d="M112 320c-18 0 -32 14 -32 32v32c0 18 14 32 32 32s32 -14 32 -32v-32c0 -18 -14 -32 -32 -32zM336 320c-18 0 -32 14 -32 32v32c0 18 14 32 32 32s32 -14 32 -32v-32c0 -18 -14 -32 -32 -32zM440 384c4 0 8 -4 8 -8v-400c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v400
+c0 4 4 8 8 8h56v-41c0 -22 24 -39 48 -39s48 17 48 39v41h128v-41c0 -22 25 -39 49 -39s47 17 47 39v41h56zM400 16v256h-352v-256h352z" />
+    <glyph glyph-name="ion-camera" unicode="&#xf118;" horiz-adv-x="416" 
+d="M382 301c18 0 34 -14 34 -33v-202c0 -19 -16 -34 -34 -34h-348c-19 0 -34 15 -34 34v202c0 19 15 33 34 33h69l39 40v0c6 7 15 11 25 11h84c9 0 17 -4 23 -10v0v0v0l41 -41h67zM208 82c51 0 92 42 92 93s-41 93 -92 93s-92 -42 -92 -93s41 -93 92 -93zM376 248
+c8 0 14 6 14 14s-6 14 -14 14s-14 -6 -14 -14s6 -14 14 -14zM208 245c38 0 70 -31 70 -70s-32 -70 -70 -70c-39 0 -70 31 -70 70s31 70 70 70z" />
+    <glyph glyph-name="ion-card" unicode="&#xf119;" 
+d="M420 352c16 0 28 -12 28 -28v0v-264v0c0 -16 -12 -28 -28 -28h-392c-16 0 -28 12 -28 28v0v0v264v0v0c0 16 12 28 28 28h392zM45 320c-7 0 -12 -5 -13 -12v-20h384v20c-1 7 -6 12 -13 12h-358zM403 64c7 0 12 5 13 12v116h-384v-116c1 -7 6 -12 13 -12h358zM64 128v16
+h192v-16h-192zM64 96v16h96v-16h-96zM320 96v48h64v-48h-64z" />
+    <glyph glyph-name="ion-cash" unicode="&#xf316;" horiz-adv-x="512" 
+d="M0 352h512v-256h-512v256zM193 128c-20 23 -33 58 -33 96s13 73 33 96h-97c0 -35 -29 -64 -64 -64v-80c27 0 48 -21 48 -48h113zM298 187c3 4 4 9 4 15c0 3 0 5 -1 8s-2 6 -4 8s-4 4 -7 6s-6 4 -10 5c-1 0 -4 1 -7 2s-5 0 -8 1v31c2 -1 5 -2 7 -3c4 -3 6 -7 7 -13h20
+c0 5 -2 9 -4 13s-5 8 -9 11s-9 5 -14 6c-2 1 -5 2 -7 2v9h-18v-9c-2 0 -4 -1 -6 -2c-5 -1 -10 -2 -14 -5s-7 -6 -9 -10s-4 -9 -4 -14c0 -3 0 -5 1 -8s2 -5 4 -7s5 -5 8 -7s7 -4 12 -5c3 -1 6 0 8 -1v-35c-3 1 -6 2 -9 4s-5 4 -6 7s-2 6 -2 9h-20c0 -5 2 -11 4 -16
+c3 -5 6 -8 10 -11s9 -6 15 -7c3 -1 5 -2 8 -2v-9h18v9c3 0 6 1 9 2c5 1 10 2 14 5s7 7 10 11zM480 176v80c-35 0 -64 29 -64 64h-97c20 -23 33 -58 33 -96s-13 -73 -33 -96h113c0 27 22 48 48 48zM64 224c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z
+M384 224c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32zM273 213c2 -1 4 -2 6 -4s3 -5 3 -9c0 -2 0 -4 -1 -6s-2 -4 -4 -5s-5 -3 -8 -4c-1 0 -2 -1 -4 -1v31c3 -1 6 -1 8 -2zM236 257c1 2 3 3 5 4s4 2 6 2v-26c-4 1 -7 3 -9 5s-4 4 -4 8c0 3 1 5 2 7zM0 32
+v32h512v-32h-512z" />
+    <glyph glyph-name="ion-chatbox-working" unicode="&#xf11a;" horiz-adv-x="416" 
+d="M76 48c-42 0 -76 31 -76 71v209c0 40 34 72 76 72h264c42 0 76 -32 76 -72v-209c0 -40 -34 -71 -76 -71h-4v-64s-79 54 -86 59s-7 5 -21 5h-153zM304 256c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM208 256c-18 0 -32 -14 -32 -32s14 -32 32 -32
+s32 14 32 32s-14 32 -32 32zM112 256c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32z" />
+    <glyph glyph-name="ion-chatbox" unicode="&#xf11b;" horiz-adv-x="416" 
+d="M76 48c-42 0 -76 31 -76 71v209c0 40 34 72 76 72h264c42 0 76 -32 76 -72v-209c0 -40 -34 -71 -76 -71h-4v-64s-79 54 -86 59s-7 5 -21 5h-153z" />
+    <glyph glyph-name="ion-chatboxes" unicode="&#xf11c;" horiz-adv-x="416" 
+d="M246 82l26 -18c-4 -21 -29 -32 -52 -32h-90c-8 0 -11 -2 -13 -3l-53 -45v48h-16c-26 0 -48 16 -48 41v129c0 25 20 45 46 45h2v-101c0 -33 29 -59 64 -59h117c10 0 14 -3 17 -5zM353 400c35 0 63 -27 63 -60v-168c0 -33 -28 -60 -63 -60h-17v-64l-75 60c-2 2 -7 4 -17 4
+h-101c-35 0 -63 27 -63 60v98v70c0 33 21 60 56 60h217z" />
+    <glyph glyph-name="ion-chatbubble-working" unicode="&#xf11d;" horiz-adv-x="416" 
+d="M208 -1c-115 0 -208 89 -208 200s93 201 208 201s208 -90 208 -201c0 -40 -12 -77 -33 -108c-1 -1 -2 -3 -3 -4v0c-2 -4 -4 -10 -4 -15l22 -88l-84 31c-4 2 -8 2 -12 2s-7 -1 -11 -2v0c-1 0 -1 -1 -2 -1c-25 -10 -52 -15 -81 -15zM304 224c-18 0 -32 -14 -32 -32
+s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM208 224c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM112 224c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32z" />
+    <glyph glyph-name="ion-chatbubble" unicode="&#xf11e;" horiz-adv-x="416" 
+d="M208 -1c-115 0 -208 89 -208 200s93 201 208 201s208 -90 208 -201c0 -40 -12 -77 -33 -108c-1 -1 -2 -3 -3 -4v0c-2 -4 -4 -10 -4 -15l22 -88l-84 31c-4 2 -8 2 -12 2s-7 -1 -11 -2v0c-1 0 -1 -1 -2 -1c-25 -10 -52 -15 -81 -15z" />
+    <glyph glyph-name="ion-chatbubbles" unicode="&#xf11f;" horiz-adv-x="416" 
+d="M25 57c-1 1 0 2 -1 3c-15 22 -24 49 -24 77c0 42 19 80 49 106c-2 -11 -4 -22 -4 -34c0 -92 78 -168 174 -168c15 0 30 2 44 6c-27 -32 -69 -53 -115 -53c-20 0 -40 5 -58 12h-1v0c-2 1 -5 2 -8 2s-6 -1 -9 -2l-56 -22l12 63c0 4 -1 7 -3 10v0zM242 400
+c96 0 174 -76 174 -168c0 -33 -11 -64 -28 -90c-1 -1 -1 -2 -2 -3v0c-2 -4 -3 -8 -3 -12l17 -74l-69 26c-3 1 -6 2 -10 2c-3 0 -6 -1 -9 -2v0l-2 -1c-8 -3 -16 -5 -24 -7c-14 -4 -29 -6 -44 -6c-96 0 -173 75 -173 167c0 12 1 24 3 35c16 76 86 133 170 133z" />
+    <glyph glyph-name="ion-checkmark-circled" unicode="&#xf120;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM339 267c1 1 1 2 1 3s0 3 -1 4l-31 24c-1 1 -3 1 -4 1s-2 0 -3 -1l-111 -143s-44 42 -45 43s-4 3 -6 3s-3 -2 -4 -3l-25 -25l-1 -1c-1 -1 -1 -3 -1 -4s0 -2 1 -3l2 -1
+s78 -75 79 -76s3 -3 5 -3s4 2 5 3z" />
+    <glyph glyph-name="ion-checkmark-round" unicode="&#xf121;" horiz-adv-x="416" 
+d="M400 376c17 -13 22 -39 9 -57l-207 -302c-13 -18 -37 -22 -54 -9s-137 147 -137 147c-15 16 -15 42 1 58s40 15 55 -2l99 -107l180 263c13 18 37 22 54 9z" />
+    <glyph glyph-name="ion-checkmark" unicode="&#xf122;" horiz-adv-x="416" 
+d="M414 338c1 -2 2 -4 2 -6s-1 -4 -2 -6l-249 -320c-2 -2 -5 -6 -9 -6s-8 3 -10 5s-141 136 -141 136l-3 3c-1 2 -2 4 -2 6s1 3 2 5l2 2c14 15 42 44 44 46s4 6 8 6s8 -4 10 -6s80 -78 80 -78l200 257c2 2 4 2 6 2s5 -1 7 -2z" />
+    <glyph glyph-name="ion-chevron-down" unicode="&#xf123;" 
+d="M224 150v0v0l174 167c4 4 12 4 16 0l31 -30c4 -4 4 -12 0 -16l-213 -204c-2 -2 -5 -3 -8 -3s-6 1 -8 3l-213 204c-4 4 -4 12 0 16l31 30c4 4 12 4 16 0z" />
+    <glyph glyph-name="ion-chevron-left" unicode="&#xf124;" horiz-adv-x="256" 
+d="M86 192l167 -174c4 -4 4 -12 0 -16l-30 -31c-4 -4 -12 -4 -16 0l-204 213c-2 2 -3 5 -3 8s1 6 3 8l204 213c4 4 12 3 16 -1l30 -30c4 -4 4 -12 0 -16l-167 -174v0v0z" />
+    <glyph glyph-name="ion-chevron-right" unicode="&#xf125;" horiz-adv-x="256" 
+d="M170 192v0v0l-167 174c-4 4 -4 12 0 16l30 30c4 4 12 5 16 1l204 -213c2 -2 3 -5 3 -8s-1 -6 -3 -8l-204 -213c-4 -4 -12 -4 -16 0l-30 31c-4 4 -4 12 0 16z" />
+    <glyph glyph-name="ion-chevron-up" unicode="&#xf126;" 
+d="M224 234l-174 -167c-4 -4 -12 -4 -16 0l-31 30c-4 4 -4 12 0 16l213 204c2 2 5 3 8 3s6 -1 8 -3l213 -204c4 -4 4 -12 0 -16l-31 -30c-4 -4 -12 -4 -16 0l-174 167v0v0z" />
+    <glyph glyph-name="ion-clipboard" unicode="&#xf127;" horiz-adv-x="352" 
+d="M80 288c2 20 10 35 28 40l1 1c12 3 21 7 21 20v21c0 26 21 46 46 46s46 -20 46 -46v-21c0 -13 9 -18 21 -21h2c18 -5 25 -20 27 -40h-192zM176 384c-8 0 -13 -6 -13 -14s5 -14 13 -14s14 6 14 14s-6 14 -14 14zM325 384c15 0 27 -12 27 -28v-360c0 -16 -12 -28 -27 -28
+h-149h-148c-15 0 -28 12 -28 28v360c0 16 13 28 28 28h73v-13c0 -11 -9 -19 -19 -19h-37c-7 0 -12 -6 -12 -13v-327c0 -6 5 -12 11 -12h265c6 0 11 6 11 12v327c0 7 -5 13 -12 13h-37c-10 0 -20 8 -20 19v13h74zM64 224v32h112v-32h-112zM64 32v32h160v-32h-160zM64 96v32
+h129v-32h-129zM64 160v32h208v-32h-208z" />
+    <glyph glyph-name="ion-clock" unicode="&#xf26e;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c10 10 19 21 26 33l-27 16l8 14l27 -16c13 25 21 52 22 81h-32v16h32c-1 29 -9 56 -22 81l-27 -16l-8 14l27 16c-7 12 -16 23 -26 33s-21 19 -33 26l-16 -27l-14 8
+l16 27c-25 13 -52 21 -81 22v-32h-16v32c-29 -1 -56 -9 -81 -22l16 -27l-14 -8l-16 27c-12 -7 -23 -16 -33 -26s-19 -21 -26 -33l27 -16l-8 -14l-27 16c-13 -25 -21 -52 -22 -81h32v-16h-32c1 -29 9 -56 22 -81l27 16l8 -14l-27 -16c7 -12 16 -23 26 -33s21 -19 33 -26
+l16 27l14 -8l-16 -27c25 -13 52 -21 81 -22v32h16v-32c29 1 56 9 81 22l-16 27l14 8l16 -27c12 7 23 16 33 26zM368 207v-32h-117c-6 -9 -16 -15 -27 -15c-18 0 -32 14 -32 32c0 12 6 22 16 28v68h32v-68c5 -3 9 -8 12 -13h116z" />
+    <glyph glyph-name="ion-close-circled" unicode="&#xf128;" 
+d="M224 415c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM332 116l-75 75l76 75c3 3 3 9 0 12l-22 21c-2 2 -4 3 -6 3s-3 -1 -5 -3l-76 -74l-76 74c-2 2 -3 3 -5 3s-4 -1 -6 -3l-21 -21c-3 -3 -3 -9 0 -12l76 -75l-76 -76
+c-2 -1 -2 -3 -2 -5s0 -4 2 -6l21 -22c2 -2 4 -2 6 -2s4 0 6 2l75 76l76 -75c2 -2 3 -3 5 -3s4 1 6 3l21 21c2 1 3 4 3 6s-1 4 -3 6z" />
+    <glyph glyph-name="ion-close-round" unicode="&#xf129;" horiz-adv-x="384" 
+d="M374 61c14 -14 14 -37 0 -51s-37 -14 -51 0l-131 131l-131 -131c-14 -14 -36 -14 -50 0s-14 37 0 51l130 131l-130 131c-14 14 -14 37 0 51s36 14 50 0l131 -131l131 131c14 14 37 14 51 0s14 -37 0 -51l-131 -131z" />
+    <glyph glyph-name="ion-close" unicode="&#xf12a;" horiz-adv-x="384" 
+d="M380 61c3 -3 4 -6 4 -10s-1 -7 -4 -10l-38 -37c-3 -3 -5 -4 -9 -4s-7 1 -10 4l-131 131l-131 -131c-3 -3 -5 -4 -9 -4s-7 1 -10 4l-38 37c-3 3 -4 6 -4 10s1 7 4 10l132 131l-132 130c-5 5 -5 15 0 20l37 38c3 2 6 4 10 4s7 -1 10 -4l131 -130l131 130c3 2 6 4 10 4
+s7 -1 10 -4l37 -38c5 -5 5 -14 0 -19l-132 -130z" />
+    <glyph glyph-name="ion-closed-captioning" unicode="&#xf317;" horiz-adv-x="512" 
+d="M0 384h512v-384h-512v384zM464 192c0 27 0 44 -4 80s-23 56 -59 60s-91 4 -138 4h-7h-7c-47 0 -102 0 -138 -4s-55 -24 -59 -60s-4 -53 -4 -80s2 -47 4 -80s19 -56 59 -60s96 -4 145 -4s105 0 145 4s57 27 59 60s4 53 4 80zM372 164v4h53c0 -27 -7 -48 -19 -62
+s-32 -21 -61 -21c-14 0 -26 2 -36 5s-18 9 -25 17s-12 19 -15 33s-5 30 -5 51s3 39 7 53s9 25 17 33s17 14 27 17s22 5 34 5c25 0 44 -7 57 -21s19 -37 19 -62h-52v1c0 20 -12 33 -27 33s-25 -11 -28 -30c0 0 -2 -11 -2 -29s2 -28 2 -28c1 -17 12 -29 27 -29s27 10 27 29v1z
+M195 164v4h53c0 -27 -7 -48 -19 -62s-32 -21 -61 -21c-14 0 -26 2 -36 5s-18 9 -25 17s-12 19 -15 33s-5 30 -5 51s3 39 7 53s9 25 17 33s17 14 27 17s22 5 34 5c25 0 44 -7 57 -21s19 -37 19 -62h-52v1c0 20 -12 33 -27 33s-25 -11 -28 -30c0 0 -2 -11 -2 -29s2 -28 2 -28
+c1 -17 12 -29 27 -29s27 10 27 29v1z" />
+    <glyph glyph-name="ion-cloud" unicode="&#xf12b;" 
+d="M366 215c45 0 82 -38 82 -84s-37 -83 -82 -83v0h-276c-49 0 -90 41 -90 91c0 40 26 74 61 86c5 29 29 51 59 51c10 0 18 -3 26 -7c19 40 59 67 105 67c64 0 115 -53 115 -118v-3z" />
+    <glyph glyph-name="ion-code-download" unicode="&#xf26f;" 
+d="M299 164l-63 -63v0l-1 -1v0l-2 -1v0l-1 -1v0l-2 -1v0h-1v0h-1c-1 0 -3 -1 -4 -1s-3 1 -4 1h-1v0h-1v0l-2 1v0l-1 1v0c-1 1 -2 1 -3 2v0l-63 63c-6 6 -6 17 0 23s18 6 24 0l35 -34v118c0 9 7 17 16 17s16 -8 16 -17v-118l35 34c6 6 18 6 24 0s6 -17 0 -23zM136 56
+c-6 0 -12 2 -17 7l-112 112c-9 9 -9 25 0 34l112 112c9 9 25 9 34 0s9 -25 0 -34l-95 -95l95 -95c9 -9 9 -25 0 -34c-5 -5 -11 -7 -17 -7zM312 56c-6 0 -12 2 -17 7c-9 9 -9 25 0 34l95 95l-95 95c-9 9 -9 25 0 34s25 9 34 0l112 -112c9 -9 9 -25 0 -34l-112 -112
+c-5 -5 -11 -7 -17 -7z" />
+    <glyph glyph-name="ion-code-working" unicode="&#xf270;" 
+d="M128 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM200 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM272 192c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM136 56c-7 0 -12 2 -17 7l-112 112c-5 5 -7 10 -7 17
+s2 12 7 17l112 112c5 5 10 7 17 7s12 -2 17 -7s7 -10 7 -17s-2 -12 -7 -17l-95 -95l95 -95c5 -5 7 -10 7 -17s-2 -12 -7 -17s-10 -7 -17 -7zM312 56c-7 0 -12 2 -17 7s-7 10 -7 17s2 12 7 17l95 95l-95 95c-5 5 -7 10 -7 17s2 12 7 17s10 7 17 7s12 -2 17 -7l112 -112
+c5 -5 7 -10 7 -17s-2 -12 -7 -17l-112 -112c-5 -5 -10 -7 -17 -7z" />
+    <glyph glyph-name="ion-code" unicode="&#xf271;" 
+d="M136 56c-6 0 -12 2 -17 7l-112 112c-9 9 -9 25 0 34l112 112c9 9 25 9 34 0s9 -25 0 -34l-95 -95l95 -95c9 -9 9 -25 0 -34c-5 -5 -11 -7 -17 -7zM312 56c-6 0 -12 2 -17 7c-9 9 -9 25 0 34l95 95l-95 95c-9 9 -9 25 0 34s25 9 34 0l112 -112c9 -9 9 -25 0 -34l-112 -112
+c-5 -5 -11 -7 -17 -7z" />
+    <glyph glyph-name="ion-coffee" unicode="&#xf272;" horiz-adv-x="384" 
+d="M319 191c37 -7 65 -40 65 -79c0 -20 -8 -39 -21 -54c-15 -17 -37 -26 -61 -26c-8 0 -17 1 -25 3c-6 1 -10 3 -15 5c-11 -15 -23 -25 -32 -33v0c-5 -5 -12 -7 -19 -7h-102c-7 0 -14 2 -19 7v0c-17 15 -41 36 -62 86s-28 91 -28 111s3 20 16 20h101c-5 17 -37 19 -37 46
+c0 17 15 32 28 37c-2 -8 -3 -14 -3 -21c0 -19 39 -30 39 -53c0 -3 0 -6 -1 -9h56c1 5 2 10 2 14c0 36 -56 36 -56 84c0 28 21 55 47 62c-4 -14 -9 -23 -9 -35c0 -32 57 -50 57 -88c0 -13 -5 -25 -12 -37h76c13 0 16 0 16 -20c0 -4 0 -8 -1 -13zM302 64c33 0 50 25 50 48
+s-17 43 -39 47c-4 -19 -11 -42 -21 -66c-4 -9 -8 -17 -12 -25c6 -3 13 -4 22 -4z" />
+    <glyph glyph-name="ion-compass" unicode="&#xf273;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224c0 39 10 76 27 108c-16 12 -27 30 -27 52c0 35 29 64 64 64c22 0 40 -11 52 -27c32 17 69 27 108 27zM32 352c0 -10 5 -20 13 -26c13 17 28 32 45 45c-6 8 -16 13 -26 13c-18 0 -32 -14 -32 -32z
+M360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM320 320c0 0 -54 -130 -72 -152s-120 -104 -120 -104s54 132 72 152s120 104 120 104z" />
+    <glyph glyph-name="ion-compose" unicode="&#xf12c;" horiz-adv-x="384" 
+d="M379 348c7 -7 7 -18 0 -25l-32 -31l-55 55l31 32c7 7 18 7 25 0zM282 338l55 -55l-177 -173l-64 -14l14 64zM320 192l32 32v-201c0 -13 -10 -23 -23 -23h-306c-13 0 -23 10 -23 23v306c0 13 10 23 23 23h201l-32 -32h-149c-6 0 -11 -5 -11 -10v-268s4 -10 10 -10h269
+s9 5 9 10v150z" />
+    <glyph glyph-name="ion-connection-bars" unicode="&#xf274;" horiz-adv-x="352" 
+d="M0 32v64h64v-64h-64zM96 32v128h64v-128h-64zM192 32v224h64v-224h-64zM288 32v320h64v-320h-64z" />
+    <glyph glyph-name="ion-contrast" unicode="&#xf275;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56v-384c51 0 100 20 136 56z" />
+    <glyph glyph-name="ion-crop" unicode="&#xf3c1;" 
+d="M320 -32v48h64v-48h-64zM384 96h64v-64h-384v256h-64v64h64v64h64v-320h192v192h-176v64h240v-256z" />
+    <glyph glyph-name="ion-cube" unicode="&#xf318;" 
+d="M435 280c7 0 13 -6 13 -12v-183c0 -9 -6 -17 -14 -22v-1l-175 -92v-1c-2 -1 -4 -1 -6 -1c-7 0 -13 6 -13 12v185c0 9 5 17 13 22v0l3 2l172 89l2 1c2 1 3 1 5 1zM422 329c0 0 8 -3 8 -9c0 -7 -8 -11 -8 -11l-183 -97l-2 -1c-4 -2 -8 -3 -13 -3s-9 1 -13 3l-2 1l-183 96
+s-8 5 -8 12c0 6 8 9 8 9l181 82s11 5 17 5s17 -5 17 -5zM195 187c8 -5 13 -13 13 -22v-185c0 -6 -6 -12 -13 -12c-2 0 -4 1 -6 2v0l-175 92v1c-8 5 -14 13 -14 22v183c0 6 6 12 13 12c2 0 4 0 5 -1l2 -1l171 -89z" />
+    <glyph glyph-name="ion-disc" unicode="&#xf12d;" 
+d="M224 289c54 0 97 -43 97 -97s-43 -97 -97 -97s-97 43 -97 97s43 97 97 97zM224 148c24 0 44 20 44 44s-20 44 -44 44s-44 -20 -44 -44s20 -44 44 -44zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM224 69
+c68 0 123 55 123 123s-55 123 -123 123s-123 -55 -123 -123s55 -123 123 -123z" />
+    <glyph glyph-name="ion-document-text" unicode="&#xf12e;" horiz-adv-x="288" 
+d="M286 279c1 -3 2 -6 2 -10v-245c0 -13 -10 -24 -22 -24h-243c-12 0 -23 11 -23 24v336c0 13 11 24 23 24h160c3 0 6 0 9 -2c2 -1 5 -3 7 -5l84 -92c2 -2 2 -4 3 -6zM48 269v-10c0 -1 1 -3 3 -3h71c2 0 3 2 3 3v10c0 2 -1 3 -3 3h-71c-2 0 -3 -1 -3 -3zM48 141v-10
+c0 -1 1 -3 3 -3h123c2 0 2 2 2 3v10c0 2 0 3 -2 3h-123c-2 0 -3 -1 -3 -3zM208 67v10c0 2 0 3 -2 3h-155c-2 0 -3 -1 -3 -3v-10c0 -1 1 -3 3 -3h155c2 0 2 2 2 3zM240 195v10c0 2 0 3 -2 3h-187c-2 0 -3 -1 -3 -3v-10c0 -1 1 -3 3 -3h187c2 0 2 2 2 3zM193 270h60l-71 78
+v-66c0 -6 5 -12 11 -12z" />
+    <glyph glyph-name="ion-document" unicode="&#xf12f;" horiz-adv-x="288" 
+d="M287 279c1 -3 1 -5 1 -9v-244c0 -13 -9 -26 -21 -26h-243c-12 0 -24 13 -24 26v335c0 13 12 23 24 23h160c3 0 6 0 9 -2c2 -1 5 -2 7 -4l83 -92c2 -2 3 -4 4 -7zM193 337v-63h58zM32 32h224v210h-67c-15 0 -28 13 -28 28v82h-129v-320z" />
+    <glyph glyph-name="ion-drag" unicode="&#xf130;" horiz-adv-x="512" 
+d="M0 272v32h512v-32h-512zM0 176v32h512v-32h-512zM0 80v32h512v-32h-512z" />
+    <glyph glyph-name="ion-earth" unicode="&#xf276;" 
+d="M325 322c2 -4 7 -12 3 -15c-3 -2 -10 -2 -13 5s0 11 -5 9s-7 3 -6 4c1 2 3 3 5 4c0 2 -4 8 2 7c4 -1 12 -10 14 -14zM344 277v0v0zM403 251c0 0 -2 0 0 0v0zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM141 19l8 -4
+c3 -1 6 -2 10 -3c14 -5 28 -8 43 -10c28 -3 56 -1 83 8c15 5 30 11 43 20c6 4 6 16 10 24c8 16 -2 33 12 47c12 14 4 19 4 34c0 10 8 18 4 29c-1 4 -7 -3 -9 1c-5 7 -21 1 -28 2c-13 2 -24 14 -33 23c-5 5 0 20 1 26c4 15 0 33 19 38c5 1 5 9 10 11c5 1 10 3 15 4
+c9 1 17 -2 26 -2c10 0 14 -5 22 -11c7 -6 13 -3 22 -5c7 0 0 5 -2 8c-3 2 -6 2 -8 2c-16 4 -23 22 -36 30c-6 3 -9 2 -11 0c-1 -1 1 -12 1 -12c-1 -3 -10 -4 -13 -5c-9 -2 -29 17 -15 22c4 1 27 5 24 15c-3 6 2 13 -5 14c-8 1 -7 7 -15 8c-5 1 -5 11 -5 14c0 9 2 6 9 7
+c-17 11 -37 19 -57 24c-1 -3 -5 -12 -8 -12c-5 -1 -6 0 -9 -3c-9 -10 -16 -28 -25 -7c-4 11 5 19 2 28h-6h-3c6 -12 -5 -18 -8 -19c-8 0 -10 5 -17 4c-4 -1 -7 4 -11 2s-13 -8 -14 -12c-3 -12 6 -13 14 -6c6 6 17 12 25 6c6 -5 5 -9 5 -14s-1 -18 -9 -16c-4 1 -7 6 -11 3
+c-8 -7 -18 -6 -29 -9c-10 -2 -16 -6 -25 -9c-8 -3 -11 -4 -12 -12c0 -2 0 -14 -3 -15c-5 -2 -8 22 -22 20c-12 -1 -30 -13 -25 -28c2 -5 28 -3 10 -14c-2 -1 2 -17 2 -20c1 -8 13 -18 21 -10c6 6 6 5 14 2c15 -8 33 -15 45 -27c6 -6 9 -24 17 -28c9 -5 19 -5 26 -14
+c6 -7 -2 -19 -8 -23c-4 -2 -12 -24 -16 -29c-2 -4 -12 -6 -16 -7c-3 0 -7 -9 -9 -11c-7 -7 -8 -13 -17 -19c-18 -12 -22 -23 -18 -44c2 -8 5 -13 11 -16zM100 46l2 -2c7 -6 15 -11 23 -16c-21 21 -23 49 -21 78l3 24c1 3 -4 7 -4 11c0 10 0 5 -8 13c-4 4 -10 11 -12 17
+c-7 16 1 30 10 43c9 14 -7 20 -10 32c-1 6 -7 6 -6 12c1 7 -4 5 -9 9c-12 8 -1 20 -7 26c-43 -70 -36 -162 16 -224c1 -1 0 -1 1 -2h1c3 -4 6 -8 9 -11s7 -6 10 -9z" />
+    <glyph glyph-name="ion-easel" unicode="&#xf3c2;" 
+d="M48 112v192h352v-192h-352zM432 352c9 0 16 -7 16 -16v-256c0 -9 -7 -16 -16 -16h-416c-9 0 -16 7 -16 16v256c0 9 7 16 16 16h416zM416 96v224h-384v-224h384zM48 -32l29 80h31l-28 -80h-32zM239 416l17 -48h-64l17 48h30zM340 48h31l29 -80h-32zM208 0v48h32v-48h-32z
+" />
+    <glyph glyph-name="ion-edit" unicode="&#xf2bf;" 
+d="M381 259l-250 -251l-91 91l251 250zM440 360c12 -12 11 -32 -2 -45l-45 -45l-91 91l45 45c13 13 33 14 45 2zM32 85l85 -85l-117 -32z" />
+    <glyph glyph-name="ion-egg" unicode="&#xf277;" horiz-adv-x="320" 
+d="M160 416c64 0 160 -133 160 -257s-64 -191 -160 -191s-160 67 -160 191s96 257 160 257z" />
+    <glyph glyph-name="ion-eject" unicode="&#xf131;" horiz-adv-x="320" 
+d="M303 128h-286v0c-10 0 -17 7 -17 16c0 3 1 5 3 8l138 191c5 5 11 9 19 9s14 -4 19 -9l138 -190c2 -3 3 -6 3 -9c0 -9 -7 -16 -17 -16v0zM308 96c7 0 12 -5 12 -12v-40c0 -7 -5 -12 -12 -12h-296c-7 0 -12 5 -12 12v40c0 7 5 12 12 12h296z" />
+    <glyph glyph-name="ion-email-unread" unicode="&#xf3c3;" horiz-adv-x="480" 
+d="M352 288c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM209 288h127c0 -17 5 -33 15 -47c-6 -3 -14 -8 -22 -12s-16 -8 -23 -12s-14 -8 -22 -12s-15 -8 -21 -11s-11 -6 -16 -9s-9 -5 -12 -7s-4 -3 -5 -3c-6 -3 -13 -4 -21 -4s-15 1 -21 4
+c-1 1 -15 8 -42 23s-54 29 -81 44s-43 23 -46 25c-7 4 -12 8 -13 11c-1 4 -1 6 1 8s6 2 11 2h191zM277 175c18 11 45 30 83 56c16 -15 34 -23 56 -23v-155c0 -2 -1 -4 -2 -7s-3 -5 -5 -7s-4 -4 -7 -5s-6 -2 -8 -2h-185h-185c-5 0 -11 2 -16 7s-8 9 -8 14v205c0 6 3 8 9 5
+c2 -1 11 -7 26 -17s32 -22 53 -36s39 -26 53 -35l-83 -93c-2 -2 -2 -4 -1 -5c2 -1 4 -1 6 1l98 83c16 -10 25 -16 27 -17c6 -3 13 -4 21 -4s15 1 21 4c2 1 11 7 27 17l98 -83c2 -2 5 -2 6 -1s0 3 -2 5z" />
+    <glyph glyph-name="ion-email" unicode="&#xf132;" horiz-adv-x="416" 
+d="M19 299c-4 2 -11 7 -13 11c-3 8 1 10 12 10h191h191c11 0 15 -2 12 -10c-2 -4 -9 -9 -13 -11c-11 -6 -163 -89 -169 -92s-12 -4 -21 -4s-15 1 -21 4s-158 86 -169 92zM408 295c9 4 8 -1 8 -5v-205c0 -9 -12 -21 -22 -21h-185h-185c-10 0 -24 12 -24 21v205s0 9 9 5
+c8 -4 83 -56 132 -88l-83 -93c-2 -2 -2 -4 -1 -5s4 -1 6 1l98 83c15 -10 25 -16 27 -17c8 -4 14 -4 21 -4s13 0 21 4c2 1 12 7 27 17l98 -83c2 -2 5 -2 6 -1s0 3 -2 5l-82 93c49 32 123 84 131 88z" />
+    <glyph glyph-name="ion-erlenmeyer-flask-bubbles" unicode="&#xf3c4;" horiz-adv-x="384" 
+d="M382 21c2 -4 3 -10 0 -14s-8 -7 -13 -7h-177h-178c-5 0 -9 3 -12 7s-2 10 0 14l118 199v150c0 8 6 14 14 14s15 -6 15 -14v-80c4 3 10 5 16 5c15 0 27 -12 27 -27s-12 -26 -27 -26c-6 0 -12 2 -16 5v-31c0 -2 -1 -4 -2 -6l-35 -59h72c-15 6 -26 20 -26 37
+c0 23 19 42 43 42c15 0 27 -8 35 -19c-1 2 -1 3 -1 5v154c0 8 6 14 14 14s15 -6 15 -14v-150zM218 151h53l-31 54c2 -5 3 -11 3 -17c0 -17 -10 -31 -25 -37zM201 319c-12 0 -22 9 -22 21s10 21 22 21s22 -9 22 -21s-10 -21 -22 -21z" />
+    <glyph glyph-name="ion-erlenmeyer-flask" unicode="&#xf3c5;" horiz-adv-x="384" 
+d="M375 52c6 -9 9 -20 9 -32c0 -28 -16 -52 -63 -52h-258c-47 0 -63 24 -63 52c0 12 3 23 9 32l49 73l49 77c13 20 21 44 21 70v92s-14 34 -16 43c-2 8 1 9 17 9h126c16 0 18 -1 16 -9c-2 -9 -15 -22 -15 -42v-93c0 -26 6 -50 19 -70zM345 7c3 3 7 8 7 14c0 5 -2 10 -4 14
+l-101 150c-16 26 -23 56 -23 87v112h-64v-112c0 -32 -9 -62 -25 -87l-99 -150c-2 -4 -4 -9 -4 -14c0 -6 3 -11 6 -14c4 -4 12 -7 25 -7h258c13 0 20 3 24 7zM325 37c1 -2 3 -6 3 -8c0 -7 -6 -15 -14 -15h-244c-7 0 -14 6 -14 14c0 3 1 6 3 8l81 124h103l82 -124v1zM238 106
+c2 -1 4 -2 6 -2s3 0 5 2c1 2 3 4 3 6s-1 4 -3 6c-1 2 -3 2 -5 2s-4 0 -6 -2c-1 -2 -2 -4 -2 -6s0 -4 2 -6zM285 47c4 2 4 7 2 11l-23 36c-1 2 -4 4 -7 4c-2 0 -3 0 -4 -1c-4 -2 -4 -7 -2 -11l23 -36c1 -2 5 -4 7 -4c1 0 3 0 4 1z" />
+    <glyph glyph-name="ion-eye-disabled" unicode="&#xf306;" 
+d="M344 290c41 -27 76 -66 104 -100c-51 -54 -124 -135 -224 -135c-36 0 -65 8 -92 22l-77 -77l-23 23l71 71c-36 25 -68 61 -103 98c78 85 142 137 224 137c34 0 64 -9 92 -23l77 78l23 -23zM134 192c0 -19 6 -36 16 -51l27 27c-4 7 -5 15 -5 24c0 29 23 53 52 53h8
+c-5 -6 -8 -13 -8 -21c0 -3 0 -5 1 -8l51 50c-15 11 -33 17 -52 17c-49 0 -90 -41 -90 -91zM224 101c49 0 90 41 90 91c0 19 -6 37 -16 52l-50 -51c3 -1 5 -1 8 -1c8 0 14 3 20 7v-7c0 -29 -23 -53 -52 -53c-9 0 -17 2 -24 6l-28 -27c15 -11 33 -17 52 -17z" />
+    <glyph glyph-name="ion-eye" unicode="&#xf133;" 
+d="M224 320c99 0 172 -70 224 -129c-51 -50 -124 -127 -224 -127s-157 60 -224 128c78 79 142 128 224 128zM224 101c49 0 90 41 90 91s-41 91 -90 91s-90 -41 -90 -91s41 -91 90 -91zM224 224c0 -18 14 -32 32 -32c8 0 14 3 20 7v-7c0 -29 -23 -53 -52 -53s-52 24 -52 53
+s23 53 52 53h8c-5 -6 -8 -13 -8 -21z" />
+    <glyph glyph-name="ion-female" unicode="&#xf278;" horiz-adv-x="256" 
+d="M160 164v-68h64v-64h-64v-64h-64v64h-64v64h64v68c-55 14 -96 64 -96 124c0 71 57 128 128 128s128 -57 128 -128c0 -60 -41 -110 -96 -124zM128 208c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+    <glyph glyph-name="ion-filing" unicode="&#xf134;" horiz-adv-x="384" 
+d="M317 319c12 0 19 0 19 -20v-28h-288v28c0 20 8 20 20 20h249zM269 352c13 0 19 -1 19 -19h-192c0 18 7 19 20 19h153zM368 278c13 -8 17 -17 15 -41l-17 -184c-4 -21 -16 -21 -24 -21h-300c-8 0 -20 0 -24 21l-17 185c-3 26 1 31 15 40l15 10v-32h321v32z" />
+    <glyph glyph-name="ion-film-marker" unicode="&#xf135;" horiz-adv-x="416" 
+d="M400 240c9 0 16 -7 16 -15v-210c0 -8 -7 -15 -16 -15h-384c-9 0 -16 7 -16 15v210c0 8 6 14 13 15c-2 2 -3 4 -4 7l-9 45c-2 8 5 16 13 18l370 74c8 2 16 -4 18 -12l9 -46c2 -8 -4 -16 -12 -18l-342 -68h344zM257 46l-20 58l51 36h-62l-20 58l-19 -58h-63l51 -36l-19 -58
+l50 36z" />
+    <glyph glyph-name="ion-fireball" unicode="&#xf319;" horiz-adv-x="320" 
+d="M297 210c14 -24 23 -52 23 -82c0 -33 -10 -63 -26 -88v0v0c-29 -43 -78 -72 -134 -72c-17 0 -32 1 -46 7s-25 13 -33 25c-11 16 -17 28 -21 52c-6 -25 2 -48 9 -60c-43 26 -69 71 -69 125v4c5 78 65 109 90 151c8 14 13 30 10 48c11 -9 15 -25 15 -39
+c0 -16 -3 -29 -3 -29c4 8 7 18 9 31c6 35 2 85 -37 132l-1 1s7 0 18 -3c95 -16 169 -91 184 -186c2 -12 3 -23 3 -35c0 -16 -2 -32 -5 -47c10 23 13 43 14 55v10z" />
+    <glyph glyph-name="ion-flag" unicode="&#xf279;" horiz-adv-x="384" 
+d="M362 266c0 0 12 2 22 6c0 -16 -7 -32 -9 -36c-28 -50 -99 -123 -181 -84c-65 31 -92 30 -117 24c-1 0 -2 -1 -3 -1c-3 -1 -15 -5 -26 -1v197c0 16 14 31 33 35c39 7 106 5 148 -74c39 -74 97 -72 133 -66zM24 416c4 0 8 -4 8 -8v-432c0 -4 -4 -8 -8 -8h-16
+c-4 0 -8 4 -8 8v432c0 4 4 8 8 8h16z" />
+    <glyph glyph-name="ion-flame" unicode="&#xf31a;" horiz-adv-x="256" 
+d="M1 128c-11 109 72 224 159 288c-26 -145 97 -142 96 -288c-1 -120 -105 -160 -128 -160s-114 26 -127 160zM88 80c0 -44 40 -80 40 -80s41 36 41 80s-41 80 -41 80s-40 -36 -40 -80z" />
+    <glyph glyph-name="ion-flash-off" unicode="&#xf136;" 
+d="M115 -4c-69 38 -115 112 -115 196c0 124 100 224 224 224c24 0 47 -4 68 -11c2 -1 3 -1 5 -2c12 -4 24 -9 35 -15v0c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-24 0 -47 4 -68 11c-2 1 -3 1 -5 2c-12 4 -24 8 -35 14zM86 291c-20 -28 -32 -62 -32 -99
+c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c2 -1 3 -1 5 -2c9 -3 19 -5 29 -7c9 -2 18 -2 27 -2c37 0 71 12 99 32l-52 53l36 40l55 -54c20 28 32 62 32 99c0 66 -37 123 -91 151c-6 3 -12 6 -18 8c-2 1 -3 1 -5 2c-9 3 -19 5 -29 7c-9 2 -18 2 -27 2c-37 0 -72 -12 -100 -32
+l53 -52l-36 -41zM178 58l38 113h-85l139 155l-38 -113h85z" />
+    <glyph glyph-name="ion-flash" unicode="&#xf137;" horiz-adv-x="320" 
+d="M0 160l224 256l-51 -192h147l-224 -256l51 192h-147z" />
+    <glyph glyph-name="ion-folder" unicode="&#xf139;" horiz-adv-x="384" 
+d="M366 256c18 0 19 -7 18 -18l-12 -186c-1 -11 -3 -20 -21 -20h-317c-18 0 -20 9 -21 20l-13 184c-1 11 0 20 18 20h348zM362 305l2 -33h-344c0 6 4 46 6 63c2 18 8 17 25 17h75c28 0 23 0 37 -15c16 -18 19 -17 41 -17h143c11 0 15 -3 15 -15z" />
+    <glyph glyph-name="ion-fork-repo" unicode="&#xf2c0;" horiz-adv-x="320" 
+d="M320 368v-64h-48v-48h-64v48h-48v64h48v48h64v-48h48zM208 208h64v-5v0c0 -43 -7 -70 -38 -95c-23 -19 -51 -20 -75 -22c-9 -1 -18 -2 -26 -3c-6 -1 -13 -5 -20 -10c9 -11 15 -25 15 -41c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55
+c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-160c8 4 18 7 27 9c11 2 21 2 31 3c17 1 33 3 40 9c10 8 14 11 14 50zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32
+s14 -32 32 -32z" />
+    <glyph glyph-name="ion-fork" unicode="&#xf27a;" horiz-adv-x="128" 
+d="M78 299v0v0v0zM128 282c0 -26 -15 -48 -37 -58c-12 -6 -11 -11 -11 -11s16 -200 16 -213s-3 -18 -9 -24s-15 -8 -23 -8v0v0c-8 0 -16 2 -22 8s-10 13 -10 24s16 213 16 213s0 6 -11 11c-22 10 -37 32 -37 58c0 43 15 93 24 134h8v-117c0 -6 3 -11 9 -11s9 4 10 10v1
+l9 117h8l10 -117v-1c1 -6 3 -10 9 -10s9 5 9 11v117h8v0c9 -40 24 -91 24 -134z" />
+    <glyph glyph-name="ion-forward" unicode="&#xf13a;" horiz-adv-x="384" 
+d="M224 150c-102 0 -171 -9 -224 -102c0 0 37 208 224 208v80l160 -144l-160 -134v92z" />
+    <glyph glyph-name="ion-funnel" unicode="&#xf31b;" 
+d="M224 416c124 0 224 -36 224 -80c0 -8 -3 -15 -9 -22v0c-35 -43 -151 -179 -151 -218v-4v-83v0c0 -23 -29 -41 -64 -41s-64 18 -64 41v0v87c0 39 -117 177 -149 216v0c-7 8 -11 16 -11 24c0 44 100 80 224 80zM224 288c92 0 176 22 176 48s-83 48 -176 48
+s-176 -22 -176 -48s84 -48 176 -48z" />
+    <glyph glyph-name="ion-gear-a" unicode="&#xf13d;" horiz-adv-x="384" 
+d="M347 192c0 -24 15 -43 37 -56c-4 -13 -10 -26 -16 -38c-25 6 -45 -3 -62 -20s-22 -37 -16 -62c-12 -6 -25 -12 -38 -16c-13 22 -36 37 -60 37s-47 -15 -60 -37c-13 4 -27 10 -39 16c6 25 2 45 -15 62s-37 21 -62 15c-6 12 -12 26 -16 39c22 13 37 36 37 60s-15 43 -37 56
+c4 13 9 26 16 38c25 -6 45 3 62 20s21 37 15 62c12 6 26 12 39 16c13 -22 36 -37 60 -37s47 15 60 37c13 -4 27 -10 39 -16c-6 -25 -2 -45 15 -62s37 -26 62 -20c6 -12 12 -25 16 -38c-22 -13 -37 -32 -37 -56zM192 94c54 0 98 44 98 98s-44 98 -98 98s-98 -44 -98 -98
+s44 -98 98 -98z" />
+    <glyph glyph-name="ion-gear-b" unicode="&#xf13e;" horiz-adv-x="384" 
+d="M384 154h-44c-4 -14 -10 -27 -17 -39l32 -32l-54 -54l-33 32c-12 -7 -24 -11 -38 -15v-46h-76v46c-13 4 -26 8 -38 15l-33 -32l-54 54l32 32c-7 12 -13 25 -17 39h-44v76h43c4 14 9 29 16 41l-30 30l54 54l29 -29c13 8 27 13 42 17v41h76v-41c15 -4 29 -9 42 -17l29 29
+l54 -54l-30 -30c7 -12 13 -27 16 -41h43v-76zM192 138c30 0 54 24 54 54s-24 54 -54 54s-54 -24 -54 -54s24 -54 54 -54z" />
+    <glyph glyph-name="ion-grid" unicode="&#xf13f;" horiz-adv-x="320" 
+d="M64 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 295c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM64 167
+c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 167c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 167c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM64 39
+c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM192 39c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50zM320 39c0 -4 -3 -7 -7 -7h-50c-4 0 -7 3 -7 7v50c0 4 3 7 7 7h50c4 0 7 -3 7 -7v-50z" />
+    <glyph glyph-name="ion-hammer" unicode="&#xf27b;" horiz-adv-x="320" 
+d="M314 416c3 0 6 -3 6 -6v-84c0 -3 -3 -6 -6 -6h-52c-3 0 -6 3 -6 6v14c-6 5 -16 9 -22 7c-7 -2 -23 -13 -30 -25s-6 -28 -6 -66l8 -2c5 -1 7 -6 7 -9v-70c0 -95 11 -201 11 -201c0 -3 -3 -6 -6 -6h-84c-3 0 -6 3 -6 6c0 0 11 106 11 201v70c0 3 3 8 7 9l7 2
+c0 43 -5 58 -22 74c-18 16 -41 19 -63 17s-51 -35 -58 -45s-10 2 -10 11c1 16 22 60 72 81s91 22 102 22s27 -1 38 -3s16 -18 26 -18c7 0 14 5 18 9v6c0 3 3 6 6 6h52z" />
+    <glyph glyph-name="ion-happy-outline" unicode="&#xf3c6;" 
+d="M355 158c8 -4 11 -13 7 -21c-24 -46 -78 -73 -138 -73c-62 0 -118 29 -139 74c-4 8 0 17 8 21c2 1 5 1 7 1c6 0 11 -3 14 -9c16 -34 60 -55 110 -55c49 0 92 21 110 56c3 5 8 8 14 8c3 0 5 -1 7 -2zM381 217c5 -7 4 -17 -4 -22c-3 -2 -6 -3 -10 -3c-5 0 -11 2 -14 6
+s-7 10 -17 10s-14 -6 -17 -10s-9 -6 -14 -6c-4 0 -7 1 -10 3c-8 6 -9 15 -3 22c11 14 23 23 44 23s35 -9 45 -23zM157 217c5 -7 4 -17 -4 -22c-3 -2 -6 -3 -10 -3c-5 0 -11 2 -14 6s-7 10 -17 10s-14 -6 -17 -10s-9 -6 -14 -6c-4 0 -7 1 -10 3c-8 6 -9 15 -3 22
+c11 14 23 23 44 23s35 -9 45 -23zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56
+s100 20 136 56z" />
+    <glyph glyph-name="ion-happy" unicode="&#xf31c;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM71 195c3 -2 6 -3 10 -3c5 0 11 2 14 6s7 10 17 10s14 -6 17 -10s9 -6 14 -6c4 0 7 1 10 3c8 5 9 15 4 22c-10 14 -24 23 -45 23s-33 -9 -44 -23c-6 -7 -5 -16 3 -22zM362 137
+c4 8 1 17 -7 21c-2 1 -4 2 -7 2c-6 0 -11 -3 -14 -8c-18 -35 -61 -56 -110 -56c-50 0 -94 21 -110 55c-3 6 -8 9 -14 9c-2 0 -5 0 -7 -1c-8 -4 -12 -13 -8 -21c21 -45 77 -74 139 -74c60 0 114 27 138 73zM377 195c8 5 9 15 4 22c-10 14 -24 23 -45 23s-33 -9 -44 -23
+c-6 -7 -5 -16 3 -22c3 -2 6 -3 10 -3c5 0 11 2 14 6s7 10 17 10s14 -6 17 -10s9 -6 14 -6c4 0 7 1 10 3z" />
+    <glyph glyph-name="ion-headphone" unicode="&#xf140;" horiz-adv-x="384" 
+d="M383 210c3 -51 -3 -130 -13 -162c-20 -67 -40 -80 -72 -80s-58 27 -58 59v106c0 33 23 59 53 59c18 0 34 -9 44 -24c0 0 11 7 13 22s4 34 -5 64s-21 19 -36 38c-2 3 -5 7 -8 10l-10 10c-2 2 -3 3 -5 4c-11 9 -21 17 -34 23c-19 9 -39 13 -60 13s-42 -4 -61 -13
+c-13 -6 -22 -14 -33 -23c-2 -1 -3 -2 -5 -4l-10 -10s-6 -7 -8 -10c-15 -19 -27 -8 -36 -38c-9 -31 -7 -49 -5 -64s13 -22 13 -22c10 15 26 24 44 24c30 0 53 -27 53 -59v-106c0 -32 -26 -59 -58 -59s-52 13 -72 80c-10 32 -16 111 -13 162c3 60 22 108 56 145v0
+c8 8 15 16 24 23s19 13 29 18c25 13 53 20 82 20s57 -7 82 -20c10 -5 19 -11 28 -18s17 -15 25 -23v0c34 -37 53 -85 56 -145z" />
+    <glyph glyph-name="ion-heart-broken" unicode="&#xf31d;" horiz-adv-x="416" 
+d="M181 160c0 -36 -2 -71 4 -107c2 -10 2 -20 2 -31l-153 159c-45 47 -45 124 0 171c40 41 103 43 144 3c-2 -15 -3 -31 -3 -46c-18 -14 -40 -21 -56 -39l11 7c17 11 15 8 35 14c3 1 8 3 11 5c0 -1 -1 -5 -1 -6c1 -20 11 -39 15 -60c0 -5 1 -10 -1 -15c-8 -17 -7 -37 -8 -55
+zM274 147c8 -18 23 -29 38 -39l-104 -108l-17 18c0 13 -4 26 -4 38c-2 48 10 94 21 142v0c1 -1 2 -1 3 -1c30 -6 52 -24 63 -50zM382 352c46 -47 46 -124 0 -171l-68 -70c-28 24 -42 54 -65 81c-12 13 -26 23 -41 32c-3 13 -8 26 -11 39c-3 12 14 21 16 31c3 12 3 26 3 39
+l19 19c40 42 107 42 147 0z" />
+    <glyph glyph-name="ion-heart" unicode="&#xf141;" horiz-adv-x="416" 
+d="M382 352c46 -47 46 -124 0 -171l-174 -181l-174 181c-46 47 -46 124 0 171c40 42 107 42 147 0l27 -28l28 28c40 42 106 42 146 0z" />
+    <glyph glyph-name="ion-help-buoy" unicode="&#xf27c;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM402 264c-10 24 -23 45 -42 64s-41 32 -65 42l-19 -61c14 -6 27 -15 38 -26s21 -24 27 -38zM224 96c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM88 328
+c-19 -19 -32 -41 -42 -65l61 -19c6 14 15 27 26 38s24 21 38 27l-19 61c-24 -10 -45 -23 -64 -42zM46 120c10 -24 23 -45 42 -64s41 -32 65 -42l19 61c-14 6 -27 15 -38 26s-21 24 -27 38zM360 56c19 19 32 41 42 65l-61 19c-6 -14 -15 -27 -26 -38s-24 -21 -38 -27l19 -61
+c24 10 45 23 64 42z" />
+    <glyph glyph-name="ion-help-circled" unicode="&#xf142;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM244 89c1 18 -12 31 -29 31c-16 0 -30 -11 -30 -29s12 -30 28 -30c17 0 31 10 31 28zM293 217c7 10 12 22 12 36c0 23 -9 40 -25 52c-17 13 -37 18 -62 18
+c-19 0 -34 -4 -47 -13c-19 -13 -28 -34 -28 -68h49c0 9 -1 19 4 27s13 15 26 15s19 -3 25 -11c5 -7 8 -15 8 -23c0 -7 -4 -14 -8 -20c-2 -4 -6 -7 -10 -10c0 0 -26 -15 -35 -30c-7 -11 -9 -24 -10 -41c0 -1 0 -4 4 -4h39s5 3 5 4c0 6 1 15 2 19c2 7 6 12 12 17l14 9
+c12 9 21 17 25 23z" />
+    <glyph glyph-name="ion-help" unicode="&#xf143;" horiz-adv-x="256" 
+d="M217 371c25 -19 39 -46 39 -83c0 -22 -8 -42 -19 -57c-7 -9 -21 -21 -40 -36l-21 -14c-10 -8 -17 -18 -20 -28c-2 -6 -3 -19 -3 -29c0 -2 -1 -6 -7 -6h-62c-7 0 -7 3 -7 5c1 26 4 49 15 66c15 23 57 48 57 48c6 5 11 9 15 15c7 10 12 21 12 32c0 13 -3 26 -11 36
+c-10 12 -21 18 -41 18s-32 -11 -40 -24s-7 -29 -7 -43h-77c0 54 14 88 44 108c20 14 45 20 75 20c39 0 70 -7 98 -28zM114 78c27 -1 47 -20 46 -48s-22 -46 -49 -45c-26 1 -46 19 -45 47s22 47 48 46z" />
+    <glyph glyph-name="ion-home" unicode="&#xf144;" horiz-adv-x="384" 
+d="M384 160h-48v-160h-96v128h-96v-128h-96v160h-48l192 224z" />
+    <glyph glyph-name="ion-icecream" unicode="&#xf27d;" horiz-adv-x="320" 
+d="M32 192h256l-128 -224zM307 275c8 -5 13 -13 13 -23c0 -16 -14 -28 -30 -28h-4h-252h-4c-16 0 -30 13 -30 28c0 10 6 18 14 23c1 0 1 2 2 2c4 3 7 7 8 12v1c-2 6 -2 12 -2 18c0 42 34 76 76 76c8 0 16 -2 23 -4c-3 -12 -4 -31 -4 -31c2 15 11 29 11 29c18 23 46 38 77 38
+c53 0 96 -43 96 -96c0 -11 -2 -21 -5 -30v-1c0 -4 4 -9 8 -12c1 0 2 -2 3 -2z" />
+    <glyph glyph-name="ion-image" unicode="&#xf147;" 
+d="M336 224c-26 0 -48 22 -48 48s22 48 48 48s48 -22 48 -48s-22 -48 -48 -48zM420 384c16 0 28 -12 28 -28v-328c0 -16 -12 -28 -28 -28h-392c-16 0 -28 12 -28 28v328c0 16 12 28 28 28h392zM317 186l99 -106v260c0 7 -6 12 -13 12h-358c-7 0 -12 -5 -13 -12v-260l126 152
+c4 4 10 8 17 8s13 -2 17 -7l54 -59l4 -4c3 -2 7 -4 11 -4s8 2 12 5l18 16c4 3 8 5 13 5s10 -2 13 -6z" />
+    <glyph glyph-name="ion-images" unicode="&#xf148;" 
+d="M426 308c13 -1 23 -12 22 -24l-14 -263c-1 -13 -12 -22 -25 -21l-330 16c-13 1 -23 10 -22 23l2 46l-15 -1c-12 -1 -22 7 -23 18l-21 236c-1 11 7 21 19 22l296 24c12 1 22 -7 23 -18l5 -54zM71 302c1 12 11 22 24 22l219 -11l-2 31h-1v1c-1 5 -5 8 -10 8l-261 -22
+c-5 0 -10 -4 -10 -9v0v-1l16 -178l18 25zM405 66l10 198v1v0c0 6 -5 10 -11 10l-58 3l-29 2l-204 9c-6 0 -11 -4 -12 -9v0v-1l-3 -63l-7 -128v-7l6 7l102 109c4 4 8 6 14 6s11 -3 14 -7l43 -49l3 -3c2 -2 6 -4 10 -4s5 1 9 3l17 12c4 3 7 4 11 4s9 -2 11 -5l27 -33zM341 186
+c-20 0 -35 15 -35 35s16 35 35 35c20 0 35 -16 35 -35s-16 -35 -35 -35z" />
+    <glyph glyph-name="ion-information-circled" unicode="&#xf149;" 
+d="M448 195c2 -124 -97 -225 -221 -227s-225 97 -227 221s97 225 221 227s225 -97 227 -221zM224 336c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM268 53v11h-22v172h-66v-12h22v-160h-22v-11h88z" />
+    <glyph glyph-name="ion-information" unicode="&#xf14a;" horiz-adv-x="128" 
+d="M96 0h32v-16h-128v16h32v240h-32v16h96v-256zM64 304c-27 0 -48 21 -48 48s21 48 48 48s48 -21 48 -48s-21 -48 -48 -48z" />
+    <glyph glyph-name="ion-ionic" unicode="&#xf14b;" horiz-adv-x="416" 
+d="M376 315c25 -34 40 -77 40 -123c0 -115 -93 -208 -208 -208s-208 93 -208 208s93 208 208 208c46 0 89 -15 123 -40c5 3 11 5 18 5c18 0 32 -14 32 -32c0 -7 -2 -13 -5 -18zM344 56c18 18 31 38 41 61c10 24 15 49 15 75s-5 51 -15 75c-6 13 -13 26 -21 38
+c-4 -2 -10 -4 -15 -4c-18 0 -32 14 -32 32c0 5 2 11 4 15c-12 8 -25 15 -38 21c-24 10 -49 15 -75 15s-51 -5 -75 -15c-23 -10 -43 -23 -61 -41s-31 -38 -41 -61c-10 -24 -15 -49 -15 -75s5 -51 15 -75c10 -23 23 -43 41 -61s38 -31 61 -41c24 -10 49 -15 75 -15s51 5 75 15
+c23 10 43 23 61 41zM112 192c0 64 32 96 96 96s96 -32 96 -96s-32 -96 -96 -96s-96 32 -96 96z" />
+    <glyph glyph-name="ion-ios-alarm-outline" unicode="&#xf3c7;" horiz-adv-x="404" 
+d="M384 256l-54 52l-9 -9c35 -32 57 -79 57 -130c0 -44 -16 -83 -43 -114l36 -45l-12 -10l-35 43c-32 -30 -75 -49 -122 -49v0v0c-47 0 -90 19 -122 49l-35 -43l-12 10l36 45c-27 31 -43 71 -43 115c0 51 22 97 57 129l-9 9l-54 -52c-12 14 -20 32 -20 52c0 44 35 80 80 82
+h5c20 0 39 -7 54 -18l-54 -52l11 -11c26 19 56 32 90 35v0c0 8 8 16 16 16s15 -8 15 -16v0c34 -3 65 -16 91 -35l11 11l-54 52c15 11 34 18 54 18h5c45 -2 80 -38 80 -82c0 -20 -8 -38 -20 -52zM22 280l91 89c-9 5 -19 7 -32 6c-37 -2 -65 -32 -65 -67c0 -10 2 -19 6 -28z
+M362 172c0 88 -72 158 -160 158s-160 -70 -160 -158s72 -158 160 -158s160 70 160 158zM291 369l91 -89c4 9 6 18 6 28c0 35 -28 65 -65 67c-13 1 -23 -1 -32 -6zM202 288h16v-144h-112v16h96v128z" />
+    <glyph glyph-name="ion-ios-alarm" unicode="&#xf3c8;" horiz-adv-x="404" 
+d="M385 256l-55 52l-9 -9c35 -32 57 -79 57 -130c0 -44 -16 -83 -43 -114l37 -45l-13 -10l-35 43c-32 -30 -75 -49 -122 -49v0v0c-47 0 -90 19 -122 49l-35 -43l-12 10l36 45c-27 31 -43 70 -43 114c0 51 22 98 57 130l-9 9l-54 -52c-12 14 -20 32 -20 52c0 44 35 80 80 82
+h5c20 0 39 -7 54 -18l-54 -53l11 -10c26 19 56 32 90 35v0c0 8 8 16 16 16s15 -8 15 -16v0c34 -3 65 -16 91 -35l11 11l-54 52c15 11 34 18 54 18h5c45 -2 80 -38 80 -82c0 -20 -7 -38 -19 -52zM218 144v144h-16v-128h-96v-16h112z" />
+    <glyph glyph-name="ion-ios-albums-outline" unicode="&#xf3c9;" 
+d="M432 304h-416v-288h416v288zM448 320v0v-320h-448v320h448zM40 336v16h368v-16h-368zM72 368v16h304v-16h-304z" />
+    <glyph glyph-name="ion-ios-albums" unicode="&#xf3ca;" 
+d="M448 320v0v-320h-448v320h448zM40 336v16h368v-16h-368zM72 368v16h304v-16h-304z" />
+    <glyph glyph-name="ion-ios-americanfootball-outline" unicode="&#xf3cb;" horiz-adv-x="416" 
+d="M331 315c112 -112 81 -327 81 -327s-26 -4 -65 -4c-73 0 -189 12 -262 85c-112 112 -81 327 -81 327s26 4 65 4c73 0 189 -12 262 -85zM17 383c-2 -19 -5 -60 0 -107c1 -8 2 -16 3 -23l127 127c-25 3 -51 5 -78 5v0v0c-22 0 -41 -1 -52 -2zM96 80c30 -30 72 -53 124 -66
+c10 -3 20 -5 31 -7l142 142c-4 22 -10 44 -17 63c-14 37 -32 68 -56 92c-30 30 -72 53 -124 66c-10 3 -20 5 -31 7l-142 -142c4 -22 10 -44 17 -63c14 -37 32 -68 56 -92zM399 1c2 19 5 60 0 107c-1 8 -2 16 -3 23l-127 -127c25 -3 51 -5 78 -5c22 0 41 1 52 2zM259 130
+l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-23 23l-28 -29l-12 12l29 28l-22 23l-29 -29l-11 12l67 67l12 -11l-29 -29l23 -22l28 29l12 -12l-29 -28l23 -23l28 29l12 -12l-29 -28l23 -23l28 29l12 -12l-29 -28l22 -23l29 29l12 -12
+l-29 -28l22 -23l29 29l11 -12l-67 -67l-12 11l29 29z" />
+    <glyph glyph-name="ion-ios-americanfootball" unicode="&#xf3cc;" horiz-adv-x="416" 
+d="M331 315c112 -112 81 -327 81 -327s-26 -4 -65 -4c-73 0 -189 12 -262 85c-112 112 -81 327 -81 327s26 4 65 4c73 0 189 -12 262 -85zM20 253l3 -18l142 142l-18 3zM219 113l12 -12l28 29l23 -22l-29 -29l12 -11l67 67l-11 12l-29 -29l-22 23l29 28l-12 12l-28 -29
+l-23 23l29 28l-12 12l-28 -29l-23 23l29 28l-12 12l-28 -29l-23 23l29 28l-12 12l-28 -29l-23 22l29 29l-12 11l-67 -67l11 -12l29 29l22 -23l-29 -28l12 -12l28 29l23 -23l-29 -28l12 -12l28 29l23 -23l-29 -28l12 -12l28 29l23 -23zM269 4l127 127l-3 18l-142 -142z" />
+    <glyph glyph-name="ion-ios-analytics-outline" unicode="&#xf3cd;" 
+d="M224 400c-28 0 -55 -5 -81 -16c-25 -10 -47 -26 -66 -45s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81s5 -55 16 -81c10 -25 26 -47 45 -66s41 -35 66 -45c26 -11 53 -16 81 -16s55 5 81 16c25 10 47 26 66 45s35 41 45 66c11 26 16 53 16 81s-5 55 -16 81
+c-10 25 -26 47 -45 66s-41 35 -66 45c-26 11 -53 16 -81 16zM224 416v0c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM76 128c-25 0 -41 18 -42 19c-3 3 -2 9 1 12s8 2 11 -1c1 -1 15 -17 36 -14c12 2 27 26 38 42c4 6 9 12 12 16
+c17 21 34 23 45 21c24 -3 45 -28 54 -50c7 -18 18 -28 32 -29c15 -1 31 11 43 30c1 2 3 4 4 7c9 17 24 43 52 43c31 0 52 -35 53 -36c2 -4 1 -9 -3 -11s-9 -1 -11 3c0 0 -5 8 -12 15c-6 6 -16 13 -27 13c-18 0 -29 -19 -38 -35c-1 -3 -3 -5 -4 -7c-15 -25 -36 -40 -58 -38
+c-20 1 -36 15 -46 39s-28 39 -41 41c-11 1 -21 -4 -31 -16c-3 -4 -6 -9 -10 -15c-14 -20 -31 -45 -50 -48c-3 0 -5 -1 -8 -1z" />
+    <glyph glyph-name="ion-ios-analytics" unicode="&#xf3ce;" 
+d="M224 416c124 0 224 -100 224 -224c0 -13 -1 -25 -3 -37c-1 -6 -2 -12 -3 -17c-24 -98 -113 -170 -218 -170c-122 0 -221 98 -224 219v5c0 9 1 17 2 26c13 111 107 198 222 198zM431 168c1 8 1 16 1 24c0 28 -5 55 -16 81c-10 25 -26 47 -45 66s-41 35 -66 45
+c-26 11 -53 16 -81 16s-55 -5 -81 -16c-25 -10 -47 -26 -66 -45s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81v0c14 -21 29 -34 29 -34h1v-1c1 -1 15 -16 36 -13c12 2 27 26 38 42c4 6 9 12 12 16c17 21 34 23 45 21c24 -3 45 -27 54 -50c7 -18 18 -28 32 -29c15 -1 31 9 43 29
+c1 2 3 4 4 7c9 17 24 44 52 44c31 0 52 -35 53 -36c3 -4 9 -12 16 -20z" />
+    <glyph glyph-name="ion-ios-arrow-back" unicode="&#xf3cf;" horiz-adv-x="192" 
+d="M192 320l-127 -128l127 -128l-32 -32l-160 160v0v0l160 160z" />
+    <glyph glyph-name="ion-ios-arrow-down" unicode="&#xf3d0;" horiz-adv-x="320" 
+d="M301 288l19 -21l-160 -171l-160 171l19 21l141 -150z" />
+    <glyph glyph-name="ion-ios-arrow-forward" unicode="&#xf3d1;" horiz-adv-x="192" 
+d="M0 320l32 32l160 -160v0v0l-160 -160l-32 32l127 128z" />
+    <glyph glyph-name="ion-ios-arrow-left" unicode="&#xf3d2;" horiz-adv-x="192" 
+d="M192 333l-150 -141l150 -141l-21 -19l-171 160l171 160z" />
+    <glyph glyph-name="ion-ios-arrow-right" unicode="&#xf3d3;" horiz-adv-x="192" 
+d="M0 333l21 19l171 -160l-171 -160l-21 19l150 141z" />
+    <glyph glyph-name="ion-ios-arrow-thin-down" unicode="&#xf3d4;" horiz-adv-x="192" 
+d="M190 126c2 -2 2 -4 2 -6s0 -4 -2 -6c0 0 -87 -79 -88 -80s-3 -2 -6 -2s-5 1 -6 2s-88 80 -88 80c-3 3 -3 9 0 12s9 3 12 0l74 -67v285c0 4 4 8 8 8s8 -4 8 -8v-285l74 67c3 3 9 3 12 0z" />
+    <glyph glyph-name="ion-ios-arrow-thin-left" unicode="&#xf3d5;" horiz-adv-x="320" 
+d="M94 98c-2 -2 -4 -2 -6 -2s-4 0 -6 2c0 0 -79 87 -80 88s-2 3 -2 6s1 5 2 6s80 88 80 88c3 3 9 3 12 0s3 -9 0 -12l-67 -74h285c4 0 8 -4 8 -8s-4 -8 -8 -8h-285l67 -74c3 -3 3 -9 0 -12z" />
+    <glyph glyph-name="ion-ios-arrow-thin-right" unicode="&#xf3d6;" horiz-adv-x="320" 
+d="M226 98c-3 3 -3 9 0 12l67 74h-285c-4 0 -8 4 -8 8s4 8 8 8h285l-67 74c-3 3 -3 9 0 12s9 3 12 0c0 0 79 -87 80 -88s2 -3 2 -6s-1 -5 -2 -6s-80 -88 -80 -88c-2 -2 -4 -2 -6 -2s-4 0 -6 2z" />
+    <glyph glyph-name="ion-ios-arrow-thin-up" unicode="&#xf3d7;" horiz-adv-x="192" 
+d="M190 258c-3 -3 -9 -3 -12 0l-74 67v-285c0 -4 -4 -8 -8 -8s-8 4 -8 8v285l-74 -67c-3 -3 -9 -3 -12 0s-3 9 0 12c0 0 87 79 88 80s3 2 6 2s5 -1 6 -2s88 -80 88 -80c2 -2 2 -4 2 -6s0 -4 -2 -6z" />
+    <glyph glyph-name="ion-ios-arrow-up" unicode="&#xf3d8;" horiz-adv-x="320" 
+d="M301 96l-141 150l-141 -150l-19 21l160 171l160 -171z" />
+    <glyph glyph-name="ion-ios-at-outline" unicode="&#xf3d9;" horiz-adv-x="255" 
+d="M236 127v1h19l-3 -6c-3 -6 -13 -19 -22 -27s-18 -14 -28 -20s-21 -10 -32 -13s-23 -5 -34 -5c-16 0 -33 3 -49 8s-30 13 -43 24c-12 11 -26 29 -34 46c-7 16 -10 33 -10 58c0 18 4 38 11 55c7 16 17 30 29 42s27 21 43 28c15 6 33 9 53 9c16 0 32 -3 46 -8
+c15 -5 28 -12 39 -22s17 -21 24 -35c6 -13 8 -26 8 -44c0 -14 -2 -28 -7 -40s-9 -20 -17 -30c-8 -9 -13 -15 -23 -21c-11 -6 -20 -9 -29 -9c-8 0 -15 2 -20 7c-3 2 -5 6 -6 9c-6 -6 -11 -10 -17 -12c-10 -3 -18 -4 -26 -4s-15 1 -21 4s-12 7 -17 12s-8 11 -11 18
+s-5 14 -5 22c0 12 3 24 7 36v2c4 11 5 16 13 26c8 11 17 19 28 26s24 11 38 11c12 0 21 -3 31 -9c7 -4 12 -10 16 -16l6 17h18l-38 -102c-2 -5 -4 -10 -5 -14s-1 -7 -1 -10c0 -2 1 -4 3 -5s4 -2 8 -2c6 0 11 2 20 7c8 4 12 9 19 17c6 8 10 14 14 25s6 23 6 35
+c0 15 -2 25 -7 36c-6 13 -10 22 -19 30s-20 15 -33 20s-27 7 -42 7c-19 0 -35 -3 -48 -9c-15 -6 -27 -14 -37 -24c-11 -10 -19 -23 -25 -37c-6 -15 -10 -32 -10 -48c0 -22 2 -36 8 -49c6 -15 17 -31 28 -41s24 -18 38 -23s30 -7 46 -7c10 0 20 1 30 4s18 6 27 11
+s17 11 24 18s14 13 19 21zM147 154c4 5 8 12 11 20l21 57c-2 5 -4 10 -7 13c-3 4 -6 6 -10 8c-1 0 -1 1 -2 1c-3 2 -5 3 -9 4c-5 1 -9 2 -13 2c-10 0 -19 -3 -28 -9s-17 -13 -23 -22c-5 -8 -7 -11 -10 -20c0 -1 -1 -3 -1 -4c-4 -11 -5 -20 -5 -30c0 -6 1 -11 3 -16
+s5 -9 8 -13s7 -6 12 -8s9 -3 15 -3c4 0 9 1 14 2c4 1 8 2 12 5s8 7 12 13z" />
+    <glyph glyph-name="ion-ios-at" unicode="&#xf3da;" horiz-adv-x="256" 
+d="M228 128v0h28c-1 -1 -2 -4 -3 -6c-4 -6 -14 -19 -23 -27s-18 -14 -28 -20s-20 -10 -32 -13c-11 -3 -23 -5 -34 -5c-16 0 -33 3 -49 8s-30 13 -43 24c-12 10 -26 28 -34 46c-7 16 -10 33 -10 58c0 19 4 39 11 55s17 30 29 42s28 21 44 28c15 6 32 9 52 9c16 0 31 -3 46 -8
+s28 -12 39 -22s18 -22 25 -36c6 -14 8 -26 8 -44c0 -14 -2 -28 -7 -40c-4 -11 -9 -20 -17 -30c-7 -9 -14 -16 -24 -22c-12 -6 -21 -9 -30 -9s-16 2 -22 8c-2 1 -3 3 -4 5c-4 -4 -9 -6 -14 -8c-10 -3 -18 -5 -27 -5c-8 0 -16 2 -23 5s-12 7 -17 12s-9 12 -12 19s-4 14 -4 22
+c0 12 2 25 6 37l1 1c4 10 5 17 13 27c8 11 17 20 28 27c12 7 24 10 38 10c12 0 22 -3 33 -9c5 -3 8 -6 12 -10l5 12h25l-39 -104c-2 -5 -3 -9 -4 -13c-1 -3 -1 -7 -1 -9s0 -3 1 -3c0 0 1 -1 5 -1c5 0 11 2 19 7c7 4 10 8 16 16s9 13 13 23s6 20 6 32c0 14 -1 24 -6 34
+c-5 12 -10 21 -18 28c-9 8 -19 14 -31 18s-26 7 -40 7c-18 0 -32 -3 -44 -8c-14 -6 -25 -13 -35 -23s-18 -22 -24 -35c-6 -14 -9 -30 -9 -45c0 -21 3 -34 8 -46c6 -14 16 -30 26 -39s22 -16 35 -21c14 -5 28 -7 43 -7c10 0 20 2 29 4s18 6 26 11s28 20 38 33zM144 157
+c4 5 7 12 10 19l20 55c-1 4 -3 7 -5 9c-3 3 -6 6 -9 8h-1h-1v1c-3 2 -5 2 -8 3c-4 1 -8 1 -12 1c-9 0 -17 -2 -25 -7c-10 -6 -17 -14 -21 -21c-5 -8 -6 -11 -9 -19c0 -1 -1 -2 -1 -3c-3 -10 -6 -19 -6 -28c0 -5 1 -10 3 -14s4 -8 7 -11s7 -6 11 -8s8 -2 13 -2c4 0 8 0 12 1
+v0c4 1 7 2 11 5c3 2 7 5 11 11z" />
+    <glyph glyph-name="ion-ios-barcode-outline" unicode="&#xf3db;" horiz-adv-x="416" 
+d="M0 64v256h80v-16h-64v-224h64v-16h-80zM336 320h80v-256h-80v16h64v224h-64v16zM64 128v128h16v-128h-16zM336 128v128h16v-128h-16zM272 96v192h16v-192h-16zM128 96v192h16v-192h-16zM199 112v160h16v-160h-16z" />
+    <glyph glyph-name="ion-ios-barcode" unicode="&#xf3dc;" horiz-adv-x="416" 
+d="M0 320h416v-256h-416v256zM80 128v128h-16v-128h16zM144 96v192h-16v-192h16zM215 112v160h-16v-160h16zM288 96v192h-16v-192h16zM352 128v128h-16v-128h16z" />
+    <glyph glyph-name="ion-ios-baseball-outline" unicode="&#xf3dd;" horiz-adv-x="416" 
+d="M415 169v-1v0c-11 -97 -90 -174 -187 -183v0h-2c-2 0 -3 -1 -5 -1h-1h-3h-1h-8c-115 0 -208 93 -208 208v8v1v3v1c0 2 1 3 1 5v2v0c9 97 86 176 183 187v0v0c8 1 16 1 24 1c115 0 208 -93 208 -208c0 -7 0 -14 -1 -20v0v-3zM399 192c0 105 -86 191 -191 191
+c-3 0 -5 -1 -8 -1c0 -11 2 -21 4 -31l20 6l5 -15l-21 -7c2 -7 4 -14 7 -21c2 -5 5 -11 8 -16l17 12l9 -13l-19 -13c7 -12 16 -23 26 -33l14 15l12 -12l-15 -15c11 -10 22 -18 34 -25l12 18l14 -9l-12 -17c5 -2 10 -5 15 -7c7 -3 14 -5 22 -7l7 20l15 -5l-6 -19
+c10 -2 20 -4 30 -4c0 3 1 5 1 8zM17 192c0 -105 86 -191 191 -191h4c-1 9 -1 17 -3 26l-22 -7l-5 16l23 7c-2 8 -5 16 -8 24c-2 5 -4 9 -6 14l-20 -13l-9 13l21 14c-7 12 -16 24 -26 35l-17 -17l-11 11l17 17c-10 10 -22 18 -34 25l-14 -21l-14 9l14 20c-5 2 -10 5 -15 7
+c-7 3 -15 6 -23 8l-8 -24l-15 5l7 23c-9 2 -18 2 -27 3v-4zM228 2c88 9 158 78 169 166c-11 1 -23 3 -34 5l-9 -27l-15 5l8 25c-14 4 -28 10 -41 17l-15 -23l-13 9l14 21c-13 8 -26 17 -37 28l-19 -19l-11 11l19 19c-10 11 -19 23 -27 36l-21 -14l-9 13l22 15
+c-7 13 -12 27 -16 41l-25 -8l-5 16l26 8c-2 12 -4 23 -5 35c-88 -11 -157 -81 -166 -169c10 -1 21 -2 31 -4l8 23l15 -5l-7 -22c14 -4 28 -9 42 -16l13 19l14 -9l-13 -18c13 -8 25 -17 36 -28l17 17l11 -11l-17 -17c11 -12 20 -24 28 -37l19 13l9 -14l-20 -13
+c7 -14 12 -28 16 -42l23 7l5 -15l-24 -8c2 -10 3 -20 4 -30z" />
+    <glyph glyph-name="ion-ios-baseball" unicode="&#xf3de;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208c0 -8 0 -16 -1 -24v0v0c-12 -104 -100 -184 -207 -184c-115 0 -208 93 -208 208c0 107 80 195 184 207v0v0c8 1 16 1 24 1zM212 1c5 0 11 0 16 1c-1 10 -2 20 -4 30l24 8l-5 15l-23 -7c-4 14 -9 28 -16 42l20 13l-9 14l-19 -13
+c-8 13 -17 25 -28 37l17 17l-11 11l-17 -17c-11 11 -23 20 -36 28l13 18l-14 9l-13 -19c-14 7 -28 12 -42 16l7 22l-15 5l-8 -23c-10 2 -21 3 -31 4c-1 -5 -1 -11 -1 -16c9 -1 18 -1 27 -3l-7 -23l15 -5l8 24c8 -2 16 -5 23 -8c5 -2 10 -5 15 -7l-14 -20l14 -9l14 21
+c12 -7 24 -15 34 -25l-17 -17l11 -11l17 17c10 -11 19 -23 26 -35l-21 -14l9 -13l20 13c2 -5 4 -9 6 -14c3 -8 6 -16 8 -24l-23 -7l5 -16l22 7c2 -8 2 -17 3 -26zM363 173c11 -2 23 -4 34 -5c1 5 1 11 1 16c-10 1 -20 2 -30 4l6 19l-15 5l-7 -20c-8 2 -15 4 -22 7
+c-5 2 -10 5 -15 7l12 17l-14 9l-12 -18c-12 7 -23 15 -34 25l15 15l-12 12l-15 -15c-10 10 -18 21 -25 33l19 13l-9 13l-17 -12c-3 5 -6 11 -8 16c-3 7 -5 14 -7 21l21 7l-5 15l-20 -6c-2 10 -3 20 -4 31c-5 0 -11 0 -16 -1c1 -12 3 -23 5 -35l-26 -8l5 -16l25 8
+c4 -14 9 -28 16 -41l-22 -15l9 -13l21 14c8 -13 17 -25 27 -36l-19 -19l11 -11l19 19c11 -11 24 -20 37 -28l-14 -21l13 -9l15 23c13 -7 27 -13 41 -17l-8 -25l15 -5z" />
+    <glyph glyph-name="ion-ios-basketball-outline" unicode="&#xf3df;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM399 192c0 55 -24 105 -62 140c-14 -34 -31 -65 -52 -95c15 -12 31 -21 49 -29c21 -9 43 -14 65 -16v0zM325 343c-32 25 -73 40 -117 40v0c2 -22 6 -44 15 -65
+c10 -25 26 -47 45 -66c2 -1 2 -3 4 -4c20 29 38 60 52 93c0 1 1 1 1 2zM192 382c-51 -4 -96 -29 -128 -65c64 -28 121 -69 169 -119c11 12 21 24 30 37c-40 37 -67 89 -71 147zM233 174c-15 -16 -31 -30 -48 -44c28 -35 45 -79 47 -127c33 4 63 17 88 35
+c-22 50 -51 95 -87 136zM214 178l8 8l-10 10c-46 46 -99 82 -158 108c-18 -25 -31 -55 -35 -88c62 -3 116 -31 155 -74c14 11 27 23 40 36zM18 200c0 -3 -1 -5 -1 -8c0 -45 16 -87 43 -120c36 16 71 36 102 60l-7 7c-19 19 -41 35 -66 45c-22 9 -46 15 -71 16zM71 59
+c35 -36 83 -58 137 -58c3 0 5 1 8 1c-1 25 -6 48 -16 71c-7 17 -17 33 -28 47c-31 -24 -65 -45 -101 -61zM333 48c37 32 61 77 65 128c-46 3 -89 21 -123 48c-10 -13 -20 -26 -31 -38c36 -41 67 -87 89 -138z" />
+    <glyph glyph-name="ion-ios-basketball" unicode="&#xf3e0;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM333 48c-22 51 -53 97 -89 138c11 12 21 25 31 38c34 -27 77 -45 123 -48c0 5 1 11 1 16c-22 2 -44 7 -65 16c-18 8 -34 17 -49 29c21 30 38 61 52 95c-4 4 -8 8 -12 11
+c0 -1 -1 -1 -1 -2c-14 -33 -32 -64 -52 -93c-2 1 -2 2 -4 4c-19 19 -35 41 -45 66c-9 21 -13 43 -15 65c-5 0 -11 -1 -16 -1c4 -58 31 -110 71 -147c-9 -13 -19 -25 -30 -37c-48 50 -105 91 -169 119c-4 -4 -7 -9 -10 -13c59 -26 112 -62 158 -108l10 -10l-8 -8
+c-13 -13 -26 -25 -40 -36c-39 43 -93 71 -155 74c-1 -5 -1 -11 -1 -16c25 -1 49 -7 71 -16c25 -10 47 -26 66 -45l7 -7c-31 -24 -66 -44 -102 -60c4 -4 7 -9 11 -13c36 16 70 37 101 61c11 -14 21 -30 28 -47c10 -23 15 -46 16 -71c5 0 11 0 16 1c-2 48 -19 92 -47 127
+c17 14 33 28 48 44c36 -41 65 -86 87 -136c4 3 9 6 13 10z" />
+    <glyph glyph-name="ion-ios-bell-outline" unicode="&#xf3e1;" horiz-adv-x="384" 
+d="M318 222c0 -114 28 -126 66 -158h-384c38 32 66 44 66 158c0 98 53 130 102 138v2c0 12 11 22 24 22s24 -10 24 -22v-2c49 -7 102 -40 102 -138zM43 80h298c-25 25 -40 58 -40 142c0 46 -13 80 -37 101c-23 19 -52 23 -72 23s-49 -4 -72 -23c-25 -21 -37 -55 -37 -101
+c0 -51 -5 -85 -17 -110c-6 -13 -14 -23 -23 -32zM192 0c-27 0 -49 20 -52 43h104c-3 -23 -25 -43 -52 -43z" />
+    <glyph glyph-name="ion-ios-bell" unicode="&#xf3e2;" horiz-adv-x="384" 
+d="M318 222c0 -114 28 -126 66 -158h-384c38 32 66 44 66 158c0 98 53 130 102 138v2c0 12 11 22 24 22s24 -10 24 -22v-2c49 -7 102 -40 102 -138zM192 0c-27 0 -49 20 -52 43h104c-3 -23 -25 -43 -52 -43z" />
+    <glyph glyph-name="ion-ios-body-outline" unicode="&#xf3e3;" horiz-adv-x="384" 
+d="M192 400c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM192 416v0c27 0 48 -21 48 -48s-21 -48 -48 -48s-48 21 -48 48s21 48 48 48zM360 304c13 0 24 -11 24 -24s-11 -24 -24 -24h-100c-5 0 -14 -5 -18 -15c-5 -12 -2 -33 1 -51l4 -21v-1v0l32 -172
+c2 -13 -6 -26 -19 -28h-5c-11 0 -22 8 -24 20l-21 120v0s-5 31 -17 31h-2c-12 0 -19 -31 -19 -31v0l-21 -120c-2 -12 -11 -20 -22 -20h-5c-13 2 -21 15 -19 28l32 172v1l4 21c3 18 6 39 1 51c-4 10 -12 15 -18 15h-100c-13 0 -24 11 -24 24s11 24 24 24h336zM24 272
+c-4 0 -8 4 -8 8s4 8 8 8h336c4 0 8 -4 8 -8s-4 -8 -8 -8h-102c-16 0 -26 -15 -30 -24c-5 -13 -6 -32 -1 -61v0v0l3 -19l1 -3l32 -172c0 -3 0 -5 -1 -6s-2 -2 -5 -3h-2c-4 0 -7 2 -8 6l-21 120v0c0 2 -2 10 -5 19c-2 6 -5 11 -8 15c-7 9 -14 11 -20 11h-2
+c-5 0 -13 -2 -20 -11c-3 -4 -6 -9 -8 -15c-4 -9 -6 -17 -6 -18v-1l-21 -120c-1 -4 -3 -6 -7 -6h-2c-3 0 -4 2 -5 3s-2 3 -1 6l32 172v0v1l4 21v0v0c5 29 5 48 0 61c-4 9 -14 24 -32 24z" />
+    <glyph glyph-name="ion-ios-body" unicode="&#xf3e4;" horiz-adv-x="384" 
+d="M144 368c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM360 304c7 0 12 -2 17 -7s7 -10 7 -17s-2 -12 -7 -17s-10 -7 -17 -7h-98c-8 -2 -15 -6 -18 -14c-4 -9 -3 -27 1 -52l4 -21v-1v0l30 -172c1 -7 0 -13 -4 -18s-8 -9 -15 -10s-13 0 -18 4
+s-9 9 -10 16l-21 120v-1l-2 9c-1 5 -3 11 -6 16s-6 8 -10 8h-2c-8 0 -14 -11 -18 -33v1l-21 -120c-1 -7 -5 -12 -10 -16s-11 -5 -18 -4s-11 5 -15 10s-5 11 -4 18l30 172v0v1l4 21c4 25 5 43 1 52c-3 8 -10 12 -18 14h-98c-7 0 -12 2 -17 7s-7 10 -7 17s2 12 7 17s10 7 17 7
+h336z" />
+    <glyph glyph-name="ion-ios-bolt-outline" unicode="&#xf3e5;" horiz-adv-x="226" 
+d="M131 316l-100 -140h65h19l-3 -19l-17 -89l100 140h-65h-19l3 19zM160 384v0l-30 -160h96l-160 -224l30 160h-96z" />
+    <glyph glyph-name="ion-ios-bolt" unicode="&#xf3e6;" horiz-adv-x="226" 
+d="M160 384v0l-30 -160h96l-160 -224l30 160h-96z" />
+    <glyph glyph-name="ion-ios-book-outline" unicode="&#xf3e7;" horiz-adv-x="384" 
+d="M284 384c55 0 100 -26 100 -79v-1v-4v-261v-17h-6h-11h-5c-17 30 -44 42 -78 42c-40 0 -74 -28 -82 -64h-20c-8 36 -42 64 -82 64c-34 0 -65 -16 -78 -42h-5h-11h-6v9v264v9v1c0 53 45 79 100 79c41 0 78 -14 92 -44c12 30 51 44 92 44zM184 37v254v13v2
+c-1 43 -39 62 -84 62c-44 0 -81 -19 -84 -61v-1v0v-262h1c19 26 48 36 83 36s66 -17 84 -43zM368 300v14v1c-3 42 -40 53 -84 53c-46 0 -84 -20 -84 -64v-1v-266c18 26 49 43 84 43s66 -10 84 -36v256z" />
+    <glyph glyph-name="ion-ios-book" unicode="&#xf3e8;" horiz-adv-x="384" 
+d="M100 384c35 0 67 -10 84 -31v-353h-2c-8 36 -42 64 -82 64c-34 0 -65 -16 -78 -42h-5h-11h-6v9v264v9v1c0 53 45 79 100 79zM284 384c55 0 100 -26 100 -79v-1v-4v-261v-17h-6h-11h-5c-17 30 -44 42 -78 42c-40 0 -74 -28 -82 -64h-2v353c17 21 50 31 84 31z" />
+    <glyph glyph-name="ion-ios-bookmarks-outline" unicode="&#xf3e9;" horiz-adv-x="418" 
+d="M385 384c19 0 33 -13 33 -32v-286c0 -19 -14 -34 -33 -34h-143s-25 -4 -25 -19v-13h-8h-8v13c0 15 -11 19 -25 19h-143c-19 0 -33 15 -33 34v286c0 19 14 32 33 32h150c10 0 20 -5 26 -12v0v0c6 7 16 12 26 12h150zM201 37v309c0 9 -12 22 -25 22h-143
+c-9 0 -16 -7 -16 -16v-286c0 -9 7 -18 16 -18h144c10 0 19 -3 24 -11zM273 368v-100l23 14l9 6l9 -6l23 -14v100h-64zM401 66v286c0 9 -7 16 -16 16h-32v-131l-48 32l-48 -32v131h-15c-13 0 -25 -13 -25 -22v-309c5 9 14 11 24 11h144c9 0 16 9 16 18z" />
+    <glyph glyph-name="ion-ios-bookmarks" unicode="&#xf3ea;" horiz-adv-x="418" 
+d="M296 283l-23 -15v116h64v-116l-23 15l-9 6zM385 384c19 0 33 -13 33 -32v-286c0 -19 -14 -34 -33 -34h-143s-25 -4 -25 -19v-13h-8h-8v13c0 15 -11 19 -25 19h-143c-19 0 -33 15 -33 34v286c0 19 14 32 33 32h150s18 -8 18 -15v-329l8 -6l8 6v329s10 15 18 15h22v-146
+l48 32l48 -32v146h32z" />
+    <glyph glyph-name="ion-ios-box-outline" unicode="&#xf3eb;" horiz-adv-x="320" 
+d="M192 208h-1h-63c-9 0 -16 -7 -16 -16s7 -16 16 -16h64c9 0 16 7 16 16s-7 16 -16 16zM192 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-64c-18 0 -32 14 -32 32s14 32 32 32h64zM320 336v-80h-16v-208h-288v208h-16v80h320zM288 64v192h-256v-192h256zM304 272v48h-288
+v-48h288z" />
+    <glyph glyph-name="ion-ios-box" unicode="&#xf3ec;" horiz-adv-x="320" 
+d="M16 48v192h288v-192h-288zM128 208c-9 0 -16 -7 -16 -16s7 -16 16 -16h64c9 0 16 7 16 16s-7 16 -16 16h-64zM0 336h320v-80h-16h-288h-16v80z" />
+    <glyph glyph-name="ion-ios-briefcase-outline" unicode="&#xf3ed;" horiz-adv-x="416" 
+d="M368 320h48v-320h-416v320h48v16h32v-16h48v30v2c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-2v-30h48v16h32v-16zM144 320v0h128v0v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18v-30zM400 16v224h-384v-224h384zM400 256v48h-32v-16h-32v16h-256v-16h-32v16h-32v-48
+h384z" />
+    <glyph glyph-name="ion-ios-briefcase" unicode="&#xf3ee;" horiz-adv-x="416" 
+d="M48 320v16h32v-16h-32zM0 0v240h416v-240h-416zM336 320v16h32v-16h-32zM368 320h48v-64h-416v64h48v-32h32v32h48v30v2c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-2v-30h48v-32h32v32zM272 320v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18v-30v0h128v0z" />
+    <glyph glyph-name="ion-ios-browsers-outline" unicode="&#xf3ef;" horiz-adv-x="384" 
+d="M0 304h304v-304h-304v304zM288 16v272h-272v-272h272zM384 384v-304h-64v16h48v272h-272v-48h-16v64h304z" />
+    <glyph glyph-name="ion-ios-browsers" unicode="&#xf3f0;" horiz-adv-x="384" 
+d="M0 304h304v-304h-304v304zM80 384h304v-304h-64v240h-240v64z" />
+    <glyph glyph-name="ion-ios-calculator-outline" unicode="&#xf3f1;" horiz-adv-x="288" 
+d="M32 288v64h224v-64h-224zM48 336v-32h192v32h-192zM256 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-224c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h224zM272 32v320c0 9 -7 16 -16 16h-224c-9 0 -16 -7 -16 -16v-320c0 -9 7 -16 16 -16h224c9 0 16 7 16 16z
+M48 208h32h16v-16h-64v64h16v-16v-32zM48 128h32h16v-16h-64v64h16v-16v-32zM48 48h32h16v-16h-64v64h16v-16v-32zM128 208h32h16v-16h-64v64h16v-16v-32zM208 208h32h16v-16h-64v64h16v-16v-32zM128 128h32h16v-16h-64v64h16v-16v-32zM128 48h32h16v-16h-64v64h16v-16v-32z
+M208 48h32h16v-16h-64v144h16v-96v-32z" />
+    <glyph glyph-name="ion-ios-calculator" unicode="&#xf3f2;" horiz-adv-x="288" 
+d="M256 384c18 0 32 -14 32 -32v-320c0 -18 -14 -32 -32 -32h-224c-18 0 -32 14 -32 32v320c0 18 14 32 32 32h224zM248 168h-48v-128h48v128zM248 248h-48v-48h48v48zM168 88h-48v-48h48v48zM168 168h-48v-48h48v48zM168 248h-48v-48h48v48zM88 88h-48v-48h48v48zM88 168
+h-48v-48h48v48zM88 248h-48v-48h48v48zM40 296h208v48h-208v-48z" />
+    <glyph glyph-name="ion-ios-calendar-outline" unicode="&#xf3f3;" horiz-adv-x="384" 
+d="M16 336v-64h352v64zM288 352h96v-352h-384v352h96v32h16v-32h160v32h16v-32zM368 16v240h-352v-240h352zM368 272v64h-80v-32h-16v32h-160v-32h-16v32h-80v-64h352z" />
+    <glyph glyph-name="ion-ios-calendar" unicode="&#xf3f4;" horiz-adv-x="384" 
+d="M0 0v256h384v-256h-384zM384 352v-80h-384v80h96v-48h16v48h160v-48h16v48h96zM96 352v32h16v-32h-16zM272 352v32h16v-32h-16z" />
+    <glyph glyph-name="ion-ios-camera-outline" unicode="&#xf3f5;" horiz-adv-x="384" 
+d="M354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM368 81v176c0 9 -5 15 -14 15h-62h-7l-5 3c-3 4 -7 8 -10 11c-12 13 -20 24 -26 30
+c-5 5 -7 4 -7 4h-88s-2 0 -7 -4c-6 -5 -14 -14 -25 -27c-3 -4 -7 -10 -11 -14l-5 -3h-7h-60c-9 0 -18 -7 -18 -15v-176c0 -9 9 -17 18 -17h320c8 0 14 8 14 17zM192 258c47 0 86 -38 86 -85s-39 -85 -86 -85s-86 38 -86 85s39 85 86 85zM192 104c38 0 70 31 70 69
+s-32 69 -70 69s-70 -31 -70 -69s32 -69 70 -69zM288 239v17h17v-17h-17zM160 173c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z" />
+    <glyph glyph-name="ion-ios-camera" unicode="&#xf3f6;" horiz-adv-x="384" 
+d="M354 288c18 0 30 -13 30 -31v-176c0 -18 -12 -33 -30 -33h-320c-18 0 -34 15 -34 33v176c0 18 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM192 88c47 0 86 38 86 85s-39 85 -86 85s-86 -38 -86 -85s39 -85 86 -85zM305 239v17h-17v-17h17
+zM192 242c38 0 70 -31 70 -69s-32 -69 -70 -69s-70 31 -70 69s32 69 70 69zM192 141c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-ios-cart-outline" unicode="&#xf3f7;" horiz-adv-x="384" 
+d="M96 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM96 16c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM320 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM320 16c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM384 320
+l-16 -128l-271 -48l5 -30c7 -34 21 -34 26 -34h240v-16h-240c-11 0 -21 5 -28 14c-6 8 -11 19 -13 33l-43 234v0c-2 8 -3 12 -7 16c-6 5 -18 7 -37 7v16c23 0 38 -4 47 -11c7 -6 10 -14 12 -21zM355 206l11 99l-304 31l32 -176z" />
+    <glyph glyph-name="ion-ios-cart" unicode="&#xf3f8;" horiz-adv-x="384" 
+d="M96 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM320 48c13 0 24 -11 24 -24s-11 -24 -24 -24s-24 11 -24 24s11 24 24 24zM384 320l-16 -128l-271 -48l5 -30c7 -34 21 -34 26 -34h240v-16h-240c-11 0 -21 5 -28 14c-6 8 -11 19 -13 33l-43 234v0
+c-2 8 -3 12 -7 16c-6 5 -18 7 -37 7v16c23 0 38 -4 47 -11c7 -6 10 -14 12 -21z" />
+    <glyph glyph-name="ion-ios-chatboxes-outline" unicode="&#xf3f9;" horiz-adv-x="416" 
+d="M16 384v-192h96v-16h-112v224h288v-112h-16v96h-256zM128 272h288v-224h-48v-64h-13l-64 64h-163v224zM400 64v192h-256v-192h153l55 -55v55h48z" />
+    <glyph glyph-name="ion-ios-chatboxes" unicode="&#xf3fa;" horiz-adv-x="416" 
+d="M288 400v-112h-176v-112h-112v224h288zM128 272h288v-224h-48v-64h-13l-64 64h-163v224z" />
+    <glyph glyph-name="ion-ios-chatbubble-outline" unicode="&#xf3fb;" horiz-adv-x="384" 
+d="M192 336c-97 0 -176 -62 -176 -138c0 -26 10 -51 27 -73c0 -1 0 -2 1 -3s2 -1 2 -2c4 -6 6 -13 6 -20c0 -3 1 -3 -13 -47l39 17v0c2 1 10 4 11 4h1v0c5 2 10 3 16 3c5 0 9 -1 14 -2l1 -1h2c19 -6 41 -10 70 -10c48 0 92 15 125 40c32 25 50 58 50 94
+c0 76 -79 138 -176 138zM192 352v0c106 0 192 -69 192 -154s-85 -150 -191 -150c-27 0 -52 3 -75 11h-2v0c-3 1 -6 2 -10 2s-9 -1 -12 -2h1h-1c-1 0 -9 -4 -10 -4l-50 -22l-2 -1h-3h-3c-6 1 -8 6 -7 10v0s17 57 17 58c0 4 -1 8 -3 11v0v0v0l1 -1l-4 4c-19 24 -30 53 -30 84
+c0 85 86 154 192 154z" />
+    <glyph glyph-name="ion-ios-chatbubble" unicode="&#xf3fc;" horiz-adv-x="384" 
+d="M192 352v0c106 0 192 -69 192 -154s-85 -150 -191 -150c-27 0 -52 3 -75 11h-2v0c-3 1 -6 2 -10 2s-9 -1 -12 -2h1h-1c-1 0 -9 -4 -10 -4l-50 -22l-2 -1h-3h-3c-6 1 -8 6 -7 10v0s17 57 17 58c0 4 -1 8 -3 11v0v0v0l1 -1l-4 4c-19 24 -30 53 -30 84c0 85 86 154 192 154z
+" />
+    <glyph glyph-name="ion-ios-checkmark-empty" unicode="&#xf3fd;" horiz-adv-x="207" 
+d="M74 118c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-56 56l18 18l47 -47l125 126l17 -18z" />
+    <glyph glyph-name="ion-ios-checkmark-outline" unicode="&#xf3fe;" horiz-adv-x="416" 
+d="M292 271l18 -18l-134 -135c-2 -2 -6 -4 -9 -4s-7 2 -9 4l-56 56l18 18l47 -47zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+    <glyph glyph-name="ion-ios-checkmark" unicode="&#xf3ff;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM176 118l134 135l-18 18l-125 -126l-47 47l-18 -18l56 -56c2 -2 6 -4 9 -4s7 2 9 4z" />
+    <glyph glyph-name="ion-ios-circle-filled" unicode="&#xf400;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM208 352c88 0 160 -72 160 -160s-72 -160 -160 -160s-160 72 -160 160s72 160 160 160z" />
+    <glyph glyph-name="ion-ios-circle-outline" unicode="&#xf401;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+    <glyph glyph-name="ion-ios-clock-outline" unicode="&#xf402;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM208 192v128h17v-145h-113v17h96z" />
+    <glyph glyph-name="ion-ios-clock" unicode="&#xf403;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM225 175v145h-17v-128h-96v-17h113z" />
+    <glyph glyph-name="ion-ios-close-empty" unicode="&#xf404;" horiz-adv-x="192" 
+d="M180 288l12 -12l-84 -84l84 -84l-12 -12l-84 84l-84 -84l-12 12l84 84l-84 84l12 12l84 -84z" />
+    <glyph glyph-name="ion-ios-close-outline" unicode="&#xf405;" horiz-adv-x="416" 
+d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM343 57c74 74 74 196 0 270s-196 74 -270 0s-74 -196 0 -270s196 -74 270 0zM292 288l12 -12l-84 -84l84 -84l-12 -12l-84 84l-84 -84l-12 12l84 84l-84 84l12 12l84 -84z" />
+    <glyph glyph-name="ion-ios-close" unicode="&#xf406;" horiz-adv-x="416" 
+d="M355 339c81 -81 81 -213 0 -294s-213 -81 -294 0s-81 213 0 294s213 81 294 0zM304 108l-84 84l84 84l-12 12l-84 -84l-84 84l-12 -12l84 -84l-84 -84l12 -12l84 84l84 -84z" />
+    <glyph glyph-name="ion-ios-cloud-download-outline" unicode="&#xf407;" 
+d="M161 67l55 -54v242h16v-242l55 54l12 -12l-75 -73l-74 73zM367 284c45 0 81 -37 81 -82s-37 -82 -82 -82v0h-101v16h97h4c37 0 66 30 66 66s-29 67 -66 67h-15v20c0 55 -46 97 -101 97c-38 0 -73 -22 -90 -56l-6 -14l-14 7c-6 3 -13 5 -20 5c-22 0 -40 -18 -44 -39l-1 -9
+l-9 -3c-30 -10 -50 -36 -50 -67c0 -40 33 -74 74 -74h91v-16h-91c-50 0 -90 40 -90 89c0 39 26 71 61 83c5 28 29 51 59 51c10 0 18 -2 26 -6c19 39 59 65 105 65c64 0 117 -51 117 -115c0 -1 -1 -2 -1 -3z" />
+    <glyph glyph-name="ion-ios-cloud-download" unicode="&#xf408;" 
+d="M216 13v107h16v-107l55 54l12 -12l-75 -73l-74 73l11 12zM367 284c45 0 81 -37 81 -82s-37 -82 -82 -82h-134v135h-16v-135h-35h-21h-70c-50 0 -90 40 -90 89c0 39 26 71 61 83c5 28 29 51 59 51c10 0 18 -2 26 -6c19 39 59 65 105 65c64 0 117 -51 117 -115
+c0 -1 -1 -2 -1 -3z" />
+    <glyph glyph-name="ion-ios-cloud-outline" unicode="&#xf409;" 
+d="M367 215c45 0 81 -37 81 -83c0 -45 -37 -84 -82 -84h-276c-50 0 -90 42 -90 92c0 40 26 71 61 83c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 67 105 67c64 0 117 -53 117 -117c0 -1 -1 -3 -1 -4zM366 64c37 0 66 32 66 69s-29 67 -66 67h-15v21c0 56 -46 99 -101 99
+c-38 0 -73 -23 -90 -58l-6 -14l-14 7c-6 3 -13 5 -20 5c-22 0 -40 -17 -44 -39l-1 -9l-9 -3c-30 -10 -50 -37 -50 -69c0 -41 33 -76 74 -76h272h4z" />
+    <glyph glyph-name="ion-ios-cloud-upload-outline" unicode="&#xf40a;" 
+d="M161 188l-11 11l74 75l75 -75l-12 -11l-55 54v-242h-16v242zM367 264c45 0 81 -39 81 -85s-37 -83 -82 -83v0h-101v16h97h4c37 0 66 30 66 67s-29 70 -66 70l-15 1v20c0 56 -46 99 -101 99c-38 0 -73 -23 -90 -58l-6 -13l-14 6c-6 3 -13 5 -20 5c-22 0 -40 -17 -44 -39
+l-1 -9l-9 -3c-30 -10 -50 -39 -50 -71c0 -41 33 -75 74 -75h91v-16h-91c-50 0 -90 40 -90 90c0 40 26 74 61 86c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 66 105 66c64 0 117 -52 117 -116c0 -1 -1 -3 -1 -4z" />
+    <glyph glyph-name="ion-ios-cloud-upload" unicode="&#xf40b;" 
+d="M216 0v96h16v-96h-16zM367 264c45 0 81 -39 81 -85s-37 -83 -82 -83h-134v146l55 -54l12 11l-75 75l-74 -75l11 -11l55 54v-146h-35h-31h-60c-50 0 -90 40 -90 90c0 40 26 74 61 86c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 66 105 66c64 0 117 -52 117 -116
+c0 -1 -1 -3 -1 -4z" />
+    <glyph glyph-name="ion-ios-cloud" unicode="&#xf40c;" 
+d="M367 215c45 0 81 -37 81 -83c0 -45 -37 -84 -82 -84h-276c-50 0 -90 42 -90 92c0 40 26 71 61 83c5 28 29 52 59 52c10 0 18 -2 26 -6c19 39 59 67 105 67c64 0 117 -53 117 -117c0 -1 -1 -3 -1 -4z" />
+    <glyph glyph-name="ion-ios-cloudy-night-outline" unicode="&#xf40d;" horiz-adv-x="384" 
+d="M125 224c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-5 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 14 -39 14zM125 240v0c37 0 68 -26 76 -61
+h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78zM361 142c8 0 15 2 23 4c-4 -7 -9 -14 -14 -20c-21 -24 -50 -41 -84 -45c4 6 6 12 8 19c19 4 36 13 50 25c-18 1 -35 6 -50 13c-23 11 -42 29 -56 51
+c-14 21 -22 48 -22 75c0 15 2 30 7 44c-24 -12 -43 -33 -53 -59c-5 2 -12 4 -18 5c14 36 45 65 82 77c8 2 16 4 24 5c-5 -6 -9 -13 -12 -20c-8 -16 -12 -34 -12 -52c0 -32 12 -63 35 -86s54 -36 86 -36h6z" />
+    <glyph glyph-name="ion-ios-cloudy-night" unicode="&#xf40e;" horiz-adv-x="384" 
+d="M361 142c8 0 15 2 23 4c-4 -7 -9 -15 -14 -21c-21 -24 -50 -40 -84 -44h-3c4 10 7 21 7 32c0 22 -9 43 -24 58c-14 15 -33 23 -53 24c-6 16 -16 29 -29 40c-10 8 -20 13 -32 17v2c14 36 45 65 82 77c8 2 16 4 24 5c-5 -6 -9 -13 -12 -20c-8 -16 -12 -34 -12 -52
+c0 -32 12 -63 35 -86s54 -36 86 -36h6zM125 239v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v7c0 43 35 79 78 79z" />
+    <glyph glyph-name="ion-ios-cloudy-outline" unicode="&#xf40f;" horiz-adv-x="274" 
+d="M125 272c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-6 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 14 -39 14zM125 288v0c37 0 68 -26 76 -61
+h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+    <glyph glyph-name="ion-ios-cloudy" unicode="&#xf410;" horiz-adv-x="274" 
+d="M125 288v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+    <glyph glyph-name="ion-ios-cog-outline" unicode="&#xf411;" horiz-adv-x="384" 
+d="M384 175l-33 -8l-3 -14l27 -20l-12 -30l-34 5l-8 -11l17 -29l-23 -23l-29 17l-10 -7l5 -34l-29 -12l-21 27l-14 -3l-8 -33h-32l-9 33l-13 3l-21 -28l-29 12l4 34l-11 8l-30 -19l-23 23l18 31l-7 11l-35 -5l-12 29l28 22l-2 12l-35 9v32l35 9l2 12l-29 22l12 30l36 -5
+l7 10l-19 32l22 22l32 -19l11 8l-4 35l29 13l22 -29l12 2l9 35h32l9 -35l12 -2l22 28l29 -12l-5 -35l11 -8l30 18l22 -23l-17 -30l7 -10l35 5l12 -30l-28 -21l3 -13l33 -9v-32zM356 127l-26 20l6 33l32 8v7l-32 8l-6 33l26 19l-3 7l-32 -5l-19 27l17 28l-5 6l-28 -17l-28 18
+l5 34l-6 2l-20 -26l-32 6l-8 33h-7l-9 -33l-32 -6l-20 27l-7 -3l5 -34l-28 -18l-9 6l-21 12l-5 -5l18 -30l-18 -27l-33 5l-3 -7l27 -20l-6 -32l-33 -8v-7l33 -9l6 -32l-27 -20l3 -6l33 4l18 -27l-17 -29l5 -6l29 18l28 -18l-5 -33l7 -3l19 27l33 -7l8 -31h8l7 31l33 7
+l20 -26l7 3l-5 32l26 18l28 -16l5 5l-16 27l19 28l32 -4zM192 320c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM80 192c0 -7 1 -15 2 -22l104 28l28 104c-7 1 -15 2 -22 2c-30 0 -58 -12 -79 -33s-33 -49 -33 -79zM192 80c27 0 53 10 73 27
+l-75 75l-104 -28c6 -15 15 -29 27 -41c21 -21 49 -33 79 -33zM276 118c18 20 28 47 28 74c0 30 -12 58 -33 79c-12 12 -26 22 -42 27l-28 -105z" />
+    <glyph glyph-name="ion-ios-cog" unicode="&#xf412;" horiz-adv-x="384" 
+d="M229 298c16 -5 30 -15 42 -27c21 -21 33 -49 33 -79c0 -27 -10 -54 -28 -74l-75 75zM214 302l-28 -104l-104 -28c-1 7 -2 15 -2 22c0 30 12 58 33 79s49 33 79 33c7 0 15 -1 22 -2zM86 154l104 28l75 -75c-20 -17 -46 -27 -73 -27c-30 0 -58 12 -79 33
+c-12 12 -21 26 -27 41zM384 175l-33 -8l-3 -14l27 -20l-12 -30l-34 5l-8 -11l17 -29l-23 -23l-29 17l-10 -7l5 -34l-29 -12l-21 27l-14 -3l-8 -33h-32l-9 33l-13 3l-21 -28l-29 12l4 34l-11 8l-30 -19l-23 23l18 31l-7 11l-35 -5l-12 29l28 22l-2 12l-35 9v32l35 9l2 12
+l-29 22l12 30l36 -5l7 10l-19 32l22 22l32 -19l11 8l-4 35l29 13l22 -29l12 2l9 35h32l9 -35l12 -2l22 28l29 -12l-5 -35l11 -8l30 18l22 -23l-17 -30l7 -10l35 5l12 -30l-28 -21l3 -13l33 -9v-32zM192 64c71 0 128 57 128 128s-57 128 -128 128s-128 -57 -128 -128
+s57 -128 128 -128z" />
+    <glyph glyph-name="ion-ios-color-filter-outline" unicode="&#xf413;" horiz-adv-x="384" 
+d="M302 236c47 -13 82 -57 82 -108c0 -62 -50 -112 -112 -112c-31 0 -60 13 -80 34c-20 -21 -49 -34 -80 -34c-62 0 -112 50 -112 112c0 51 35 95 82 108c-1 7 -2 13 -2 20c0 62 50 112 112 112s112 -50 112 -112c0 -7 -1 -13 -2 -20zM96 256c0 -6 0 -12 1 -17
+c5 1 10 1 15 1c31 0 60 -13 80 -34c20 21 49 34 80 34c5 0 10 0 15 -1c1 5 1 11 1 17c0 53 -43 96 -96 96s-96 -43 -96 -96zM208 128c0 6 0 12 -1 17c-5 -1 -10 -1 -15 -1s-10 0 -15 1c-1 -5 -1 -11 -1 -17c0 -20 6 -38 16 -53c10 15 16 33 16 53zM192 160c3 0 7 1 10 1
+c-3 7 -6 14 -10 20c-4 -6 -7 -13 -10 -20c3 0 7 -1 10 -1zM166 164c4 11 9 21 16 30c-18 18 -43 30 -70 30c-3 0 -7 -1 -10 -1c10 -29 34 -51 64 -59zM202 194c7 -9 12 -19 16 -30c30 8 54 30 64 59c-3 0 -7 1 -10 1c-27 0 -52 -12 -70 -30zM112 32c27 0 52 12 70 30
+c-14 19 -22 41 -22 66c0 7 1 13 2 20c-36 10 -64 37 -76 72c-40 -11 -70 -48 -70 -92c0 -53 43 -96 96 -96zM272 32c53 0 96 43 96 96c0 44 -30 81 -70 92c-12 -35 -40 -62 -76 -72c1 -7 2 -13 2 -20c0 -25 -8 -47 -22 -66c18 -18 43 -30 70 -30z" />
+    <glyph glyph-name="ion-ios-color-filter" unicode="&#xf414;" horiz-adv-x="384" 
+d="M302 236c47 -13 82 -57 82 -108c0 -62 -50 -112 -112 -112c-31 0 -60 13 -80 34c-20 -21 -49 -34 -80 -34c-62 0 -112 50 -112 112c0 51 35 95 82 108c-1 7 -2 13 -2 20c0 62 50 112 112 112s112 -50 112 -112c0 -7 -1 -13 -2 -20zM192 53l1 -2c3 3 6 7 9 11
+c14 19 22 41 22 66c0 7 -1 13 -2 20c36 10 64 37 76 72c2 5 3 10 4 15c-1 0 -2 1 -3 1v1c-4 1 -8 1 -12 2c-5 1 -10 1 -15 1c-31 0 -60 -13 -80 -34c-20 21 -49 34 -80 34c-5 0 -10 0 -15 -1c-4 -1 -8 -1 -12 -2v-1c-1 0 -2 -1 -3 -1c1 -5 2 -10 4 -15c12 -35 40 -62 76 -72
+c-1 -7 -2 -13 -2 -20c0 -25 8 -47 22 -66c3 -4 6 -8 9 -11zM207 145c1 -5 1 -11 1 -17c0 -20 -6 -38 -16 -53c-10 15 -16 33 -16 53c0 6 0 12 1 17c5 -1 10 -1 15 -1s10 0 15 1zM282 223c-10 -29 -34 -51 -64 -59c-4 11 -9 21 -16 30c18 18 43 30 70 30c3 0 7 -1 10 -1z
+M202 161c-3 0 -7 -1 -10 -1s-7 1 -10 1c3 7 6 14 10 20c4 -6 7 -13 10 -20zM112 224c27 0 52 -12 70 -30c-7 -9 -12 -19 -16 -30c-30 8 -54 30 -64 59c3 0 7 1 10 1z" />
+    <glyph glyph-name="ion-ios-color-wand-outline" unicode="&#xf415;" horiz-adv-x="384" 
+d="M128 298l256 -256l-34 -34l-256 256zM149 232l201 -201l11 11l-201 202zM120 344v40h16v-40h-16zM120 140v40h16v-40h-16zM216 256v16h40v-16h-40zM0 256v16h40v-16h-40zM47 354l29 -29l-12 -11l-28 28zM76 198l-29 -28l-11 11l28 28zM220 342l-28 -28l-12 11l29 29z" />
+    <glyph glyph-name="ion-ios-color-wand" unicode="&#xf416;" horiz-adv-x="396" 
+d="M140 289l256 -257l-34 -34l-256 257zM124 322v64h32v-64h-32zM124 118v64h32v-64h-32zM216 238v32h64v-32h-64zM246 336l-45 -45l-23 22l45 46zM34 336l23 23l45 -46l-23 -22zM34 169l45 45l23 -22l-45 -46zM0 238v32h64v-32h-64z" />
+    <glyph glyph-name="ion-ios-compose-outline" unicode="&#xf417;" horiz-adv-x="384" 
+d="M304 32v208l16 16v-240h-320v304h256l-16 -16h-224v-272h288zM174 164l171 171l11 -11l-180 -180h-32v32l180 180l11 -11l-171 -171zM380 368c2 -3 4 -6 4 -10s-2 -7 -4 -10l-12 -12l-21 21l-11 11v0l12 12c3 2 6 4 10 4s7 -2 10 -4z" />
+    <glyph glyph-name="ion-ios-compose" unicode="&#xf418;" horiz-adv-x="384" 
+d="M192 128l128 128v-240h-320v304h256l-128 -128v-64h64zM324 356l32 -32l-180 -180h-32v32zM380 368c2 -3 4 -6 4 -10s-2 -7 -4 -10l-12 -12l-21 21l-11 11v0l12 12c3 2 6 4 10 4s7 -2 10 -4z" />
+    <glyph glyph-name="ion-ios-contact-outline" unicode="&#xf419;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 383c-105 0 -191 -86 -191 -191c0 -47 17 -89 45 -122c18 8 62 24 90 32c2 1 3 0 3 10c0 11 -1 18 -4 24c-4 8 -7 20 -9 31c-4 5 -10 15 -14 33c-3 16 -1 22 1 28v2
+c1 4 0 23 -3 38c-2 10 1 34 15 52c9 12 27 26 58 28h18c32 -2 49 -16 58 -28c14 -18 17 -42 15 -52c-3 -15 -4 -34 -3 -38c0 0 1 -1 1 -2c2 -6 3 -12 0 -28c-4 -18 -10 -27 -14 -32c-2 -11 -5 -24 -9 -32c-3 -7 -6 -15 -6 -23c0 -10 0 -10 2 -11c27 -8 73 -24 93 -32
+c28 33 45 76 45 122c0 105 -86 191 -191 191z" />
+    <glyph glyph-name="ion-ios-contact" unicode="&#xf41a;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c59 0 111 27 146 69c-20 8 -66 24 -93 32c-2 1 -3 1 -3 11c0 8 4 16 7 23c4 8 7 21 9 32c4 5 10 14 14 32c3 16 2 22 0 28c0 0 -1 1 -1 2c-1 4 0 23 3 38c2 10 -1 34 -15 52
+c-9 12 -26 26 -58 28h-18c-31 -2 -49 -16 -58 -28c-14 -18 -17 -42 -15 -52c3 -15 4 -34 3 -38v-2c-2 -6 -4 -12 -1 -28c4 -18 10 -28 14 -33c2 -11 5 -23 9 -31c3 -6 4 -13 4 -24c0 -10 -1 -9 -3 -10c-28 -8 -72 -24 -90 -32c35 -42 87 -69 146 -69z" />
+    <glyph glyph-name="ion-ios-copy-outline" unicode="&#xf41b;" horiz-adv-x="288" 
+d="M192 352v-64h64v-16h-80v80h16zM213 384l75 -75v-261h-48v-48h-240v336h48v48h165zM224 16v32h-176v272h-32v-304h208zM272 64v238l-65 66h-143v-304h208z" />
+    <glyph glyph-name="ion-ios-copy" unicode="&#xf41c;" horiz-adv-x="288" 
+d="M32 32h16h192v-32h-240v336h32v-288v-16zM213 384l75 -75v-261h-48h-192v288v48h165zM256 272v16h-64v64h-16v-80h80z" />
+    <glyph glyph-name="ion-ios-crop-strong" unicode="&#xf41d;" horiz-adv-x="384" 
+d="M64 336v48h32v-48h-32zM96 96h176v-32h-208v208h32v-176zM336 64v32h48v-32h-48zM0 320h320v-320h-32v288h-288v32z" />
+    <glyph glyph-name="ion-ios-crop" unicode="&#xf41e;" horiz-adv-x="384" 
+d="M64 336v48h16v-48h-16zM80 80h208v-16h-224v224h16v-208zM336 64v16h48v-16h-48zM0 320h320v-320h-16v304h-304v16z" />
+    <glyph glyph-name="ion-ios-download-outline" unicode="&#xf41f;" horiz-adv-x="320" 
+d="M192 304h128v-304h-320v304h128v-16h-112v-272h288v272h-112v16zM97 196l55 -55v243h16v-243l55 55l11 -12l-74 -74l-74 74z" />
+    <glyph glyph-name="ion-ios-download" unicode="&#xf420;" horiz-adv-x="320" 
+d="M168 304h152v-304h-320v304h152v-163l-55 55l-11 -12l74 -74l74 74l-11 12l-55 -55v163zM152 304v80h16v-80h-16z" />
+    <glyph glyph-name="ion-ios-drag" unicode="&#xf421;" horiz-adv-x="352" 
+d="M0 128v16h352v-16h-352zM0 184v16h352v-16h-352zM0 240v16h352v-16h-352z" />
+    <glyph glyph-name="ion-ios-email-outline" unicode="&#xf422;" horiz-adv-x="384" 
+d="M0 320h384v-256h-384v256zM192 180l163 124h-326zM16 80h352v214l-115 -88l68 -77l-2 -2l-79 70l-48 -37l-48 37l-79 -70l-2 2l68 77l-115 88v-214z" />
+    <glyph glyph-name="ion-ios-email" unicode="&#xf423;" horiz-adv-x="384" 
+d="M384 64h-384v242l131 -100l-68 -77l2 -2l79 70l48 -37l48 37l79 -70l2 2l-68 77l131 100v-242zM376 320l-184 -140l-184 140h368z" />
+    <glyph glyph-name="ion-ios-eye-outline" unicode="&#xf424;" horiz-adv-x="384" 
+d="M383 192l1 -1l-6 -6c-21 -21 -47 -48 -78 -69c-36 -24 -72 -36 -108 -36c-83 0 -130 49 -185 105l-7 7l1 1c39 40 67 64 94 81c32 20 63 30 97 30c83 0 146 -60 191 -112zM192 288c-62 0 -111 -36 -170 -96c24 -24 48 -50 76 -68c30 -20 60 -28 94 -28
+c75 0 133 56 171 95c-26 29 -50 50 -74 66c-32 21 -64 31 -97 31zM192 112c-44 0 -80 36 -80 80s36 80 80 80s80 -36 80 -80s-36 -80 -80 -80zM192 256c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64zM224 192h16v0c0 -26 -22 -48 -48 -48s-48 21 -48 48
+s22 48 48 48v-16c-16 0 -32 -13 -32 -31s15 -33 32 -33s32 14 32 32v0z" />
+    <glyph glyph-name="ion-ios-eye" unicode="&#xf425;" horiz-adv-x="384" 
+d="M383 192l1 -1l-6 -6c-21 -21 -47 -48 -78 -69c-36 -24 -72 -36 -108 -36c-83 0 -130 49 -185 105l-7 7l1 1c39 40 67 64 94 81c32 20 63 30 97 30c83 0 146 -60 191 -112zM192 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM186 221
+c0 -19 16 -35 35 -35c7 0 14 2 19 6v0c0 -27 -22 -48 -48 -48s-48 21 -48 48s22 48 48 48c-4 -5 -6 -12 -6 -19z" />
+    <glyph glyph-name="ion-ios-fastforward-outline" unicode="&#xf426;" 
+d="M16 293v-202l184 101zM240 292v0v-78v-27v-95l176 100zM224 320v0l224 -128l-224 -128v123l-224 -123v256l224 -123v123z" />
+    <glyph glyph-name="ion-ios-fastforward" unicode="&#xf427;" 
+d="M224 320v0l224 -128l-224 -128v123l-224 -123v256l224 -123v123z" />
+    <glyph glyph-name="ion-ios-filing-outline" unicode="&#xf428;" horiz-adv-x="352" 
+d="M288 320l64 -96v-160h-176h-176v160l64 96h224zM333 224l-45 68v-68h45zM80 304v-80h48c0 -26 22 -48 48 -48s48 22 48 48h48v80h-192zM64 292l-45 -68h45v68zM336 80v128h-98c-7 -28 -32 -48 -62 -48s-55 20 -62 48h-98v-128h160h160z" />
+    <glyph glyph-name="ion-ios-filing" unicode="&#xf429;" horiz-adv-x="352" 
+d="M176 160c30 0 55 20 62 48h114v-144h-176h-176v144h114c7 -28 32 -48 62 -48zM64 224h-7h-57l64 96v0v-80h16v80h192v-80h16v80v0l64 -96h-56h-8h-16h-8h-40c0 -26 -22 -48 -48 -48s-48 22 -48 48h-39h-9h-16z" />
+    <glyph glyph-name="ion-ios-film-outline" unicode="&#xf42a;" horiz-adv-x="400" 
+d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 40v144h-224v-144h224zM312 200v144h-224v-144h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48
+h56zM384 232v48h-56v-48h56zM384 296v48h-56v-48h56z" />
+    <glyph glyph-name="ion-ios-film" unicode="&#xf42b;" horiz-adv-x="400" 
+d="M0 360h400v-336h-400v336zM72 40v48h-56v-48h56zM72 104v48h-56v-48h56zM72 168v48h-56v-48h56zM72 232v48h-56v-48h56zM72 296v48h-56v-48h56zM312 184v16h-224v-16h224zM384 40v48h-56v-48h56zM384 104v48h-56v-48h56zM384 168v48h-56v-48h56zM384 232v48h-56v-48h56z
+M384 296v48h-56v-48h56z" />
+    <glyph glyph-name="ion-ios-flag-outline" unicode="&#xf42c;" horiz-adv-x="256" 
+d="M240 336c6 1 11 1 16 2v-16v-157c-5 -1 -10 -1 -16 -2c-11 -1 -24 -3 -39 -3c-25 0 -47 4 -69 9s-42 13 -64 13c-30 0 -46 -5 -52 -7v-143h-16v142v162v2l3 3c2 1 18 11 65 11c24 0 45 -4 67 -9c21 -4 42 -11 65 -11c15 0 29 3 40 4zM240 179v0v141c-11 -1 -25 -4 -40 -4
+c-25 0 -46 6 -68 11s-42 9 -64 9c-30 0 -46 -5 -52 -7v-137c10 3 26 6 52 6c24 0 45 -8 67 -13c21 -4 43 -9 66 -9c15 0 28 2 39 3z" />
+    <glyph glyph-name="ion-ios-flag" unicode="&#xf42d;" horiz-adv-x="256" 
+d="M240 336c6 1 11 1 16 2v-16v-157c-5 -1 -10 -1 -16 -2c-11 -1 -24 -3 -39 -3c-25 0 -47 4 -69 9s-42 13 -64 13c-30 0 -46 -5 -52 -7v-143h-16v142v162v2l3 3c2 1 18 11 65 11c24 0 45 -4 67 -9c21 -4 42 -11 65 -11c15 0 29 3 40 4z" />
+    <glyph glyph-name="ion-ios-flame-outline" unicode="&#xf42e;" horiz-adv-x="256" 
+d="M96 416c87 -64 170 -179 159 -288c-13 -134 -104 -160 -127 -160s-127 40 -128 160c-1 146 122 143 96 288zM128 -24c0 0 40 36 40 80s-40 80 -40 80s-41 -36 -41 -80s41 -80 41 -80zM239 130c5 47 -10 99 -41 151c-22 36 -50 70 -83 99c0 -57 -24 -91 -49 -123
+c-26 -34 -50 -65 -50 -129c0 -25 5 -48 15 -68c8 -17 20 -32 35 -45c8 -7 16 -12 23 -16c-9 16 -18 35 -18 57c0 51 44 90 46 92l11 9l11 -9c2 -2 45 -41 45 -92c0 -23 -9 -44 -19 -60c7 4 13 8 20 14c14 12 25 27 34 44c11 21 17 47 20 76z" />
+    <glyph glyph-name="ion-ios-flame" unicode="&#xf42f;" horiz-adv-x="256" 
+d="M96 416c87 -64 170 -179 159 -288c-13 -134 -104 -160 -127 -160s-127 40 -128 160c-1 146 122 143 96 288zM128 -24c0 0 40 36 40 80s-40 80 -40 80s-41 -36 -41 -80s41 -80 41 -80z" />
+    <glyph glyph-name="ion-ios-flask-outline" unicode="&#xf430;" horiz-adv-x="384" 
+d="M373 78c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-256c-36 0 -64 27 -65 64c0 14 4 30 12 46l116 195v127h-16v16h16h16v-16v-16h48v-16h-48v-32h32v-16h-32v-32h48v-16h-48v-3l-2 -4l-15 -25h49v-16h-58l-92 -154c-13 -25 -14 -43 -2 -63c9 -14 23 -23 41 -23h256
+c17 0 33 8 41 22c5 8 6 17 6 26c0 12 -2 25 -9 38l-116 195l-3 4v131v16h16h16v-16h-16v-127zM44 73l72 119h153l72 -119c7 -11 10 -24 10 -33c-1 -24 -16 -40 -46 -40h-226c-30 0 -46 12 -46 40c0 9 4 22 11 33zM260 176h-135l-67 -111v0v0c-5 -8 -9 -19 -9 -25
+c0 -13 5 -17 6 -18c4 -4 13 -6 24 -6h226c10 0 18 3 23 7c4 4 7 10 7 18c0 6 -3 16 -8 24v0v0z" />
+    <glyph glyph-name="ion-ios-flask" unicode="&#xf431;" horiz-adv-x="384" 
+d="M327 65v0c5 -8 8 -18 8 -24c0 -8 -3 -14 -7 -18c-5 -4 -13 -7 -23 -7h-226c-11 0 -20 2 -24 6c-1 1 -6 5 -6 18c0 6 4 17 9 25v0v0l67 111h135l67 -111v0zM373 78c8 -16 11 -32 11 -46c-1 -36 -27 -64 -63 -64h-256c-36 0 -64 27 -65 64c0 14 4 30 12 46l116 195v127h-16
+v16h160v-16h-16v-127zM144 384v-16h48v16h-48zM144 336v-16h32v16h-32zM144 288v-16h48v16h-48zM127 240l-9 -16h58v16h-49zM351 40c0 9 -3 22 -10 33l-72 119h-154l-71 -119c-7 -11 -11 -24 -11 -33c0 -28 16 -40 46 -40h226c30 0 45 16 46 40z" />
+    <glyph glyph-name="ion-ios-flower-outline" unicode="&#xf432;" 
+d="M363 164c-29 0 -65 7 -93 14c-1 -3 -2 -6 -4 -9c25 -15 56 -36 76 -56c40 -40 53 -68 41 -80c-3 -3 -7 -4 -12 -4c-15 0 -38 15 -68 45c-20 20 -41 51 -56 76c-3 -2 -7 -3 -10 -4c7 -28 15 -64 15 -93c0 -56 -12 -85 -28 -85s-28 29 -28 85c0 29 8 65 15 93
+c-3 1 -7 2 -10 4c-15 -25 -36 -56 -56 -76c-30 -30 -53 -45 -68 -45c-5 0 -9 1 -12 4c-12 12 1 40 41 80c20 20 51 41 76 56c-2 3 -3 6 -4 9c-28 -7 -64 -14 -93 -14c-56 0 -85 12 -85 28s29 28 85 28c29 0 65 -8 93 -15c1 3 2 7 4 10c-25 15 -56 35 -76 55
+c-40 40 -53 68 -41 80c3 3 7 4 12 4c15 0 38 -14 68 -44c20 -20 41 -51 56 -76c3 2 7 3 10 4c-7 28 -15 64 -15 93c0 56 12 85 28 85s28 -29 28 -85c0 -29 -8 -65 -15 -93c3 -1 7 -2 10 -4c15 25 36 56 56 76c30 30 53 44 68 44c5 0 9 -1 12 -4c12 -12 -1 -40 -41 -80
+c-20 -20 -51 -40 -76 -55c2 -3 3 -7 4 -10c28 7 64 15 93 15c56 0 85 -12 85 -28s-29 -28 -85 -28zM288 193v-3c30 -7 56 -10 75 -10c21 0 39 2 52 5c10 3 14 6 16 7c-2 1 -6 4 -16 7c-13 3 -31 5 -52 5c-19 0 -45 -4 -75 -11zM314 299c-14 -14 -30 -35 -46 -61l2 -2
+c26 16 47 32 61 46c15 15 26 28 33 40c5 9 7 14 7 16c-4 0 -22 -4 -57 -39zM178 236l2 2c-16 26 -32 47 -46 61c-35 35 -53 39 -57 39c0 -2 2 -7 7 -16c7 -12 18 -25 33 -40c14 -14 35 -30 61 -46zM85 180c19 0 45 3 75 10v3c-30 7 -56 11 -75 11c-21 0 -39 -2 -52 -5
+c-10 -3 -14 -6 -16 -7c2 -1 5 -4 15 -7c13 -3 32 -5 53 -5zM134 85c14 14 30 35 46 61l-2 2c-26 -16 -47 -32 -61 -46c-15 -15 -26 -29 -33 -41c-5 -9 -7 -14 -7 -16c4 0 22 5 57 40zM270 148l-2 -2c16 -26 32 -47 46 -61c35 -35 53 -40 57 -40c0 2 -2 7 -7 16
+c-7 12 -18 26 -33 41c-14 14 -35 30 -61 46zM217 383c-3 -13 -5 -31 -5 -52c0 -19 4 -45 11 -75h2c7 30 11 56 11 75c0 21 -2 39 -5 52c-3 10 -6 14 -7 16c-1 -2 -4 -6 -7 -16zM231 0c3 13 5 32 5 53c0 19 -4 45 -11 75h-2c-7 -30 -11 -56 -11 -75c0 -21 2 -40 5 -53
+c3 -10 6 -13 7 -15c1 2 4 5 7 15zM224 160c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM313 42c10 -34 7 -53 -5 -58c-2 -1 -3 -1 -5 -1c-11 0 -25 13 -37 35c5 35 -2 76 -2 76s24 -34 49 -52zM302 -1c1 4 2 14 -3 34c-5 4 -10 9 -15 14
+c0 -9 0 -17 -1 -25c10 -16 16 -22 19 -23zM182 365c-6 -35 1 -75 1 -75s-27 35 -48 51c-10 35 -7 54 5 59c2 1 3 1 5 1c11 0 24 -12 37 -36zM164 337c0 9 0 17 1 25c-10 16 -16 21 -19 22c-1 -4 -2 -14 3 -34c5 -4 10 -8 15 -13zM50 149c35 -4 76 2 76 2s-34 -24 -51 -48
+c-12 -4 -26 -6 -35 -6c-13 0 -21 4 -24 11c-5 11 7 25 34 41zM66 117c4 5 8 10 13 15c-9 0 -17 0 -25 1c-16 -10 -21 -16 -22 -19c1 0 4 -1 8 -1c7 0 16 1 26 4zM432 276c5 -11 -7 -26 -34 -42c-35 5 -76 -2 -76 -2s33 25 51 49c13 4 26 5 35 5c13 0 21 -3 24 -10zM394 250
+c16 10 21 16 22 19c-1 0 -4 1 -8 1c-7 0 -16 -1 -26 -4c-4 -5 -8 -9 -13 -14c9 0 17 -1 25 -2zM131 39c31 24 53 55 53 55s-7 -39 -3 -71c-15 -26 -28 -39 -39 -39c-2 0 -4 0 -6 1c-11 5 -13 24 -5 54zM143 1c4 2 12 8 22 26c0 6 -1 13 -1 20c-6 -6 -13 -12 -19 -17
+c-4 -18 -3 -26 -2 -29zM312 398c11 -5 13 -22 5 -54c-29 -21 -53 -55 -53 -55s8 48 3 71c13 25 28 39 39 39c2 0 4 0 6 -1zM303 353c5 18 3 27 2 30c-4 -2 -12 -8 -22 -26c0 -6 1 -14 1 -21c6 6 13 12 19 17zM71 285c18 -24 55 -53 55 -53s-40 7 -70 3c-28 15 -43 32 -38 44
+c3 7 10 11 22 11c8 0 21 -1 31 -5zM33 273c2 -4 8 -12 26 -22c6 0 13 1 20 1c-6 6 -12 12 -17 18c-8 2 -16 4 -22 4c-4 0 -6 -1 -7 -1zM392 149c30 -17 43 -33 38 -45c-3 -7 -10 -10 -22 -10c-8 0 -19 1 -31 5c-20 27 -55 52 -55 52s45 -8 70 -2zM408 110c4 0 6 1 7 1
+c-2 4 -8 12 -26 22c-6 0 -13 -1 -20 -1c6 -6 12 -13 17 -19c8 -2 16 -3 22 -3z" />
+    <glyph glyph-name="ion-ios-flower" unicode="&#xf433;" 
+d="M363 220c56 0 85 -12 85 -28s-29 -28 -85 -28c-29 0 -65 7 -93 14c-1 -3 -2 -6 -4 -9c25 -15 56 -36 76 -56c40 -40 53 -68 41 -80s-40 1 -80 41c-20 20 -41 51 -56 76c-3 -2 -7 -3 -10 -4c7 -28 15 -64 15 -93c0 -56 -12 -85 -28 -85s-28 29 -28 85c0 29 8 65 15 93
+c-3 1 -7 2 -10 4c-15 -25 -36 -56 -56 -76c-40 -40 -68 -53 -80 -41s1 40 41 80c20 20 51 41 76 56c-2 3 -3 6 -4 9c-28 -7 -64 -14 -93 -14c-56 0 -85 12 -85 28s29 28 85 28c29 0 65 -8 93 -15c1 3 2 7 4 10c-25 15 -56 35 -76 55c-40 40 -53 68 -41 80s40 0 80 -40
+c20 -20 41 -51 56 -76c3 2 6 3 9 4c-7 28 -14 64 -14 93c0 56 12 85 28 85s28 -29 28 -85c0 -29 -7 -65 -14 -93c3 -1 6 -2 9 -4c15 25 36 56 56 76c40 40 68 52 80 40s-1 -40 -41 -80c-20 -20 -51 -40 -76 -55c2 -3 3 -7 4 -10c28 7 64 15 93 15zM264 94c0 0 24 -34 49 -52
+c10 -34 7 -53 -5 -58c-2 -1 -3 -1 -5 -1c-11 0 -25 13 -37 35c5 35 -2 76 -2 76zM183 290c0 0 -27 35 -48 51c-10 35 -7 54 5 59c2 1 3 1 5 1c11 0 24 -12 37 -36c-6 -35 1 -75 1 -75zM126 151c0 0 -34 -24 -51 -48c-12 -4 -26 -6 -35 -6c-13 0 -21 4 -24 11
+c-5 11 7 25 34 41c35 -4 76 2 76 2zM322 232c0 0 33 25 51 49c13 4 26 5 35 5c13 0 21 -3 24 -10c5 -11 -7 -26 -34 -42c-35 5 -76 -2 -76 -2zM131 39c31 24 53 55 53 55s-7 -39 -3 -71c-15 -26 -28 -39 -39 -39c-2 0 -4 0 -6 1c-11 5 -13 24 -5 54zM317 344
+c-29 -21 -53 -55 -53 -55s8 48 3 71c13 25 28 39 39 39c2 0 4 0 6 -1c11 -5 13 -22 5 -54zM56 235c-28 15 -43 32 -38 44c3 7 10 11 22 11c8 0 21 -1 31 -5c18 -24 55 -53 55 -53s-40 7 -70 3zM392 149c30 -17 43 -33 38 -45c-3 -7 -10 -10 -22 -10c-8 0 -19 1 -31 5
+c-20 27 -55 52 -55 52s45 -8 70 -2z" />
+    <glyph glyph-name="ion-ios-folder-outline" unicode="&#xf434;" 
+d="M425 352c13 0 23 -10 23 -23v-304c0 -14 -10 -25 -23 -25h-400c-13 0 -25 12 -25 25v336c0 13 11 23 25 23h112c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h242zM25 368c-4 0 -9 -3 -9 -7v-74c3 1 5 1 8 1h400c3 0 5 0 8 -1v42c0 4 -3 7 -7 7h-242c-7 0 -12 2 -17 7
+l-23 23c-2 2 -3 2 -6 2h-112zM432 25v239c0 4 -4 8 -8 8h-400c-4 0 -8 -4 -8 -8v-239c0 -4 5 -9 9 -9h400c4 0 7 5 7 9z" />
+    <glyph glyph-name="ion-ios-folder" unicode="&#xf435;" 
+d="M440 272c4 0 8 -4 8 -8v-239c0 -14 -10 -25 -23 -25h-400c-13 0 -25 12 -25 25v239c0 4 4 8 8 8h432zM425 352c13 0 23 -10 23 -23v-42c-3 1 -5 1 -8 1h-432c-3 0 -5 0 -8 -1v74c0 13 11 23 25 23h112c8 0 12 -2 17 -7v0l23 -23c2 -2 3 -2 6 -2h242z" />
+    <glyph glyph-name="ion-ios-football-outline" unicode="&#xf436;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM249 6c3 1 5 1 8 2l24 64l-20 39v1h-106l-20 -39l25 -65c2 -1 5 -1 7 -2c12 -3 25 -5 38 -5c14 0 30 2 44 5zM41 284c-15 -27 -23 -57 -24 -89l43 37v0zM142 371
+c-36 -14 -68 -38 -90 -69l22 -64l5 -2l49 -23l71 60v58zM277 201l-70 58l-69 -58v-1l18 -72h104l18 72zM399 195c-1 32 -9 63 -24 90l-19 -53v0zM364 302c-22 31 -54 56 -90 69l-58 -40v-58l71 -60l54 24zM18 175c3 -34 15 -66 33 -92l70 -1l21 39l-20 77l-1 1l-49 22z
+M295 82l70 1c18 26 30 58 33 92l-54 46l-50 -23l-20 -77zM207 345l47 32c-15 4 -30 6 -46 6s-32 -2 -47 -6zM118 66l-54 1c20 -23 46 -42 75 -53l-20 50zM277 14c29 11 55 30 75 53l-56 -1l-2 -3z" />
+    <glyph glyph-name="ion-ios-football" unicode="&#xf437;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM249 6c3 1 5 1 8 2l24 64l-20 39v1h-106l-20 -39l25 -65c2 -1 5 -1 7 -2c12 -3 25 -5 38 -5c14 0 30 2 44 5zM142 371c-36 -14 -68 -38 -90 -69l22 -64l5 -2l49 -23l71 60v58z
+M364 302c-22 31 -54 56 -90 69l-58 -40v-58l71 -60l54 24zM18 175c3 -34 15 -66 33 -92l70 -1l21 39l-20 77l-1 1l-49 22zM295 82l70 1c18 26 30 58 33 92l-54 46l-50 -23l-20 -77z" />
+    <glyph glyph-name="ion-ios-game-controller-a-outline" unicode="&#xf438;" 
+d="M163 208c3 0 5 -2 5 -5v-22c0 -3 -2 -5 -5 -5h-35v-35c0 -3 -3 -5 -6 -5h-21c-3 0 -5 2 -5 5v35h-35c-3 0 -5 3 -5 6v21c0 3 2 5 5 5h35v35c0 3 2 5 5 5h22c3 0 5 -2 5 -5v-35h35zM330 169c11 0 20 -8 20 -19s-9 -19 -20 -19s-19 8 -19 19s8 19 19 19zM288 211
+c11 0 19 -8 19 -19s-8 -19 -19 -19s-20 8 -20 19s9 19 20 19zM373 211c11 0 19 -8 19 -19s-8 -19 -19 -19s-20 8 -20 19s9 19 20 19zM330 253c11 0 20 -8 20 -19s-9 -20 -20 -20s-19 9 -19 20s8 19 19 19zM337 286h-226c-26 0 -49 -9 -67 -26s-28 -41 -28 -67s10 -51 28 -68
+s41 -27 67 -27h226c26 0 49 10 67 27s28 42 28 68s-10 50 -28 67s-41 26 -67 26zM337 302v0c61 0 111 -45 111 -109s-50 -111 -111 -111h-226c-61 0 -111 47 -111 111s50 109 111 109h226z" />
+    <glyph glyph-name="ion-ios-game-controller-a" unicode="&#xf439;" 
+d="M337 302c61 0 111 -45 111 -109s-50 -111 -111 -111h-226c-61 0 -111 47 -111 111s50 109 111 109h226zM168 181v0v22c0 3 -2 5 -5 5h-35v35c0 3 -2 5 -5 5h-22c-3 0 -5 -2 -5 -5v-35h-35c-3 0 -5 -2 -5 -5v-21c0 -3 2 -6 5 -6h35v-35c0 -3 2 -5 5 -5h21c3 0 6 2 6 5v35
+h35c3 0 5 2 5 5zM288 173c11 0 19 8 19 19s-8 19 -19 19s-20 -8 -20 -19s9 -19 20 -19zM330 131c11 0 20 8 20 19s-9 19 -20 19s-19 -8 -19 -19s8 -19 19 -19zM330 214c11 0 20 9 20 20s-9 19 -20 19s-19 -8 -19 -19s8 -20 19 -20zM373 173c11 0 19 8 19 19s-8 19 -19 19
+s-20 -8 -20 -19s9 -19 20 -19z" />
+    <glyph glyph-name="ion-ios-game-controller-b-outline" unicode="&#xf43a;" 
+d="M276 244c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM320 200c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM103 264c22 0 39 -18 39 -40s-17 -40 -39 -40s-39 18 -39 40s17 40 39 40zM103 205c11 0 19 8 19 19s-8 19 -19 19
+s-19 -8 -19 -19s8 -19 19 -19zM320 288c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM364 244c11 0 20 -9 20 -20s-9 -20 -20 -20s-20 9 -20 20s9 20 20 20zM434 199c21 -88 18 -152 -7 -164c-4 -2 -9 -3 -13 -3c-22 0 -45 24 -68 52c-26 32 -32 33 -110 33
+h-24c-78 0 -84 -1 -110 -33c-23 -28 -46 -52 -68 -52c-4 0 -9 1 -13 3c-25 12 -28 76 -7 164s43 136 88 149c10 3 18 4 26 4c28 0 47 -15 96 -15s68 15 96 15c8 0 16 -1 26 -4c45 -13 67 -61 88 -149zM420 49c10 5 23 48 -1 146c-21 90 -43 128 -78 138c-8 2 -14 3 -21 3
+c-10 0 -19 -2 -30 -5c-16 -4 -36 -10 -66 -10s-50 6 -66 10c-11 3 -20 5 -30 5c-7 0 -13 -1 -21 -3c-35 -10 -57 -48 -78 -138c-24 -98 -11 -141 -1 -146c2 -1 4 -1 6 -1c6 0 14 4 23 12s19 18 32 34s24 28 44 34c17 5 38 5 79 5h24c41 0 62 0 79 -5c20 -6 31 -18 44 -34
+s23 -26 32 -34s17 -12 23 -12c2 0 4 0 6 1z" />
+    <glyph glyph-name="ion-ios-game-controller-b" unicode="&#xf43b;" 
+d="M103 243c11 0 19 -8 19 -19s-8 -19 -19 -19s-19 8 -19 19s8 19 19 19zM434 199c21 -88 18 -152 -7 -164c-4 -2 -9 -3 -13 -3c-22 0 -45 24 -68 52c-26 32 -32 33 -110 33h-24c-78 0 -84 -1 -110 -33c-23 -28 -46 -52 -68 -52c-4 0 -9 1 -13 3c-25 12 -28 76 -7 164
+s43 136 88 149c10 3 18 4 26 4c28 0 47 -15 96 -15s68 15 96 15c8 0 16 -1 26 -4c45 -13 67 -61 88 -149zM103 184c22 0 39 18 39 40s-17 40 -39 40s-39 -18 -39 -40s17 -40 39 -40zM276 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 160
+c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM320 248c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20zM364 204c11 0 20 9 20 20s-9 20 -20 20s-20 -9 -20 -20s9 -20 20 -20z" />
+    <glyph glyph-name="ion-ios-gear-outline" unicode="&#xf43c;" horiz-adv-x="384" 
+d="M193 288c26 0 50 -10 68 -28s28 -42 28 -68s-10 -50 -28 -68s-42 -28 -68 -28s-50 10 -68 28s-28 42 -28 68s10 50 28 68s42 28 68 28zM193 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80zM138 365c-10 -3 -20 -7 -30 -12c2 -8 1 -16 0 -24
+c-2 -13 -8 -25 -18 -35c-12 -12 -29 -19 -46 -19c-4 0 -9 0 -13 1c-5 -10 -9 -20 -12 -30c7 -4 12 -10 17 -17c8 -11 12 -24 12 -37s-4 -26 -12 -37c-5 -7 -10 -13 -17 -17c3 -10 7 -20 12 -30c4 1 9 1 13 1c17 0 34 -7 46 -19c10 -10 16 -22 18 -35c1 -8 2 -16 0 -24
+c10 -5 20 -9 30 -12c4 7 10 12 17 17c11 8 24 12 37 12s26 -4 37 -12c7 -5 13 -10 17 -17c10 3 20 7 30 12c-2 8 -1 16 0 24c2 13 8 25 18 35c12 12 29 19 46 19c4 0 9 0 13 -1c5 10 9 20 12 30c-7 4 -12 10 -17 17c-8 11 -12 24 -12 37s4 26 12 37c5 7 10 13 17 17
+c-3 10 -7 20 -12 30c-4 -1 -9 -1 -13 -1c-17 0 -34 7 -46 19c-10 10 -16 22 -18 35c-1 8 -2 16 0 24c-10 5 -20 9 -30 12c-4 -7 -10 -12 -17 -17c-11 -8 -24 -12 -37 -12s-26 4 -37 12c-7 5 -13 10 -17 17zM238 384v0c20 -5 40 -13 57 -24c-8 -18 -5 -40 10 -55
+c10 -10 22 -14 35 -14c7 0 14 1 20 4c11 -17 19 -37 24 -57c-19 -7 -32 -25 -32 -46s14 -39 32 -46c-5 -20 -13 -40 -24 -57c-6 3 -13 4 -20 4c-13 0 -25 -4 -35 -14c-15 -15 -18 -37 -10 -55c-17 -11 -37 -19 -57 -24c-7 18 -25 32 -46 32s-39 -14 -46 -32
+c-20 5 -40 13 -57 24c8 18 5 40 -10 55c-10 10 -22 14 -35 14c-7 0 -14 -1 -20 -4c-11 17 -19 37 -24 57c18 7 32 25 32 46s-13 39 -32 46c5 20 13 40 24 57c6 -3 13 -4 20 -4c13 0 25 4 35 14c15 15 18 37 10 55c17 11 37 19 57 24c7 -19 25 -32 46 -32s39 13 46 32z" />
+    <glyph glyph-name="ion-ios-gear" unicode="&#xf43d;" horiz-adv-x="384" 
+d="M352 192c0 -21 14 -39 32 -46c-5 -20 -13 -40 -24 -57c-6 3 -13 4 -20 4c-13 0 -25 -4 -35 -14c-15 -15 -18 -37 -10 -55c-17 -11 -37 -19 -57 -24c-7 18 -25 32 -46 32s-39 -14 -46 -32c-20 5 -40 13 -57 24c8 18 5 40 -10 55c-10 10 -22 14 -35 14c-7 0 -14 -1 -20 -4
+c-11 17 -19 37 -24 57c18 7 32 25 32 46s-13 39 -32 46c5 20 13 40 24 57c6 -3 13 -4 20 -4c13 0 25 4 35 14c15 15 18 37 10 55c17 11 37 19 57 24c7 -19 25 -32 46 -32s39 13 46 32c20 -5 40 -13 57 -24c-8 -18 -5 -40 10 -55c10 -10 22 -14 35 -14c7 0 14 1 20 4
+c11 -17 19 -37 24 -57c-19 -7 -32 -25 -32 -46zM193 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+    <glyph glyph-name="ion-ios-glasses-outline" unicode="&#xf43e;" 
+d="M433 201v0h15v-18h-15c-2 -22 -13 -43 -29 -58c-17 -16 -39 -25 -62 -25c-51 0 -92 41 -92 92v0v0c0 10 -12 22 -26 22s-26 -12 -26 -22v0v0c0 -51 -41 -92 -92 -92c-23 0 -45 9 -62 25c-16 15 -27 36 -29 58h-15v18h15c2 22 13 43 29 59c17 16 39 24 62 24
+c42 0 78 -27 89 -67c7 7 18 12 29 12s22 -5 29 -12c11 40 47 67 89 67c23 0 45 -9 62 -25c16 -15 27 -36 29 -58zM342 115c42 0 77 35 77 77s-35 77 -77 77s-77 -35 -77 -77s35 -77 77 -77zM106 115c42 0 77 35 77 77s-35 77 -77 77s-77 -35 -77 -77s35 -77 77 -77z" />
+    <glyph glyph-name="ion-ios-glasses" unicode="&#xf43f;" 
+d="M433 201v0h15v-18h-15c-2 -22 -13 -43 -29 -58c-17 -16 -39 -25 -62 -25c-51 0 -92 41 -92 92v0v0c0 10 -12 22 -26 22s-26 -12 -26 -22v0v0c0 -51 -41 -92 -92 -92c-23 0 -45 9 -62 25c-16 15 -27 36 -29 58h-15v18h15c2 22 13 43 29 59c17 16 39 24 62 24
+c42 0 78 -27 89 -67c7 7 18 12 29 12s22 -5 29 -12c11 40 47 67 89 67c23 0 45 -9 62 -25c16 -15 27 -36 29 -58z" />
+    <glyph glyph-name="ion-ios-grid-view-outline" unicode="&#xf440;" horiz-adv-x="384" 
+d="M384 256h-112v-128h112v-16h-112v-112h-16v112h-128v-112h-16v112h-112v16h112v128h-112v16h112v112h16v-112h128v112h16v-112h112v-16zM256 128v128h-128v-128h128z" />
+    <glyph glyph-name="ion-ios-grid-view" unicode="&#xf441;" horiz-adv-x="384" 
+d="M128 128v128h128v-128h-128zM0 384h384v-384h-384v384zM352 256v16h-80v80h-16v-80h-128v80h-16v-80h-80v-16h80v-128h-80v-16h80v-80h16v80h128v-80h16v80h80v16h-80v128h80z" />
+    <glyph glyph-name="ion-ios-heart-outline" unicode="&#xf442;" 
+d="M327 368c69 0 121 -43 121 -116c0 -31 -13 -71 -41 -105s-45 -52 -100 -88s-83 -43 -83 -43s-28 7 -83 43s-72 54 -100 88s-41 74 -41 105c0 73 52 116 121 116c39 0 82 -18 103 -53c21 35 64 53 103 53zM395 157c12 14 22 31 28 49c6 16 9 31 9 46c0 30 -10 56 -29 74
+c-9 8 -20 15 -33 19c-13 5 -28 7 -43 7c-38 0 -73 -18 -89 -45l-14 -23l-14 23c-16 27 -51 45 -89 45c-15 0 -30 -2 -43 -7c-13 -4 -24 -11 -33 -19c-19 -18 -29 -44 -29 -74c0 -15 3 -30 9 -46c6 -18 16 -35 28 -49c27 -32 42 -49 97 -85c40 -27 65 -36 74 -39
+c9 3 34 12 74 39c55 36 70 53 97 85z" />
+    <glyph glyph-name="ion-ios-heart" unicode="&#xf443;" 
+d="M327 368c69 0 121 -43 121 -116c0 -31 -13 -71 -41 -105s-45 -52 -100 -88s-83 -43 -83 -43s-28 7 -83 43s-72 54 -100 88s-41 74 -41 105c0 73 52 116 121 116c39 0 82 -18 103 -53c21 35 64 53 103 53z" />
+    <glyph glyph-name="ion-ios-help-empty" unicode="&#xf444;" horiz-adv-x="128" 
+d="M68 82c-9 0 -17 8 -17 17s8 17 17 17s17 -8 17 -17s-8 -17 -17 -17zM102 197c-23 -22 -22 -27 -23 -53h-19c1 28 7 43 30 64c11 10 19 24 19 39c0 24 -19 39 -42 39c-32 0 -49 -16 -48 -46h-19c0 42 25 62 68 62c33 0 60 -20 60 -54c0 -22 -11 -37 -26 -51z" />
+    <glyph glyph-name="ion-ios-help-outline" unicode="&#xf445;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM212 302c33 0 60 -21 60 -55c0 -22 -11 -36 -26 -50c-23 -23 -22 -27 -23 -53h-19
+c1 28 7 43 30 64c11 10 19 23 19 38c0 24 -19 40 -42 40c-32 0 -49 -16 -48 -46h-19c0 42 25 62 68 62zM212 116c9 0 17 -8 17 -17s-8 -17 -17 -17s-17 8 -17 17s8 17 17 17z" />
+    <glyph glyph-name="ion-ios-help" unicode="&#xf446;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM212 82c9 0 17 8 17 17s-8 17 -17 17s-17 -8 -17 -17s8 -17 17 -17zM246 197c15 14 26 29 26 51c0 34 -27 54 -60 54c-43 0 -68 -20 -68 -62h19c-1 30 16 46 48 46
+c23 0 42 -15 42 -39c0 -15 -8 -29 -19 -39c-23 -21 -29 -36 -30 -64h19c1 26 0 31 23 53z" />
+    <glyph glyph-name="ion-ios-home-outline" unicode="&#xf447;" horiz-adv-x="384" 
+d="M192 336l160 -128v-208h-112v128h-96v-128h-112v208zM336 16v184l-144 116l-144 -116v-184h80v128h128v-128h80zM192 384l192 -153l-12 -12l-180 145l-180 -145l-12 12l32 25v96h64v-45zM80 294v42h-32v-67z" />
+    <glyph glyph-name="ion-ios-home" unicode="&#xf448;" horiz-adv-x="384" 
+d="M192 336l160 -128v-208h-112v128h-96v-128h-112v208zM192 384l192 -153l-12 -12l-180 145l-180 -145l-12 12l32 25v96h64v-45z" />
+    <glyph glyph-name="ion-ios-infinite-outline" unicode="&#xf449;" 
+d="M419 260c19 -19 29 -43 29 -68s-10 -49 -29 -68c-19 -18 -44 -28 -70 -28s-50 10 -69 28l-126 123c-15 15 -35 22 -56 22s-40 -7 -55 -22c-31 -30 -31 -80 0 -110c15 -15 34 -22 55 -22s41 7 56 22l43 42l13 -14l-42 -41c-19 -18 -44 -28 -70 -28s-50 10 -69 28
+c-19 19 -29 43 -29 68s10 49 29 68c19 18 43 28 69 28s51 -10 70 -28l126 -123c15 -15 34 -22 55 -22s41 7 56 22c31 30 31 80 0 110c-15 15 -35 22 -56 22s-40 -7 -55 -22l-43 -42l-13 14l42 41c19 18 44 28 70 28s50 -10 69 -28z" />
+    <glyph glyph-name="ion-ios-infinite" unicode="&#xf44a;" horiz-adv-x="464" 
+d="M433 266c20 -20 31 -46 31 -74s-11 -54 -31 -74s-48 -30 -76 -30s-55 10 -75 30l-125 123c-13 13 -32 20 -51 20s-37 -7 -50 -20s-21 -31 -21 -49c0 -19 8 -36 21 -49s31 -20 50 -20s38 7 51 20l39 38l25 -25l-39 -38c-20 -20 -48 -30 -76 -30s-55 10 -75 30
+s-31 46 -31 74s11 54 31 74s47 30 75 30s56 -10 76 -30l125 -123c13 -13 31 -20 50 -20s38 7 51 20s20 31 20 49c0 19 -7 36 -20 49s-32 20 -51 20s-37 -7 -50 -20l-39 -38l-25 25l39 38c20 20 48 30 76 30s55 -10 75 -30z" />
+    <glyph glyph-name="ion-ios-information-empty" unicode="&#xf44b;" horiz-adv-x="64" 
+d="M8 276c0 13 7 20 20 20s20 -7 20 -20s-7 -20 -20 -20s-20 7 -20 20zM48 104h16v-8h-64v8h16v120h-16v8h48v-128z" />
+    <glyph glyph-name="ion-ios-information-outline" unicode="&#xf44c;" horiz-adv-x="416" 
+d="M184 276c0 13 7 20 20 20s20 -7 20 -20s-7 -20 -20 -20s-20 7 -20 20zM224 104h16v-8h-64v8h16v120h-16v8h48v-128zM208 400c57 0 106 -20 147 -61s61 -90 61 -147s-20 -106 -61 -147s-90 -61 -147 -61s-106 20 -147 61s-61 90 -61 147s20 106 61 147s90 61 147 61z
+M208 1c53 0 98 19 135 56s56 82 56 135s-19 98 -56 135s-82 56 -135 56s-98 -19 -135 -56s-56 -82 -56 -135s19 -98 56 -135s82 -56 135 -56z" />
+    <glyph glyph-name="ion-ios-information" unicode="&#xf44d;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM204 296c-11 0 -20 -9 -20 -20s9 -20 20 -20s20 9 20 20s-9 20 -20 20zM240 96v8h-16v128h-48v-8h16v-120h-16v-8h64z" />
+    <glyph glyph-name="ion-ios-ionic-outline" unicode="&#xf44e;" horiz-adv-x="416" 
+d="M378 313c24 -34 38 -76 38 -121c0 -115 -92 -208 -207 -208s-209 93 -209 208s94 208 209 208c45 0 86 -14 120 -38c6 5 13 8 21 8c19 0 35 -16 35 -35c0 -8 -2 -16 -7 -22zM350 357c-12 0 -22 -10 -22 -22s10 -22 22 -22s22 10 22 22s-10 22 -22 22zM344 56
+c18 18 31 39 41 62c10 24 15 48 15 74s-5 51 -15 75c-5 13 -12 25 -20 36c-5 -2 -10 -3 -15 -3c-19 0 -35 16 -35 35c0 5 2 11 4 15c-11 8 -23 15 -36 20c-24 10 -49 14 -75 14s-51 -4 -75 -14c-23 -10 -43 -24 -61 -42s-31 -38 -41 -61c-10 -24 -15 -49 -15 -75
+s5 -50 15 -74c10 -23 23 -44 41 -62s38 -31 61 -41c24 -10 49 -15 75 -15s51 5 75 15c23 10 43 23 61 41zM208 288c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96zM208 112c44 0 80 36 80 80s-36 80 -80 80s-79 -36 -79 -80s35 -80 79 -80z" />
+    <glyph glyph-name="ion-ios-keypad-outline" unicode="&#xf44f;" horiz-adv-x="384" 
+d="M331 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-54 23 -54 53s24 54 54 54zM331 16c21 0 37 16 37 37s-16 38 -37 38s-38 -17 -38 -38s17 -37 38 -37zM192 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-53 23 -53 53s23 54 53 54zM192 16c21 0 37 16 37 37s-16 38 -37 38
+s-37 -17 -37 -38s16 -37 37 -37zM53 107c30 0 54 -24 54 -54s-24 -53 -54 -53s-53 23 -53 53s23 54 53 54zM53 16c21 0 38 16 38 37s-17 38 -38 38s-37 -17 -37 -38s16 -37 37 -37zM331 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-54 23 -54 53s24 53 54 53zM331 155
+c21 0 37 16 37 37s-16 37 -37 37s-38 -16 -38 -37s17 -37 38 -37zM192 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-53 23 -53 53s23 53 53 53zM192 155c21 0 37 16 37 37s-16 37 -37 37s-37 -16 -37 -37s16 -37 37 -37zM53 245c30 0 54 -23 54 -53s-24 -53 -54 -53
+s-53 23 -53 53s23 53 53 53zM53 155c21 0 38 16 38 37s-17 37 -38 37s-37 -16 -37 -37s16 -37 37 -37zM331 277c-30 0 -54 24 -54 54s24 53 54 53s53 -23 53 -53s-23 -54 -53 -54zM331 368c-21 0 -38 -16 -38 -37s17 -38 38 -38s37 17 37 38s-16 37 -37 37zM192 384
+c30 0 53 -23 53 -53s-23 -54 -53 -54s-53 24 -53 54s23 53 53 53zM192 293c21 0 37 17 37 38s-16 37 -37 37s-37 -16 -37 -37s16 -38 37 -38zM53 384c30 0 54 -23 54 -53s-24 -54 -54 -54s-53 24 -53 54s23 53 53 53zM53 293c21 0 38 17 38 38s-17 37 -38 37
+s-37 -16 -37 -37s16 -38 37 -38z" />
+    <glyph glyph-name="ion-ios-keypad" unicode="&#xf450;" horiz-adv-x="384" 
+d="M331 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-54 23 -54 53s24 54 54 54zM192 107c30 0 53 -24 53 -54s-23 -53 -53 -53s-53 23 -53 53s23 54 53 54zM53 107c30 0 54 -24 54 -54s-24 -53 -54 -53s-53 23 -53 53s23 54 53 54zM331 245c30 0 53 -23 53 -53
+s-23 -53 -53 -53s-54 23 -54 53s24 53 54 53zM192 245c30 0 53 -23 53 -53s-23 -53 -53 -53s-53 23 -53 53s23 53 53 53zM53 245c30 0 54 -23 54 -53s-24 -53 -54 -53s-53 23 -53 53s23 53 53 53zM331 277c-30 0 -54 24 -54 54s24 53 54 53s53 -23 53 -53s-23 -54 -53 -54z
+M192 384c30 0 53 -23 53 -53s-23 -54 -53 -54s-53 24 -53 54s23 53 53 53zM53 384c30 0 54 -23 54 -53s-24 -54 -54 -54s-53 24 -53 54s23 53 53 53z" />
+    <glyph glyph-name="ion-ios-lightbulb-outline" unicode="&#xf451;" horiz-adv-x="288" 
+d="M288 275c0 -31 -13 -59 -30 -83v0c-11 -15 -22 -28 -32 -45c-22 -38 -18 -73 -18 -82v-1h-128v1c0 7 3 44 -19 82c-10 17 -20 30 -31 45v0c-17 24 -30 52 -30 83c0 78 66 141 144 141s144 -63 144 -141zM239 194l6 8c16 22 27 47 27 73c0 33 -16 65 -40 89s-55 36 -88 36
+s-64 -12 -88 -36s-40 -56 -40 -89c0 -26 11 -51 27 -73l19 -26v0c5 -6 9 -13 13 -21c17 -29 21 -58 21 -75h16v112l-32 64h17l31 -64v-112h32v112l31 64h17l-32 -64v-112h16c0 17 4 45 21 75c8 14 16 25 24 36c1 1 1 2 2 3zM112 -32v16h64v-16h-64zM96 0v16h96v-16h-96z
+M96 32v16h96v-16h-96z" />
+    <glyph glyph-name="ion-ios-lightbulb" unicode="&#xf452;" horiz-adv-x="288" 
+d="M288 275c0 -31 -13 -59 -30 -83v0c-11 -15 -22 -28 -32 -45c-22 -38 -18 -73 -18 -82v-1h-32v128l32 64h-16l-32 -64v-128h-32v128l-31 64h-17l32 -64v-128h-32v1c0 7 3 44 -19 82c-10 17 -20 30 -31 45v0c-17 24 -30 52 -30 83c0 78 66 141 144 141s144 -63 144 -141z
+M112 -32v16h64v-16h-64zM96 0v16h96v-16h-96zM96 32v16h96v-16h-96z" />
+    <glyph glyph-name="ion-ios-list-outline" unicode="&#xf453;" horiz-adv-x="384" 
+d="M368 368h-352v-352h352v352zM384 384v0v-384h-384v384h384zM128 280v16h192v-16h-192zM128 184v16h192v-16h-192zM128 88v16h192v-16h-192zM64 288c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM64 192c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16
+s-16 5 -16 16zM64 96c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16z" />
+    <glyph glyph-name="ion-ios-list" unicode="&#xf454;" horiz-adv-x="384" 
+d="M0 384h384v-384h-384v384zM80 80c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM80 176c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM80 272c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM320 88v16h-192v-16h192zM320 184v16
+h-192v-16h192zM320 280v16h-192v-16h192z" />
+    <glyph glyph-name="ion-ios-location-outline" unicode="&#xf455;" horiz-adv-x="288" 
+d="M144 400c-34 0 -67 -13 -91 -37s-37 -57 -37 -91c0 -43 24 -107 70 -186c22 -38 44 -72 58 -91c14 19 36 53 58 91c46 79 70 143 70 186c0 34 -13 67 -37 91s-57 37 -91 37zM144 416v0c80 0 144 -64 144 -144c0 -112 -144 -304 -144 -304s-144 192 -144 304
+c0 80 64 144 144 144zM144 336c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM144 225c26 0 47 21 47 47s-21 47 -47 47s-47 -21 -47 -47s21 -47 47 -47z" />
+    <glyph glyph-name="ion-ios-location" unicode="&#xf456;" horiz-adv-x="288" 
+d="M144 416c80 0 144 -64 144 -144c0 -112 -144 -304 -144 -304s-144 192 -144 304c0 80 64 144 144 144zM144 225c26 0 47 21 47 47s-21 47 -47 47s-47 -21 -47 -47s21 -47 47 -47z" />
+    <glyph glyph-name="ion-ios-locked-outline" unicode="&#xf457;" horiz-adv-x="320" 
+d="M264 224h56v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-72zM72 296v-72h176v72c0 49 -39 88 -88 88s-88 -39 -88 -88zM304 0v208h-288v-208h288zM160 160c18 0 32 -14 32 -32c0 -15 -10 -27 -24 -31v-33h-16v33c-14 4 -24 16 -24 31c0 18 14 32 32 32z
+M160 112c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+    <glyph glyph-name="ion-ios-locked" unicode="&#xf458;" horiz-adv-x="320" 
+d="M264 224h56v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-72zM168 97c14 4 24 16 24 31c0 18 -14 32 -32 32s-32 -14 -32 -32c0 -15 10 -27 24 -31v-33h16v33zM248 224v72c0 49 -39 88 -88 88s-88 -39 -88 -88v-72h176zM160 144c9 0 16 -7 16 -16
+s-7 -16 -16 -16s-16 7 -16 16s7 16 16 16z" />
+    <glyph glyph-name="ion-ios-loop-strong" unicode="&#xf459;" horiz-adv-x="512" 
+d="M256 400c115 0 208 -93 208 -208c0 -14 -1 -28 -4 -42l-1 -4l-24 5l1 4c2 12 4 24 4 37c0 101 -83 184 -184 184c-66 0 -127 -36 -160 -94l-2 -3l-21 11l2 4c37 65 106 106 181 106zM416 102l2 3l21 -11l-2 -4c-37 -65 -106 -106 -181 -106c-115 0 -208 93 -208 208
+c0 14 1 28 4 42l1 4l24 -5l-1 -4c-2 -12 -4 -24 -4 -37c0 -101 83 -184 184 -184c66 0 127 36 160 94zM384 192h128l-64 -64zM0 192l64 64l64 -64h-128z" />
+    <glyph glyph-name="ion-ios-loop" unicode="&#xf45a;" horiz-adv-x="489" 
+d="M478 192l11 -11l-52 -53l-53 53l10 11l43 -41zM449 192v0v0c0 -7 0 -14 -1 -21l-16 1c1 7 1 14 1 21c-1 103 -85 187 -188 187c-68 0 -131 -37 -164 -96l-14 8c36 64 104 104 178 104c112 0 203 -91 204 -202v0v-2zM409 100l14 -8c-36 -64 -104 -104 -178 -104
+c-111 0 -202 90 -204 200v0v3v1v0c0 7 0 14 1 21l16 -1c-1 -7 -1 -14 -1 -21c0 -103 85 -187 188 -187c68 0 131 37 164 96zM53 256l52 -53l-11 -11l-41 41l-42 -41l-11 11z" />
+    <glyph glyph-name="ion-ios-medical-outline" unicode="&#xf45b;" horiz-adv-x="364" 
+d="M364 260l-118 -68l118 -68l-32 -56l-118 69v-137h-64v137l-118 -69l-32 56l118 68l-118 68l32 56l118 -69v137h64v-137l118 69zM342 118l-128 74l128 74l-16 28l-128 -74v148h-32v-148l-128 74l-16 -28l128 -74l-128 -74l16 -28l128 74v-148h32v148l128 -74z" />
+    <glyph glyph-name="ion-ios-medical" unicode="&#xf45c;" horiz-adv-x="364" 
+d="M364 260l-118 -68l118 -68l-32 -56l-118 69v-137h-64v137l-118 -69l-32 56l118 68l-118 68l32 56l118 -69v137h64v-137l118 69z" />
+    <glyph glyph-name="ion-ios-medkit-outline" unicode="&#xf45d;" horiz-adv-x="416" 
+d="M224 240h-32v-48v-16h-16h-48v-32h48h16v-16v-48h32v48v16h16h48v32h-48h-16v16v48zM240 256v0v-64h64v-64h-64v-64h-64v64h-64v64h64v64h64zM288 320h128v-320h-416v320h128v32c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-32zM144 350v-30h128v30c0 10 -7 18 -17 18h-97
+c-11 0 -14 -8 -14 -18zM400 16v288h-384v-288h384z" />
+    <glyph glyph-name="ion-ios-medkit" unicode="&#xf45e;" horiz-adv-x="416" 
+d="M224 176h16h48v-32h-48h-16v-16v-48h-32v48v16h-16h-48v32h48h16v16v48h32v-48v-16zM288 320h128v-320h-416v320h128v32c0 18 10 32 29 32h99c19 0 32 -14 32 -32v-32zM144 350v-30h128v30c0 10 -7 18 -17 18h-97c-11 0 -14 -8 -14 -18zM304 128v64h-64v64h-64v-64h-64
+v-64h64v-64h64v64h64z" />
+    <glyph glyph-name="ion-ios-mic-off" unicode="&#xf45f;" horiz-adv-x="280" 
+d="M266 -32l-258 440l14 8l258 -440zM128 95c-44 0 -79 37 -79 83v118l113 -193c-10 -5 -22 -8 -34 -8zM207 178c0 -10 -2 -19 -5 -28l-136 234c14 20 37 32 62 32c44 0 79 -38 79 -84v-154zM256 176c0 -28 -9 -54 -24 -75l-10 17c11 17 17 36 17 58v80h17v-80zM139 49v0
+v-63h69v-18h-161v18h73v63c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109c17 0 34 4 48 11l9 -16c-14 -7 -30 -12 -47 -13z" />
+    <glyph glyph-name="ion-ios-mic-outline" unicode="&#xf460;" horiz-adv-x="256" 
+d="M128 416c44 0 79 -38 79 -84v-154c0 -46 -35 -84 -79 -84s-79 38 -79 84v154c0 46 35 84 79 84zM191 178v154c0 37 -28 68 -63 68s-63 -31 -63 -68v-154c0 -37 28 -68 63 -68s63 31 63 68zM239 256h17v-80c0 -67 -51 -122 -117 -127v-63h69v-18h-161v18h73v63
+c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109s110 49 110 109v80z" />
+    <glyph glyph-name="ion-ios-mic" unicode="&#xf461;" horiz-adv-x="256" 
+d="M128 94c-44 0 -79 38 -79 84v154c0 46 35 84 79 84s79 -38 79 -84v-154c0 -46 -35 -84 -79 -84zM239 256h17v-80c0 -67 -51 -122 -117 -127v-63h69v-18h-161v18h73v63c-67 5 -120 60 -120 127v80h19v-80c0 -60 50 -109 110 -109s110 49 110 109v80z" />
+    <glyph glyph-name="ion-ios-minus-empty" unicode="&#xf462;" horiz-adv-x="256" 
+d="M256 183h-256v17h256v-17z" />
+    <glyph glyph-name="ion-ios-minus-outline" unicode="&#xf463;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM80 183v17h256v-17h-256z" />
+    <glyph glyph-name="ion-ios-minus" unicode="&#xf464;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM336 183v17h-256v-17h256z" />
+    <glyph glyph-name="ion-ios-monitor-outline" unicode="&#xf465;" horiz-adv-x="480" 
+d="M480 64h-176v-16h64v-16h-257v16h64v16h-175v288h480v-288zM16 336v-256h448v256h-448z" />
+    <glyph glyph-name="ion-ios-monitor" unicode="&#xf466;" horiz-adv-x="480" 
+d="M480 64h-176v-16h64v-16h-257v16h64v16h-175v288h480v-288zM16 336v-256h448v256h-448zM32 96v224h416v-224h-416z" />
+    <glyph glyph-name="ion-ios-moon-outline" unicode="&#xf467;" horiz-adv-x="216" 
+d="M195 133c7 0 14 1 21 3c-4 -7 -7 -12 -12 -18c-21 -25 -53 -41 -88 -41c-64 0 -116 51 -116 115c0 52 34 96 81 111c7 2 14 3 22 4c-4 -6 -8 -12 -11 -18c-7 -14 -11 -30 -11 -47c0 -29 11 -56 32 -77s48 -32 77 -32h5zM116 93c25 0 48 9 65 24c-65 5 -116 59 -116 125
+c0 14 2 28 6 40c-33 -16 -55 -51 -55 -90c0 -55 45 -99 100 -99z" />
+    <glyph glyph-name="ion-ios-moon" unicode="&#xf468;" horiz-adv-x="216" 
+d="M195 133c7 0 14 1 21 3c-4 -7 -7 -12 -12 -18c-21 -25 -53 -41 -88 -41c-64 0 -116 51 -116 115c0 52 34 96 81 111c7 2 14 3 22 4c-4 -6 -8 -12 -11 -18c-7 -14 -11 -30 -11 -47c0 -29 11 -56 32 -77s48 -32 77 -32h5z" />
+    <glyph glyph-name="ion-ios-more-outline" unicode="&#xf469;" horiz-adv-x="320" 
+d="M160 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM160 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM32 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM32 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32
+s-32 14 -32 32s14 32 32 32zM288 210c-10 0 -18 -8 -18 -18s8 -18 18 -18s18 8 18 18s-8 18 -18 18zM288 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32z" />
+    <glyph glyph-name="ion-ios-more" unicode="&#xf46a;" horiz-adv-x="320" 
+d="M160 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM32 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM288 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32z" />
+    <glyph glyph-name="ion-ios-musical-note" unicode="&#xf46b;" horiz-adv-x="192" 
+d="M192 346v-1v-65c0 -3 -3 -6 -6 -5v0l-73 13v-192c0 -33 1 -80 -51 -82c-48 -2 -62 16 -62 41c0 19 9 39 51 41c22 1 37 1 45 1v273l90 -19l2 -1c2 0 3 -1 4 -3v0v-1v0z" />
+    <glyph glyph-name="ion-ios-musical-notes" unicode="&#xf46c;" horiz-adv-x="320" 
+d="M320 128c0 -34 4 -80 -49 -82c-49 -2 -62 16 -62 41c0 20 9 39 52 41c23 1 34 2 43 2v160l-191 -32v-161c0 -34 3 -81 -50 -83c-49 -2 -63 17 -63 42c0 20 9 39 52 41c23 1 35 1 44 1v237l224 35v-242z" />
+    <glyph glyph-name="ion-ios-navigate-outline" unicode="&#xf46d;" horiz-adv-x="416" 
+d="M208 384c-51 0 -99 -21 -135 -57s-57 -84 -57 -135s21 -99 57 -135s84 -57 135 -57s99 21 135 57s57 84 57 135s-21 99 -57 135s-84 57 -135 57zM208 400v0c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM304 288l-96 -224v128h-128z" />
+    <glyph glyph-name="ion-ios-navigate" unicode="&#xf46e;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64l96 224l-224 -96h128v-128z" />
+    <glyph glyph-name="ion-ios-nutrition-outline" unicode="&#xf46f;" horiz-adv-x="384" 
+d="M294 214v0c6 -6 10 -14 10 -23c0 -11 -5 -20 -13 -26v0s-51 -37 -106 -77l-38 31c-2 2 -4 3 -6 3c-1 0 -2 0 -3 -1v0c-2 -2 -2 -6 1 -10l29 -35l-115 -84c-6 -4 -13 -8 -21 -8c-18 0 -32 14 -32 32c0 7 1 13 4 18v0c2 2 17 25 37 57l21 -17c2 -2 4 -2 6 -2c1 0 3 0 4 1v0
+c2 2 1 6 -2 10l-19 23c27 43 60 96 84 134l36 -30c2 -2 4 -3 6 -3c1 0 2 1 3 2v0c2 2 2 5 -1 9l-33 40c11 18 19 29 19 29v0c6 10 15 16 27 16c9 0 18 -4 24 -10v0l78 -79v0v0zM282 178c4 3 6 8 6 13c0 4 -2 9 -5 12l-5 4v1l-69 69v0l-5 5c-3 3 -8 5 -12 5
+c-6 0 -10 -3 -13 -8l-5 -8c-2 -3 -5 -7 -8 -12l25 -30v0l1 -1c8 -10 8 -22 0 -30l-1 -1l-1 -1c-4 -3 -8 -5 -13 -5s-11 2 -16 6v1h-1l-21 18l-24 -39l-44 -70l12 -14v0v0c8 -10 8 -23 0 -31v0c-4 -4 -9 -6 -15 -6c-5 0 -11 2 -16 6v0v0l-7 5c-3 -5 -5 -9 -8 -13
+c-12 -19 -16 -26 -18 -29c-1 -3 -2 -6 -2 -9c0 -9 7 -16 16 -16c3 0 6 2 11 5l101 74l-18 22h-1v0c-8 10 -8 23 0 31v0v0v0c4 4 10 6 15 6s11 -2 16 -6v0h1l28 -24c49 36 93 68 96 70zM376 333l8 -14l-5 -3l-103 -60l-17 17l71 123l2 4l14 -8l-3 -4l-63 -111l91 53z" />
+    <glyph glyph-name="ion-ios-nutrition" unicode="&#xf470;" horiz-adv-x="384" 
+d="M295 214v0c6 -6 9 -13 9 -22c0 -11 -5 -20 -13 -26v0s-51 -38 -106 -78l-38 32c-4 3 -8 3 -10 1v0c-2 -2 -2 -6 1 -10l29 -35l-114 -84c-6 -4 -13 -8 -21 -8c-18 0 -32 14 -32 32c0 7 2 13 5 18v0c1 2 16 25 36 57l20 -17c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-20 23
+c27 43 60 96 84 134l36 -30c4 -3 8 -3 10 -1v0c2 2 2 6 -1 10l-33 40c11 18 18 29 18 29v0c6 10 16 16 28 16c9 0 18 -4 24 -10v0l78 -79l1 -1v0zM384 309l-103 -59l-28 29l70 121l28 -16l-50 -85l67 38z" />
+    <glyph glyph-name="ion-ios-paper-outline" unicode="&#xf471;" horiz-adv-x="384" 
+d="M48 384h336v-353c0 -17 -14 -31 -31 -31h-322c-17 0 -31 14 -31 31v305h32v-16h-16v-289c0 -8 7 -15 15 -15h322c8 0 15 7 15 15v337h-304v-320h-16v320v16zM96 320v16h128v-16h-128zM96 240v16h240v-16h-240zM96 160v16h192v-16h-192zM96 80v16h240v-16h-240z" />
+    <glyph glyph-name="ion-ios-paper" unicode="&#xf472;" horiz-adv-x="384" 
+d="M48 384h336v-353c0 -17 -14 -31 -31 -31h-322c-17 0 -31 14 -31 31v305h32v-288h16v288v32v16zM96 336v-16h128v16h-128zM96 176v-16h192v16h-192zM336 80v16h-240v-16h240zM336 240v16h-240v-16h240z" />
+    <glyph glyph-name="ion-ios-paperplane-outline" unicode="&#xf473;" horiz-adv-x="320" 
+d="M0 198l320 154l-146 -320l-57 115zM132 152l41 -83l115 249zM286 320l-248 -121l83 -36z" />
+    <glyph glyph-name="ion-ios-paperplane" unicode="&#xf474;" horiz-adv-x="320" 
+d="M0 198l320 154l-214 -200zM320 352l-146 -320l-52 104z" />
+    <glyph glyph-name="ion-ios-partlysunny-outline" unicode="&#xf475;" horiz-adv-x="384" 
+d="M144 298v54h16v-54h-16zM0 192v16h55v-16h-55zM44 299l10 11l32 -32l-11 -11zM223 268l-11 11l32 32l11 -11zM56 96l-10 11l31 31l11 -11zM129 153c-4 -3 -8 -7 -12 -12c-23 12 -39 36 -39 63c0 39 32 71 71 71c21 0 40 -10 53 -25c-4 -2 -9 -4 -14 -8
+c-10 11 -23 17 -39 17c-30 0 -55 -25 -55 -55c0 -23 15 -43 35 -51zM235 208c-34 0 -63 -28 -63 -62v-12s1 -10 1 -10c-5 0 -12 -1 -14 -1c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h157c27 0 49 22 49 49s-22 50 -49 50c-2 0 -4 -1 -6 -1l-14 -2l-3 14
+c-3 14 -11 26 -22 35s-25 14 -39 14zM235 224v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78z" />
+    <glyph glyph-name="ion-ios-partlysunny" unicode="&#xf476;" horiz-adv-x="384" 
+d="M144 298v54h16v-54h-16zM0 192v16h55v-16h-55zM44 299l10 11l32 -32l-11 -11zM223 268l-11 11l32 32l11 -11zM56 96l-10 11l31 31l11 -11zM235 224v0c37 0 68 -26 76 -61h8c36 0 65 -29 65 -65s-29 -66 -65 -66h-157c-28 0 -52 24 -52 53c0 27 21 51 47 53v8
+c0 43 35 78 78 78zM201 252l1 -2v0c-31 -5 -62 -43 -62 -75c0 -2 1 -5 1 -7l-1 -1h-1c-11 -6 -18 -14 -22 -26v1v-1c-23 12 -39 36 -39 63c0 39 32 71 71 71c21 0 39 -9 52 -23z" />
+    <glyph glyph-name="ion-ios-pause-outline" unicode="&#xf477;" horiz-adv-x="256" 
+d="M63 336h-47v-288h47v288zM79 352v0v-320h-79v320h79zM240 336h-47v-288h47v288zM256 352v0v-320h-79v320h79z" />
+    <glyph glyph-name="ion-ios-pause" unicode="&#xf478;" horiz-adv-x="256" 
+d="M0 32v320h79v-320h-79zM177 32v320h79v-320h-79z" />
+    <glyph glyph-name="ion-ios-paw-outline" unicode="&#xf479;" horiz-adv-x="384" 
+d="M380 252c6 -17 5 -38 -3 -57c-10 -25 -31 -43 -51 -43c-5 0 -10 1 -15 3c-22 10 -30 45 -17 79c10 28 31 46 51 46c5 0 10 -1 14 -3c10 -4 17 -13 21 -25zM362 202c6 15 7 31 2 44c-2 5 -5 12 -12 15c-2 1 -4 2 -7 2c-13 0 -28 -15 -36 -36c-9 -25 -6 -50 8 -56
+c2 -1 5 -1 8 -1c14 0 29 13 37 32zM90 234c13 -34 5 -69 -17 -79c-5 -2 -10 -3 -15 -3c-20 0 -41 18 -51 43c-8 19 -9 40 -3 57c4 12 11 21 21 25c4 2 9 3 14 3c20 0 41 -18 51 -46zM67 171c14 6 17 31 8 56c-8 21 -23 36 -36 36c-3 0 -5 -1 -7 -2c-7 -3 -10 -10 -12 -15
+c-5 -13 -4 -29 2 -44c8 -19 23 -32 37 -32c3 0 6 0 8 1zM134 237c-28 1 -52 32 -56 69c-2 23 4 45 16 60c8 10 19 17 31 18h6c27 -1 46 -29 50 -67c3 -24 -1 -48 -13 -63c-8 -9 -17 -15 -28 -16c-2 0 -4 -1 -6 -1zM107 356c-10 -12 -14 -29 -12 -48c3 -29 21 -53 40 -54h3
+c6 1 12 4 17 10c10 12 12 31 10 51c-3 29 -17 52 -35 53h-3c-9 -1 -16 -7 -20 -12zM192 208c64 0 128 -76 128 -149c0 -22 -11 -40 -22 -47c-13 -9 -23 -12 -42 -12c-23 0 -29 8 -40 15c-8 5 -14 10 -24 10s-16 -5 -24 -10c-11 -7 -17 -15 -40 -15c-19 0 -29 3 -42 12
+c-11 7 -22 25 -22 47c0 73 64 149 128 149zM290 27c6 4 14 16 14 32c0 30 -14 64 -36 91c-11 13 -23 24 -36 31c-13 8 -27 11 -40 11s-27 -3 -40 -11c-13 -7 -25 -18 -36 -31c-22 -27 -36 -61 -36 -91c0 -16 8 -28 14 -32c11 -7 18 -10 34 -10c14 0 19 4 26 9c2 1 4 3 6 4
+c9 6 18 12 32 12s23 -6 32 -12c2 -1 4 -3 6 -4c7 -5 12 -9 26 -9c16 0 23 3 34 10zM244 238c-11 1 -20 7 -28 16c-12 15 -16 39 -13 63c4 38 23 66 50 67h7c12 -1 22 -8 30 -18c12 -15 18 -37 16 -60c-4 -37 -28 -67 -56 -68h-6zM219 315c-2 -20 0 -39 10 -51
+c5 -6 11 -9 17 -10h3c19 1 38 25 41 54c2 19 -3 36 -13 48c-4 5 -10 11 -19 12h-4c-18 -1 -32 -24 -35 -53z" />
+    <glyph glyph-name="ion-ios-paw" unicode="&#xf47a;" horiz-adv-x="384" 
+d="M380 252c6 -17 5 -38 -3 -57c-10 -25 -31 -43 -51 -43c-5 0 -10 1 -15 3c-22 10 -30 45 -17 79c10 28 31 46 51 46c5 0 10 -1 14 -3c10 -4 17 -13 21 -25zM90 234c13 -34 5 -69 -17 -79c-5 -2 -10 -3 -15 -3c-20 0 -41 18 -51 43c-8 19 -9 40 -3 57c4 12 11 21 21 25
+c4 2 9 3 14 3c20 0 41 -18 51 -46zM134 237c-28 1 -52 32 -56 69c-2 23 4 45 16 60c8 10 19 17 31 18h6c27 -1 46 -29 50 -67c3 -24 -1 -48 -13 -63c-8 -9 -17 -15 -28 -16c-2 0 -4 -1 -6 -1zM192 208c64 0 128 -76 128 -149c0 -22 -11 -40 -22 -47c-13 -9 -23 -12 -42 -12
+c-23 0 -29 8 -40 15c-8 5 -14 10 -24 10s-16 -5 -24 -10c-11 -7 -17 -15 -40 -15c-19 0 -29 3 -42 12c-11 7 -22 25 -22 47c0 73 64 149 128 149zM244 238c-11 1 -20 7 -28 16c-12 15 -16 39 -13 63c4 38 23 66 50 67h7c12 -1 22 -8 30 -18c12 -15 18 -37 16 -60
+c-4 -37 -28 -67 -56 -68h-6z" />
+    <glyph glyph-name="ion-ios-people-outline" unicode="&#xf47b;" 
+d="M224 336v0v0zM317 113c11 -4 -11 4 0 0c28 -10 46 -35 46 -65h-28h-250c0 22 9 42 27 55c15 11 31 12 49 16c7 1 24 5 26 13s1 15 1 23c0 3 0 3 -2 5c-4 4 -6 9 -8 14c-2 8 -3 16 -4 24c-9 -2 -10 16 -12 21c-1 4 -7 24 3 21c-3 5 -4 13 -5 19c-2 13 -2 26 3 39
+c10 26 37 39 64 38c26 -1 51 -16 59 -42c4 -12 3 -26 1 -39c-1 -5 -2 -11 -4 -15c10 3 4 -20 3 -23c-2 -5 -3 -21 -12 -19c-1 -10 -2 -22 -7 -31c-1 -2 -7 -8 -7 -10v-11c0 -5 0 -10 2 -15s10 -7 14 -8c14 -5 27 -5 41 -10zM115 84c-6 -6 9 10 0 0c-6 -6 -10 -12 -12 -20h4
+h238c-4 15 -17 27 -30 33s-28 4 -41 9s-25 9 -28 25c-2 11 -2 22 -2 33c0 2 7 7 8 9c3 5 4 11 5 17c1 5 0 12 4 15c5 4 7 7 9 13c2 8 3 12 -1 19c-3 5 0 8 1 13c3 11 4 24 2 36c-8 37 -62 45 -86 19c-12 -13 -12 -31 -9 -47c1 -6 6 -14 3 -19c-1 -3 -5 -6 -4 -10
+c2 -5 2 -11 4 -16c2 -4 4 -6 7 -8s3 -6 3 -9c1 -7 2 -17 6 -23c3 -4 8 -6 8 -11v-21c-1 -8 -2 -18 -8 -24c-7 -6 -18 -10 -27 -12c-11 -3 -23 -3 -33 -7c-8 -3 -15 -8 -21 -14zM112 126c-15 -7 9 4 0 0c-9 -5 -18 -11 -25 -19c-1 -2 -6 -11 -7 -11h-25h-55c0 20 13 34 31 40
+c6 2 27 4 30 11c2 5 0 11 0 16c-10 -1 -24 1 -32 7c-2 2 3 9 4 12l3 12c1 9 1 19 1 28c0 16 -1 34 8 48c8 13 23 18 38 18c24 0 43 -13 47 -37c3 -16 1 -32 2 -48c0 -8 2 -16 5 -24c1 -2 5 -7 3 -9l-6 -3c-5 -2 -11 -3 -17 -4c-1 0 -8 0 -9 -1s0 -9 0 -11c0 -4 1 -6 5 -7
+c6 -2 19 -3 23 -8c2 -3 1 -5 -2 -5c-8 -1 -15 -1 -22 -5zM71 112c6 10 16 18 26 24c-9 9 -5 26 -4 37c0 2 0 5 2 5h8c6 0 11 1 17 2c-7 23 0 47 -5 70c-3 16 -15 23 -31 23c-17 0 -27 -9 -30 -25c-4 -22 3 -46 -4 -68c9 -1 17 -2 26 -2c1 0 1 -28 1 -29
+c-1 -12 -8 -18 -19 -22c-12 -4 -29 -3 -36 -15h49zM368 96c-2 8 -10 14 -16 19c-8 6 -18 13 -28 15c-3 1 -16 -1 -13 5c2 4 9 5 13 6s15 2 16 7c0 1 1 14 0 14c-6 0 -12 1 -18 2c-4 1 -7 2 -11 4c-6 3 -2 6 0 11c14 32 -10 88 32 105c15 6 34 5 48 -3c15 -9 20 -27 20 -44
+c0 -20 -4 -44 7 -62c2 -3 4 -4 0 -6c-2 -1 -4 -1 -6 -2l-12 -3s-9 -1 -13 -1c0 -4 -2 -13 1 -17c6 -7 21 -7 29 -10c18 -6 31 -20 31 -40h-80zM367 123c4 -4 -5 5 0 0s8 -11 15 -11h16h28c-7 12 -26 11 -38 16c-11 4 -16 12 -17 24c0 2 -1 27 1 27c9 0 18 0 26 1
+c-7 23 1 47 -4 70c-3 15 -15 23 -30 23c-17 0 -28 -8 -31 -25c-4 -23 2 -46 -5 -68c6 -2 12 -2 18 -2s8 1 9 -5c1 -11 5 -28 -4 -37c6 -4 11 -8 16 -13z" />
+    <glyph glyph-name="ion-ios-people" unicode="&#xf47c;" 
+d="M317 113c11 -4 -11 4 0 0v0zM317 113c28 -10 46 -35 46 -65h-28h-250c0 22 9 42 27 55c15 11 31 12 49 16c7 1 24 5 26 13s1 15 1 23c0 3 0 3 -2 5c-4 4 -6 9 -8 14c-2 8 -3 16 -4 24c-9 -2 -10 16 -12 21c-1 4 -7 24 3 21c-3 5 -4 13 -5 19c-2 13 -2 26 3 39
+c10 26 37 39 64 38c26 -1 51 -16 59 -42c4 -12 3 -26 1 -39c-1 -5 -2 -11 -4 -15c10 3 4 -20 3 -23c-2 -5 -3 -21 -12 -19c-1 -10 -2 -22 -7 -31c-1 -2 -7 -8 -7 -10v-11c0 -5 0 -10 2 -15s10 -7 14 -8c14 -5 27 -5 41 -10zM111 126h2h-1h-1zM111 126c-9 -5 -17 -11 -24 -19
+c-1 -2 -6 -11 -7 -11h-25h-55c0 20 12 34 30 40c6 2 27 4 30 11c2 5 1 11 1 16c-10 -1 -24 1 -32 7c-2 2 3 9 4 12c1 4 2 7 3 11c1 9 1 19 1 28c0 16 -1 35 8 49c8 13 23 18 38 18c24 0 43 -13 47 -37c3 -16 1 -32 2 -48c0 -8 2 -16 5 -24c1 -2 5 -7 3 -9l-6 -3
+c-5 -2 -11 -3 -17 -4c-1 0 -8 0 -9 -1s0 -9 0 -11c0 -4 1 -6 5 -7c6 -2 19 -3 23 -8c2 -3 1 -5 -2 -5c-7 -1 -14 -2 -21 -5c2 1 2 2 -1 0c-8 -4 -4 -2 -1 0zM417 136c18 -6 31 -20 31 -40h-80c-2 8 -10 14 -16 19c-8 6 -18 13 -28 15c-3 1 -16 -1 -13 5c2 4 9 5 13 6
+s15 2 16 7c0 1 1 14 0 14c-6 0 -12 1 -18 2c-4 1 -7 2 -11 4c-6 3 -2 6 0 11c14 32 -10 88 32 105c15 6 34 5 48 -3c15 -9 20 -27 20 -44c0 -20 -4 -44 7 -62c2 -3 4 -4 0 -6c-2 -1 -4 -1 -6 -2l-12 -3s-9 -1 -13 -1c0 -4 -2 -13 1 -17c6 -7 21 -7 29 -10z" />
+    <glyph glyph-name="ion-ios-person-outline" unicode="&#xf47d;" horiz-adv-x="320" 
+d="M106 246v0v0zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10
+c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9zM160 48v0h137c-2 3 -4 6 -8 8c-7 5 -16 9 -27 13c-7 2 -17 4 -26 5c-6 1 -10 2 -15 3c-3 1 -21 5 -29 15c-4 5 -6 12 -6 32c0 10 1 20 1 20v4l2 4
+c1 2 6 9 8 15c2 5 5 19 6 28c0 0 0 -1 1 4s8 4 9 8s3 7 5 18s-5 12 -5 17c0 4 1 5 1 5v0c0 1 4 14 4 38c0 13 -5 26 -14 35c-11 11 -25 16 -44 16c-18 0 -34 -5 -45 -16c-9 -9 -13 -22 -13 -35c1 -24 4 -37 4 -38v0s1 -3 0 -6c-1 -5 -6 -5 -4 -16s4 -14 5 -18s8 -3 9 -8
+s1 -4 1 -4c1 -9 4 -23 6 -28c2 -6 6 -13 8 -15l2 -4v-4s1 -10 1 -20c0 -20 -2 -27 -6 -32c-8 -10 -26 -14 -29 -15c-5 -1 -10 -2 -16 -3c-9 -1 -18 -3 -25 -5c-11 -4 -20 -8 -27 -13c-4 -2 -6 -5 -8 -8h137z" />
+    <glyph glyph-name="ion-ios-person" unicode="&#xf47e;" horiz-adv-x="320" 
+d="M267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10
+c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9z" />
+    <glyph glyph-name="ion-ios-personadd-outline" unicode="&#xf47f;" horiz-adv-x="320" 
+d="M320 295v-14h-25v-25h-14v25h-25v14h25v25h14v-25h25zM106 246v0v0zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68
+s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9zM160 48v0h137c-2 3 -4 6 -8 8c-7 5 -16 9 -27 13c-7 2 -17 4 -26 5c-6 1 -10 2 -15 3
+c-3 1 -21 5 -29 15c-4 5 -6 12 -6 32c0 10 1 20 1 20v4l2 4c1 2 6 9 8 15c2 5 5 19 6 28c0 0 0 -1 1 4s8 4 9 8s3 7 5 18s-5 12 -5 17c0 4 1 5 1 5v0c0 1 4 14 4 38c0 13 -5 26 -14 35c-11 11 -25 16 -44 16c-18 0 -34 -5 -45 -16c-9 -9 -13 -22 -13 -35c1 -24 4 -37 4 -38
+v0s1 -3 0 -6c-1 -5 -6 -5 -4 -16s4 -14 5 -18s8 -3 9 -8s1 -4 1 -4c1 -9 4 -23 6 -28c2 -6 6 -13 8 -15l2 -4v-4s1 -10 1 -20c0 -20 -2 -27 -6 -32c-8 -10 -26 -14 -29 -15c-5 -1 -10 -2 -16 -3c-9 -1 -18 -3 -25 -5c-11 -4 -20 -8 -27 -13c-4 -2 -6 -5 -8 -8h137z" />
+    <glyph glyph-name="ion-ios-personadd" unicode="&#xf480;" horiz-adv-x="320" 
+d="M320 295v-14h-25v-25h-14v25h-25v14h25v25h14v-25h25zM267 84c13 -5 53 -20 53 -52h-160h-160c0 32 40 47 53 52s31 6 43 9c7 2 17 5 20 9s1 41 1 41s-6 10 -9 18s-7 32 -7 32s-7 0 -9 12c-2 13 -6 17 -6 27c0 9 5 10 5 10v0s-4 13 -5 42c-1 34 25 68 74 68
+s75 -34 74 -68c-1 -29 -5 -42 -5 -42v0s5 -1 5 -10c0 -10 -3 -15 -6 -28c-2 -12 -9 -12 -9 -12s-4 -23 -7 -31s-9 -18 -9 -18s-2 -37 1 -41s13 -7 20 -9c12 -3 30 -4 43 -9z" />
+    <glyph glyph-name="ion-ios-photos-outline" unicode="&#xf481;" 
+d="M64 320h384v-320h-384v320zM432 16v288h-352v-288h352zM0 384h384v-48h-16v32h-352v-288h32v-16h-48v320z" />
+    <glyph glyph-name="ion-ios-photos" unicode="&#xf482;" 
+d="M64 320h384v-320h-384v320zM384 384v-48h-336v-272h-48v320h384z" />
+    <glyph glyph-name="ion-ios-pie-outline" unicode="&#xf483;" 
+d="M256 367v0v-207v-12l-12 -4l-180 -45c6 -13 13 -25 21 -36c12 -16 25 -30 41 -42c33 -24 73 -37 114 -37c26 0 51 5 75 15c23 10 43 23 61 41s31 38 41 61c10 24 15 49 15 75c0 51 -20 100 -56 136c-32 32 -75 51 -120 55zM240 384v0c115 0 208 -93 208 -208
+s-93 -208 -208 -208c-92 0 -171 60 -198 143l198 49v224zM208 400c-31 -1 -60 -7 -85 -18c-24 -11 -44 -26 -61 -46c-29 -34 -46 -80 -46 -127v0v0c0 -13 3 -46 12 -70l180 46v215zM224 416v0v-244l-205 -52c-19 32 -19 89 -19 89c0 91 58 207 218 207h6z" />
+    <glyph glyph-name="ion-ios-pie" unicode="&#xf484;" 
+d="M240 384v0c115 0 208 -93 208 -208s-93 -208 -208 -208c-92 0 -171 60 -198 143l198 49v224zM224 416v0v-244l-205 -52c-19 32 -19 89 -19 89c0 91 58 207 218 207h6z" />
+    <glyph glyph-name="ion-ios-pint-outline" unicode="&#xf485;" horiz-adv-x="224" 
+d="M224 278c0 -98 -32 -101 -32 -181c0 -40 16 -71 16 -99c0 -27 -9 -30 -32 -30h-128c-23 0 -32 2 -32 29c0 28 16 60 16 100c0 80 -32 83 -32 181c0 21 1 89 19 125c4 9 13 13 32 13h122c19 0 28 -4 32 -13c18 -36 19 -104 19 -125zM34 396c-8 -16 -14 -43 -17 -76h190
+c-3 33 -9 60 -17 76c-1 2 -1 1 -2 2c-2 1 -6 2 -15 2h-122c-9 0 -13 -1 -15 -2c-1 -1 -1 0 -2 -2zM191 -15c0 1 1 5 1 13c0 11 -4 23 -7 37c-4 18 -9 39 -9 62c0 41 8 64 16 86c8 23 16 46 16 95c0 9 -1 18 -1 26h-190c0 -8 -1 -17 -1 -26c0 -49 8 -72 16 -95
+c8 -22 16 -45 16 -86c0 -23 -5 -44 -9 -62c-3 -14 -7 -26 -7 -37c0 -8 1 -12 1 -13c2 -1 7 -1 15 -1h128c8 0 13 0 15 1z" />
+    <glyph glyph-name="ion-ios-pint" unicode="&#xf486;" horiz-adv-x="224" 
+d="M224 278c0 -98 -32 -101 -32 -181c0 -40 16 -71 16 -99c0 -27 -9 -30 -32 -30h-128c-23 0 -32 2 -32 29c0 28 16 60 16 100c0 80 -32 83 -32 181c0 21 1 89 19 125c4 9 13 13 32 13h122c19 0 28 -4 32 -13c18 -36 19 -104 19 -125zM34 396c-8 -16 -14 -43 -17 -76h190
+c-3 33 -9 60 -17 76c-1 2 -1 1 -2 2c-2 1 -6 2 -15 2h-122c-9 0 -13 -1 -15 -2c-1 -1 -1 0 -2 -2z" />
+    <glyph glyph-name="ion-ios-play-outline" unicode="&#xf487;" horiz-adv-x="256" 
+d="M16 323v-262l210 131zM0 352v0l256 -160l-256 -160v320z" />
+    <glyph glyph-name="ion-ios-play" unicode="&#xf488;" horiz-adv-x="256" 
+d="M0 352v0l256 -160l-256 -160v320z" />
+    <glyph glyph-name="ion-ios-plus-empty" unicode="&#xf489;" horiz-adv-x="256" 
+d="M256 183h-120v-119h-17v119h-119v17h119v120h17v-120h120v-17z" />
+    <glyph glyph-name="ion-ios-plus-outline" unicode="&#xf48a;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191zM216 320v-120h120v-17h-120v-119h-17v119h-119v17h119v120h17z" />
+    <glyph glyph-name="ion-ios-plus" unicode="&#xf48b;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM336 183v17h-120v120h-17v-120h-119v-17h119v-119h17v119h120z" />
+    <glyph glyph-name="ion-ios-pricetag-outline" unicode="&#xf48c;" horiz-adv-x="416" 
+d="M416 416v-160l-256 -288l-160 160l256 288h160zM400 264v136h-136l-240 -272l136 -136zM320 288c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32s-14 -32 -32 -32zM320 336c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+    <glyph glyph-name="ion-ios-pricetag" unicode="&#xf48d;" horiz-adv-x="416" 
+d="M304 320c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM256 416h160v-160l-256 -288l-160 160zM320 288c9 0 16 4 22 10s10 13 10 22s-4 16 -10 22s-13 10 -22 10s-16 -4 -22 -10s-10 -13 -10 -22s4 -16 10 -22s13 -10 22 -10z" />
+    <glyph glyph-name="ion-ios-pricetags-outline" unicode="&#xf48e;" 
+d="M416 384h32v-144l-240 -272l-25 24l-23 -24l-160 160l256 288h160v-32zM160 -9l12 12l11 12l217 248v105v16v16h-137l-241 -272zM432 247v121h-16v-112l-221 -253l13 -12zM320 288c-18 0 -32 14 -32 32s14 32 32 32s32 -14 32 -32s-14 -32 -32 -32zM320 336
+c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+    <glyph glyph-name="ion-ios-pricetags" unicode="&#xf48f;" 
+d="M432 384h16v-144l-240 -272l-13 13l237 266v137zM256 416h160v-32v-16v-112l-221 -253l-12 -11l-23 -24l-160 160zM320 288c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM304 320c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16z" />
+    <glyph glyph-name="ion-ios-printer-outline" unicode="&#xf490;" horiz-adv-x="416" 
+d="M384 336c18 0 32 -13 32 -31v-159c0 -18 -14 -32 -32 -32h-48v-114h-256v114h-48c-18 0 -32 14 -32 32v159c0 18 14 31 32 31h32v48h288v-48h32zM80 368v-32h256v32h-256zM320 16v192h-224v-192h224zM400 146v159c0 9 -7 15 -16 15v0h-352c-9 0 -16 -6 -16 -15v-159
+c0 -9 7 -16 16 -16h48v94h256v-94h48c9 0 16 7 16 16z" />
+    <glyph glyph-name="ion-ios-printer" unicode="&#xf491;" horiz-adv-x="416" 
+d="M80 0v224h256v-224h-256zM80 -0v224h256v-224h-256zM64 352v32h288v-32h-288zM385 336c18 0 31 -14 31 -31v-158c0 -17 -13 -34 -31 -34h-33v126h-288v-126h-31c-18 0 -33 17 -33 34v158c0 17 15 31 33 31h352z" />
+    <glyph glyph-name="ion-ios-pulse-strong" unicode="&#xf492;" horiz-adv-x="480" 
+d="M432 175c27 0 48 -20 48 -47s-21 -49 -48 -49c-21 0 -38 13 -45 31h-51c-7 0 -13 4 -15 11l-16 47l-50 -173c-2 -7 -8 -11 -15 -11h-1c-7 0 -14 5 -15 12l-51 308l-45 -182c-2 -7 -9 -12 -16 -12h-112v32h99l61 245c2 7 8 13 16 13s15 -7 16 -14l52 -314l45 155
+c2 7 8 11 15 11v0c7 0 13 -4 15 -11l29 -85h38c6 19 25 33 46 33z" />
+    <glyph glyph-name="ion-ios-pulse" unicode="&#xf493;" 
+d="M416 160c18 0 32 -14 32 -32s-14 -32 -32 -32c-15 0 -27 10 -31 23h-65c-3 0 -7 2 -8 5l-23 72l-57 -198c-1 -3 -4 -6 -8 -6v0c-4 0 -7 3 -8 7l-58 346l-54 -220c-1 -4 -4 -6 -8 -6h-96v16h90l62 251c1 4 4 6 8 6s7 -3 8 -7l58 -349l54 190c1 3 4 5 8 5s7 -2 8 -5l30 -91
+h59c3 14 16 25 31 25z" />
+    <glyph glyph-name="ion-ios-rainy-outline" unicode="&#xf494;" horiz-adv-x="288" 
+d="M220 269c38 0 68 -33 68 -71c0 -29 -19 -56 -45 -66l-55 -80c-2 -2 -5 -4 -8 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l46 66v0h-35l-31 -44c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 1 3 2 5l25 35h-37l-53 -76c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 2 4 3 6l46 66h-36l-32 -44
+c-2 -2 -4 -4 -7 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l25 34c-29 2 -52 27 -52 56c0 28 22 58 50 60c0 3 -1 5 -1 8c0 46 31 84 82 84c45 0 73 -31 81 -68c3 0 5 1 8 1zM220 146c28 0 52 24 52 52s-24 54 -52 54h-6l-15 -2l-3 15c-3 14 -11 31 -23 40c-12 10 -26 14 -41 14
+c-36 0 -66 -31 -66 -67v-12v-10c-6 0 -12 -2 -14 -2c-20 -3 -35 -23 -35 -43c0 -10 4 -20 11 -27s16 -12 26 -12h124v0v0h42z" />
+    <glyph glyph-name="ion-ios-rainy" unicode="&#xf495;" horiz-adv-x="288" 
+d="M220 269c38 0 68 -33 68 -71c0 -29 -19 -56 -45 -66l-55 -80c-2 -2 -5 -4 -8 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l46 66v0h-35l-31 -44c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 1 3 2 5l25 35h-37l-53 -76c-2 -2 -4 -4 -7 -4c-5 0 -9 3 -9 8c0 2 2 4 3 6l46 66h-36l-32 -44
+c-2 -2 -4 -4 -7 -4c-5 0 -8 3 -8 8c0 2 1 4 2 6l25 34c-29 2 -52 27 -52 56c0 28 22 58 50 60c0 3 -1 5 -1 8c0 46 31 84 82 84c45 0 73 -31 81 -68c3 0 5 1 8 1z" />
+    <glyph glyph-name="ion-ios-recording-outline" unicode="&#xf496;" horiz-adv-x="480" 
+d="M370 304c61 0 110 -50 110 -112s-49 -112 -110 -112h-260c-61 0 -110 50 -110 112s49 112 110 112s110 -50 110 -112c0 -40 -21 -75 -53 -95h146c-32 20 -53 55 -53 95c0 62 49 112 110 112zM16 192c0 -53 42 -95 94 -95s93 42 93 95s-41 95 -93 95s-94 -42 -94 -95z
+M370 97c52 0 94 42 94 95s-42 95 -94 95s-93 -42 -93 -95s41 -95 93 -95zM368 240c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM368 256v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM112 240c-26 0 -48 -22 -48 -48
+s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM112 256v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64z" />
+    <glyph glyph-name="ion-ios-recording" unicode="&#xf497;" horiz-adv-x="480" 
+d="M370 304c61 0 110 -50 110 -112s-49 -112 -110 -112h-260c-61 0 -110 50 -110 112s49 112 110 112s110 -50 110 -112c0 -40 -21 -76 -53 -95h146c-32 19 -53 55 -53 95c0 62 49 112 110 112zM112 128c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64z
+M368 128c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM368 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM112 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48z" />
+    <glyph glyph-name="ion-ios-redo-outline" unicode="&#xf498;" horiz-adv-x="384" 
+d="M0 48v32c0 17 -3 83 49 136c35 36 80 53 143 56v80l192 -128l-192 -128v80c-40 -1 -63 -9 -87 -20c-31 -14 -55 -44 -75 -77l-20 -31h-10zM208 256c-201 0 -192 -169 -192 -169c48 81 101 105 192 105v-65l148 97l-148 97v-65z" />
+    <glyph glyph-name="ion-ios-redo" unicode="&#xf499;" horiz-adv-x="384" 
+d="M0 48v32c0 17 -3 83 49 136c35 36 80 53 143 56v80l192 -128l-192 -128v80c-40 -1 -63 -9 -87 -20c-31 -14 -55 -44 -75 -77l-20 -31h-10z" />
+    <glyph glyph-name="ion-ios-refresh-empty" unicode="&#xf49a;" horiz-adv-x="256" 
+d="M128 64c-71 0 -128 57 -128 128s57 128 128 128v44l96 -64l-96 -56v56c-60 0 -108 -48 -108 -108s48 -108 108 -108s108 48 108 108h20c0 -71 -57 -128 -128 -128z" />
+    <glyph glyph-name="ion-ios-refresh-outline" unicode="&#xf49b;" horiz-adv-x="416" 
+d="M316 192v0h20c0 -71 -57 -128 -128 -128s-128 57 -128 128s57 128 128 128v44l96 -64l-96 -56v56c-60 0 -108 -48 -108 -108s48 -108 108 -108s108 48 108 108zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 1
+c105 0 191 86 191 191s-86 191 -191 191s-191 -86 -191 -191s86 -191 191 -191z" />
+    <glyph glyph-name="ion-ios-refresh" unicode="&#xf49c;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM208 64c71 0 128 57 128 128h-20c0 -60 -48 -108 -108 -108s-108 48 -108 108s48 108 108 108v-56l96 56l-96 64v-44c-71 0 -128 -57 -128 -128s57 -128 128 -128z" />
+    <glyph glyph-name="ion-ios-reload" unicode="&#xf49d;" 
+d="M192 384c106 0 192 -86 192 -192l55 53l9 -9l-70 -68l-67 68l9 9l51 -52c0 98 -80 178 -179 178s-179 -80 -179 -179s80 -179 179 -179c79 0 146 50 170 121l12 -3c-26 -76 -97 -131 -182 -131c-106 0 -192 86 -192 192s86 192 192 192z" />
+    <glyph glyph-name="ion-ios-reverse-camera-outline" unicode="&#xf49e;" horiz-adv-x="384" 
+d="M238 129l2 2l11 -12l-2 -2c-16 -14 -36 -21 -57 -21c-45 0 -82 36 -87 78h-30l38 50l39 -50h-31c5 -33 35 -62 71 -62c17 0 33 6 46 17zM252 249c16 -14 25 -37 27 -57h30l-38 -51l-39 51h31c-5 35 -35 64 -71 64c-17 0 -33 -6 -46 -17l-2 -2l-11 12l2 2
+c16 14 36 21 57 21c22 0 44 -8 60 -23zM354 288c18 0 30 -14 30 -31v-176c0 -17 -12 -33 -30 -33h-320c-18 0 -34 16 -34 33v176c0 17 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM368 81v176c0 9 -5 15 -14 15h-62h-6s-4 1 -6 3s-6 8 -9 11
+c-12 13 -21 24 -27 30c-5 5 -7 4 -7 4h-88s-1 0 -6 -4c-6 -5 -15 -14 -26 -27c-3 -4 -8 -11 -11 -14s-4 -3 -6 -3h-6h-60c-9 0 -18 -7 -18 -15v-176c0 -9 9 -17 18 -17h320c8 0 14 8 14 17z" />
+    <glyph glyph-name="ion-ios-reverse-camera" unicode="&#xf49f;" horiz-adv-x="384" 
+d="M354 288c18 0 30 -14 30 -31v-176c0 -17 -12 -33 -30 -33h-320c-18 0 -34 16 -34 33v176c0 17 16 31 34 31h13v16h34v-16h13c32 36 43 48 55 48h88c12 0 23 -12 55 -48h62zM249 117l2 2l-11 12l-2 -2c-13 -11 -29 -17 -46 -17c-36 0 -66 29 -71 62h31l-39 50l-38 -50h30
+c5 -42 42 -78 87 -78c21 0 41 7 57 21zM271 141l38 51h-30c-2 20 -11 43 -27 57c-16 15 -38 23 -60 23c-21 0 -41 -7 -57 -21l-2 -2l11 -12l2 2c13 11 29 17 46 17c36 0 66 -29 71 -64h-31z" />
+    <glyph glyph-name="ion-ios-rewind-outline" unicode="&#xf4a0;" 
+d="M432 293l-184 -101l184 -101v202zM208 292v0l-176 -100l176 -100v95v27v78zM224 320v0v-123l224 123v-256l-224 123v-123l-224 128z" />
+    <glyph glyph-name="ion-ios-rewind" unicode="&#xf4a1;" 
+d="M224 320v0v-123l224 123v-256l-224 123v-123l-224 128z" />
+    <glyph glyph-name="ion-ios-rose-outline" unicode="&#xf4a2;" horiz-adv-x="320" 
+d="M284 295c-4 -1 -9 -3 -13 -4c-37 -11 -71 -24 -103 -39c-17 -8 -24 -12 -44 -24l-7 -4c-31 -18 -50 -33 -63 -51c-15 -21 -22 -45 -22 -77c0 -16 3 -30 9 -44c6 -13 14 -26 25 -36c23 -21 55 -32 94 -32s71 11 94 32c11 10 19 23 25 36c6 14 9 28 9 44c0 20 -5 40 -11 60
+c-11 40 -23 83 7 139zM320 320v0c-77 -96 -16 -151 -16 -224s-56 -128 -144 -128s-144 55 -144 128s35 109 93 142c25 14 33 19 52 28c30 14 65 28 105 40c17 5 35 10 54 14zM38 325c14 -28 18 -57 19 -83c9 7 20 13 30 20c7 4 14 9 21 13c5 3 10 6 16 9c-5 4 -11 7 -17 11
+c-22 13 -48 23 -69 30zM0 352v0s66 -15 115 -43c15 -8 28 -18 37 -29c-12 -6 -24 -12 -36 -19c-7 -4 -14 -8 -20 -12c-25 -16 -44 -31 -57 -42c5 41 2 98 -39 145zM249 367c-8 -1 -20 -2 -35 -7c-25 -8 -47 -20 -64 -36c8 -6 15 -12 21 -18c29 12 65 26 95 34
+c-5 10 -12 20 -17 27zM256 384v0s26 -32 32 -55c-33 -8 -84 -25 -121 -42l-3 3c-9 11 -22 22 -39 32c52 60 131 62 131 62zM85 394c-6 -10 -10 -20 -14 -28c12 -4 22 -10 36 -17c4 5 9 10 14 14c-13 15 -27 25 -36 31zM80 416v0s35 -16 64 -56c-12 -9 -23 -20 -33 -31
+c-26 13 -40 21 -61 27c5 15 15 38 30 60z" />
+    <glyph glyph-name="ion-ios-rose" unicode="&#xf4a3;" horiz-adv-x="320" 
+d="M320 320v0c-77 -96 -16 -151 -16 -224s-56 -128 -144 -128s-144 55 -144 128s35 109 93 142c25 14 33 19 52 28c30 14 65 28 105 40c17 5 35 10 54 14zM0 352v0s66 -15 115 -43c15 -8 28 -18 37 -29c-12 -6 -24 -12 -36 -19c-7 -4 -14 -8 -20 -12
+c-25 -16 -44 -31 -57 -42c5 41 2 98 -39 145zM256 384v0s26 -32 32 -55c-33 -8 -84 -25 -121 -42l-3 3c-9 11 -22 22 -39 32c52 60 131 62 131 62zM80 416v0s35 -16 64 -56c-12 -9 -23 -20 -33 -31c-26 13 -40 21 -61 27c5 15 15 38 30 60z" />
+    <glyph glyph-name="ion-ios-search-strong" unicode="&#xf4a4;" horiz-adv-x="384" 
+d="M280 150l-4 -7l108 -109l-34 -34l-108 109l-7 -5c-24 -15 -53 -25 -83 -25c-84 0 -152 69 -152 153s68 152 152 152s152 -68 152 -152c0 -30 -9 -58 -24 -82zM237 317c-23 23 -53 35 -85 35s-62 -12 -85 -35s-35 -53 -35 -85s12 -62 35 -85s53 -35 85 -35s62 12 85 35
+s36 53 36 85s-13 62 -36 85z" />
+    <glyph glyph-name="ion-ios-search" unicode="&#xf4a5;" horiz-adv-x="384" 
+d="M384 23l-23 -23l-113 113c-26 -21 -60 -33 -96 -33c-84 0 -152 68 -152 152s68 152 152 152s152 -68 152 -152c0 -36 -12 -69 -33 -95zM56 135c26 -26 60 -39 96 -39s70 14 96 40s40 60 40 96s-14 70 -40 96s-60 40 -96 40s-70 -14 -96 -40s-40 -60 -40 -96
+s14 -71 40 -97z" />
+    <glyph glyph-name="ion-ios-settings-strong" unicode="&#xf4a6;" 
+d="M0 72h283c6 14 21 24 37 24s31 -10 37 -24h91v-32h-91c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-283zM0 208h91c6 14 21 24 37 24s31 -10 37 -24h283v-32h-283c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-91zM0 344h283c6 14 21 24 37 24s31 -10 37 -24h91v-32h-91
+c-6 -14 -21 -24 -37 -24s-31 10 -37 24h-283z" />
+    <glyph glyph-name="ion-ios-settings" unicode="&#xf4a7;" 
+d="M320 344c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM320 360v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM320 72c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM320 88v0c18 0 32 -14 32 -32s-14 -32 -32 -32
+s-32 14 -32 32s14 32 32 32zM128 208c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16zM128 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM175 200h273v-16h-273c0 3 1 5 1 8s-1 5 -1 8zM80 192c0 -3 1 -5 1 -8h-81v16h81
+c0 -3 -1 -5 -1 -8zM367 64h81v-16h-81c0 3 1 5 1 8s-1 5 -1 8zM272 56c0 -3 1 -5 1 -8h-273v16h273c0 -3 -1 -5 -1 -8zM367 336h81v-16h-81c0 3 1 5 1 8s-1 5 -1 8zM273 336c0 -3 -1 -5 -1 -8s1 -5 1 -8h-273v16h273z" />
+    <glyph glyph-name="ion-ios-shuffle-strong" unicode="&#xf4a8;" horiz-adv-x="384" 
+d="M301 296c-85 0 -119 -64 -152 -126c-1 -3 -3 -5 -4 -8l-1 -1c-2 -3 -2 -5 -4 -8c-21 -38 -43 -68 -68 -83c-15 -9 -34 -18 -72 -18v32c45 0 76 18 112 84c2 3 2 6 4 9h1c1 2 3 4 4 7c34 64 76 144 180 144h15l-52 43l21 25l99 -84l-99 -82l-21 24l51 42h-14zM285 154
+l99 -82l-99 -84l-21 25l52 43h-15c-78 0 -122 45 -153 95l18 33c29 -51 64 -96 135 -96h14l-51 42zM112 216c-36 66 -67 84 -112 84v32c38 0 57 -9 72 -18c25 -15 47 -44 67 -81c-7 -11 -13 -22 -19 -33c-1 2 -2 5 -3 7h-1c-2 3 -2 6 -4 9z" />
+    <glyph glyph-name="ion-ios-shuffle" unicode="&#xf4a9;" horiz-adv-x="384" 
+d="M298 241l-10 12l62 51h-46c-93 0 -129 -75 -164 -139c-2 -3 -3 -6 -5 -9c-20 -37 -41 -61 -65 -75c-14 -8 -33 -17 -70 -17v16c48 0 83 14 121 84c2 3 3 6 5 9c35 65 75 147 178 147h46l-62 52l10 12l86 -72zM135 228c0 -1 1 -2 1 -3c-3 -5 -6 -11 -9 -16c0 1 -1 1 -1 2
+c-2 3 -3 6 -5 9c-38 70 -73 84 -121 84v16c37 0 56 -9 70 -17c24 -14 45 -38 65 -75zM298 143l86 -71l-86 -72l-10 12l62 52h-46c-76 0 -118 45 -149 95c1 2 2 5 3 7c2 3 4 7 6 10c30 -50 67 -96 140 -96h46l-62 51z" />
+    <glyph glyph-name="ion-ios-skipbackward-outline" unicode="&#xf4aa;" horiz-adv-x="320" 
+d="M0 352h79v-142l241 142v-320l-241 142v-142h-79v320zM80 192l7 -4l217 -128v264v0l-217 -128zM16 336v-288h47v126v8v28v126h-47z" />
+    <glyph glyph-name="ion-ios-skipbackward" unicode="&#xf4ab;" horiz-adv-x="320" 
+d="M0 352h79v-142l241 142v-320l-241 142v-142h-79v320z" />
+    <glyph glyph-name="ion-ios-skipforward-outline" unicode="&#xf4ac;" horiz-adv-x="320" 
+d="M241 352h79v-320h-79v142l-241 -142v320l241 -142v142zM233 188l7 4l-7 4l-217 128v0v-264zM304 48v288h-47v-126v-28v-8v-126h47z" />
+    <glyph glyph-name="ion-ios-skipforward" unicode="&#xf4ad;" horiz-adv-x="320" 
+d="M241 352h79v-320h-79v142l-241 -142v320l241 -142v142z" />
+    <glyph glyph-name="ion-ios-snowy" unicode="&#xf4ae;" horiz-adv-x="256" 
+d="M252 131c4 -2 5 -7 3 -11s-7 -5 -11 -3l-29 17c-2 -8 -2 -16 0 -24c1 -4 -3 -9 -7 -10s-8 2 -9 6c-2 12 -3 24 1 36l-64 36v-73c11 -3 22 -8 31 -16c3 -3 4 -8 1 -11s-8 -4 -11 -1c-6 5 -13 10 -21 12v-33c0 -4 -4 -8 -8 -8s-8 4 -8 8v33c-8 -2 -15 -7 -21 -12
+c-3 -3 -8 -2 -11 1s-3 8 0 11c9 8 20 13 32 16v73l-65 -36c4 -12 4 -23 2 -35c-1 -4 -5 -8 -9 -7s-8 6 -7 10c2 8 2 16 0 24l-29 -17c-4 -2 -9 -1 -11 3s-1 9 3 11l29 16c-6 6 -13 10 -21 13c-4 1 -6 6 -5 10c2 4 6 6 10 5c12 -4 22 -11 30 -19l65 36l-65 37
+c-8 -9 -18 -15 -30 -19c-4 -1 -9 0 -10 4s1 10 5 11c8 3 15 6 21 12l-29 16c-4 2 -5 7 -3 11s7 5 11 3l29 -16c2 8 2 15 0 23c-1 4 3 9 7 10s8 -2 9 -6c2 -12 1 -25 -2 -36l65 -36v73c-12 3 -23 8 -32 16c-3 3 -3 8 0 11s8 4 11 1c6 -5 13 -10 21 -12v33c0 4 4 8 8 8
+s8 -4 8 -8v-33c8 2 15 7 21 12c3 3 8 2 11 -1s2 -8 -1 -11c-9 -8 -20 -13 -31 -16v-73l64 36c-3 11 -4 24 -2 36c1 4 6 7 10 6s7 -6 6 -10c-2 -8 -1 -15 1 -23l29 16c4 2 9 1 11 -3s1 -9 -3 -11l-29 -16c6 -6 13 -10 21 -13c4 -1 6 -6 5 -10s-6 -6 -10 -5
+c-12 4 -23 10 -31 19l-64 -36l64 -36c8 8 19 15 31 19c4 1 9 -1 10 -5s-1 -9 -5 -10c-8 -3 -15 -7 -21 -13z" />
+    <glyph glyph-name="ion-ios-speedometer-outline" unicode="&#xf4af;" 
+d="M224 384c124 0 224 -100 224 -224c0 -57 -21 -108 -56 -148c-4 -4 -7 -8 -11 -12l-10 10l-1 2c-19 18 -41 33 -65 43c-26 11 -53 16 -81 16s-55 -5 -81 -16c-24 -10 -46 -25 -65 -43l-1 -2l-10 -10c-4 4 -7 8 -11 12c-35 40 -56 91 -56 148c0 124 100 224 224 224z
+M416 79c10 23 15 48 16 73h-32v16h32c-1 25 -6 50 -16 73c-9 22 -23 42 -39 60l-27 -27l-6 6l-5 5v0h-1l27 27c-18 17 -38 31 -60 40c-23 10 -48 15 -74 16v-38h-16v38c-25 -1 -49 -6 -72 -16c-22 -10 -43 -23 -61 -40l27 -27v0v0l-6 -6l-5 -5l-27 27
+c-16 -18 -30 -38 -39 -60c-10 -23 -15 -49 -16 -74h32v-16h-32c1 -25 6 -49 16 -72c9 -20 20 -39 35 -56c40 40 96 64 157 64s117 -24 157 -64c15 17 26 36 35 56zM336 273l2 -1l-75 -84c6 -8 9 -18 9 -28c0 -26 -22 -48 -48 -48c-10 0 -19 4 -27 9l-13 -12l-11 11l12 12
+c-6 8 -9 18 -9 28c0 26 22 48 48 48c10 0 19 -3 27 -8zM224 128c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-ios-speedometer" unicode="&#xf4b0;" 
+d="M385 169v-15h30c-1 -22 -6 -44 -15 -65c-8 -18 -19 -35 -32 -50c-39 37 -90 58 -144 58s-105 -21 -144 -58c-13 15 -24 32 -32 50c-9 21 -14 43 -15 65h28h1v16h-29c1 23 6 45 15 66c9 20 20 38 35 54l25 -24l10 10l1 1v0v0l-25 25c16 15 36 26 56 35c21 9 43 14 66 15
+v-34h14h1v34c23 -1 46 -6 67 -15s39 -20 55 -35l-24 -25l11 -11l25 25c15 -16 26 -35 35 -55c9 -21 14 -43 15 -66h-30v-1zM272 160c0 10 -3 20 -9 28l63 76l-2 1l-73 -65c-8 5 -17 8 -27 8c-26 0 -48 -22 -48 -48c0 -10 3 -20 9 -28l-12 -12l11 -11l13 12c8 -5 17 -9 27 -9
+c26 0 48 22 48 48zM224 384c124 0 224 -100 224 -224c0 -57 -21 -108 -56 -148c-4 -4 -7 -8 -11 -12h-23c-32 39 -80 64 -134 64s-102 -25 -134 -64h-23c-4 4 -7 8 -11 12c-35 40 -56 91 -56 148c0 124 100 224 224 224zM379 27c34 37 52 86 52 136c0 55 -22 106 -61 145
+s-91 60 -146 60s-107 -21 -146 -60s-61 -90 -61 -145c0 -50 18 -99 52 -136l10 -10l1 -1v1l9 9l1 1v0c17 17 38 30 60 39c24 10 48 15 74 15s50 -5 74 -15c22 -9 43 -22 60 -39v0l1 -1l9 -9v-1l1 1zM192 160c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32s-32 11 -32 32z
+" />
+    <glyph glyph-name="ion-ios-star-half" unicode="&#xf4b1;" 
+d="M140 143l-140 98h171l53 159l53 -159h171l-140 -98l54 -159l-138 99l-138 -99zM224 347v-244l107 -76l-43 122l108 75h-131z" />
+    <glyph glyph-name="ion-ios-star-outline" unicode="&#xf4b2;" 
+d="M448 241l-140 -98l54 -159l-138 99l-138 -99l54 159l-140 98h171l53 159l53 -159h171zM331 27l-43 122l108 75h-131l-41 123l-41 -123h-131l108 -75l-43 -122l107 76z" />
+    <glyph glyph-name="ion-ios-star" unicode="&#xf4b3;" 
+d="M448 241l-140 -98l54 -159l-138 99l-138 -99l54 159l-140 98h171l53 159l53 -159h171z" />
+    <glyph glyph-name="ion-ios-stopwatch-outline" unicode="&#xf4b4;" horiz-adv-x="384" 
+d="M334 301c32 -35 50 -80 50 -128c0 -104 -86 -189 -192 -189s-192 85 -192 189c0 48 18 94 51 129l1 1h-18l-8 -8l-23 23l41 40l23 -22l-9 -9v-18c31 30 72 50 116 53h2v38h32v-38c43 -4 82 -21 113 -49l5 -5v19l-9 9l23 22l41 -40l-22 -23l-9 8h-18zM192 2
+c96 0 173 77 173 171s-77 171 -173 171c-95 0 -173 -77 -173 -171s77 -171 173 -171zM200 191c14 -4 24 -17 24 -31c0 -15 -10 -26 -24 -30l-8 -18v0l-8 18c-14 4 -24 15 -24 30c0 14 12 27 24 31v129h16v-129z" />
+    <glyph glyph-name="ion-ios-stopwatch" unicode="&#xf4b5;" horiz-adv-x="384" 
+d="M334 301c32 -35 50 -80 50 -128c0 -104 -86 -189 -192 -189s-192 85 -192 189c0 48 18 94 51 129l1 1h-18l-8 -8l-23 23l41 40l23 -22l-9 -9v-18c31 30 72 50 116 53h2v38h32v-38c43 -4 82 -21 113 -49l5 -5v19l-9 9l23 22l41 -40l-22 -23l-9 8h-18zM200 130
+c14 4 24 15 24 30c0 14 -10 27 -24 31v129h-16v-129c-12 -4 -24 -17 -24 -31c0 -15 10 -26 24 -30l8 -18z" />
+    <glyph glyph-name="ion-ios-sunny-outline" unicode="&#xf4b6;" horiz-adv-x="320" 
+d="M151 296v56h18v-56h-18zM151 32v60h18v-60h-18zM264 183v18h56v-18h-56zM0 183v18h60v-18h-60zM240 130l34 -34l-12 -12l-33 34zM64 306l34 -33l-12 -12l-34 34zM229 272l33 34l12 -12l-34 -33zM52 96l34 34l11 -12l-33 -34zM160 116c-42 0 -76 34 -76 76s34 76 76 76
+s76 -34 76 -76s-34 -76 -76 -76zM160 251c-32 0 -59 -27 -59 -59s27 -59 59 -59s59 27 59 59s-27 59 -59 59z" />
+    <glyph glyph-name="ion-ios-sunny" unicode="&#xf4b7;" horiz-adv-x="320" 
+d="M151 296v56h18v-56h-18zM151 32v60h18v-60h-18zM264 183v18h56v-18h-56zM0 183v18h60v-18h-60zM240 130l34 -34l-12 -12l-33 34zM64 306l34 -33l-12 -12l-34 34zM229 272l33 34l12 -12l-34 -33zM52 96l34 34l11 -12l-33 -34zM160 116c-42 0 -76 34 -76 76s34 76 76 76
+s76 -34 76 -76s-34 -76 -76 -76z" />
+    <glyph glyph-name="ion-ios-telephone-outline" unicode="&#xf4b8;" horiz-adv-x="352" 
+d="M336 112c16 -16 26 -35 0 -66c-25 -30 -42 -30 -64 -30c-24 0 -58 14 -93 40c-32 23 -46 34 -78 67c-34 35 -55 64 -79 107c-27 50 -24 74 -18 92c4 12 14 24 28 33l1 1c6 4 18 12 32 12c13 0 24 -6 34 -18l1 -1c11 -14 24 -31 32 -47c10 -21 10 -38 -1 -53
+c-9 -12 -12 -19 -12 -23s5 -9 13 -18l1 -1c16 -18 20 -23 26 -29c1 -1 3 -2 4 -3l2 -2c7 -7 11 -12 29 -28l1 -1c7 -6 9 -8 12 -8c5 0 16 7 29 15c4 3 11 5 17 5c27 0 68 -29 83 -44zM324 57c19 22 13 31 1 43c-13 14 -50 39 -72 39c-3 0 -6 -1 -8 -2
+c-19 -12 -28 -18 -37 -18s-15 6 -23 13h-1c-19 16 -23 21 -30 29l-2 2c-1 1 -3 2 -4 3c-6 6 -11 12 -27 30v1c-10 11 -17 18 -18 28s5 20 16 34c15 20 -5 48 -31 79l-1 1c-7 8 -14 12 -22 12c-10 0 -18 -6 -23 -9c-1 0 -2 -1 -2 -1c-11 -7 -18 -16 -21 -24
+c-5 -16 -7 -35 17 -79c23 -42 43 -70 76 -104c31 -32 45 -42 76 -64c32 -23 64 -38 84 -38c21 0 32 1 52 25z" />
+    <glyph glyph-name="ion-ios-telephone" unicode="&#xf4b9;" horiz-adv-x="352" 
+d="M336 112c16 -16 26 -35 0 -66c-25 -30 -42 -30 -64 -30c-24 0 -58 14 -93 40c-32 23 -46 34 -78 67c-34 35 -55 64 -79 107c-27 50 -24 74 -18 92c4 12 14 24 28 33l1 1c6 4 18 12 32 12c13 0 24 -6 34 -18l1 -1c11 -14 24 -31 32 -47c10 -21 10 -38 -1 -53
+c-9 -12 -12 -19 -12 -23s5 -9 13 -18l1 -1c16 -18 20 -23 26 -29c1 -1 3 -2 4 -3l2 -2c7 -7 11 -12 29 -28l1 -1c7 -6 9 -8 12 -8c5 0 16 7 29 15c4 3 11 5 17 5c27 0 68 -29 83 -44z" />
+    <glyph glyph-name="ion-ios-tennisball-outline" unicode="&#xf4ba;" horiz-adv-x="416" 
+d="M416 192v-8v0c0 -5 0 -11 -1 -16v0c-11 -97 -90 -174 -187 -183v0h-4h-2s-1 -1 -2 -1h-3h-1h-8c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208zM399 192c0 105 -86 191 -191 191c-3 0 -5 -1 -8 -1c1 -24 6 -46 15 -68c10 -26 26 -49 46 -69s43 -36 69 -46
+c22 -9 44 -14 68 -15c0 3 1 5 1 8zM17 192c0 -105 86 -191 191 -191h4c-1 22 -7 45 -15 66c-10 26 -26 48 -46 68s-42 36 -68 46c-21 8 -44 14 -66 15v-4zM228 2c88 9 158 78 169 166c-54 3 -106 25 -147 66s-63 93 -66 147c-88 -11 -157 -81 -166 -169
+c53 -3 105 -25 145 -65s62 -92 65 -145z" />
+    <glyph glyph-name="ion-ios-tennisball" unicode="&#xf4bb;" horiz-adv-x="416" 
+d="M0 196v0v0v0zM212 -16h1h-1v0zM208 400c115 0 208 -93 208 -208c0 -8 0 -16 -1 -24v0v0c-11 -97 -90 -174 -187 -183v0v0c-6 -1 -13 -1 -20 -1c-115 0 -208 93 -208 208v4v0v0c0 6 0 11 1 16v0v0c9 97 86 176 183 187v0v0c6 1 11 1 16 1v0v0h8zM83 181
+c26 -10 48 -26 68 -46s36 -42 46 -68c8 -21 14 -44 15 -66c5 0 11 0 16 1c-3 53 -25 105 -65 145s-92 62 -145 65c-1 -5 -1 -11 -1 -16c22 -1 45 -7 66 -15zM250 234c41 -41 93 -63 147 -66c1 5 1 11 1 16c-24 1 -46 6 -68 15c-26 10 -49 26 -69 46s-36 43 -46 69
+c-9 22 -14 44 -15 68c-5 0 -11 0 -16 -1c3 -54 25 -106 66 -147z" />
+    <glyph glyph-name="ion-ios-thunderstorm-outline" unicode="&#xf4bc;" horiz-adv-x="274" 
+d="M193 176l-88 -128l29 96h-52l15 80h72l-16 -48h40zM209 275c36 0 65 -29 65 -65s-29 -66 -65 -66h-8v17h8c27 0 49 22 49 49s-22 50 -49 50h-6l-14 -2l-3 14c-3 14 -11 26 -22 35s-25 13 -39 13c-34 0 -63 -27 -63 -62v-12s1 -9 1 -9c-5 0 -12 -2 -14 -2
+c-19 -3 -33 -18 -33 -37c0 -10 3 -19 10 -26s16 -11 26 -11h11v-17h-11c-28 0 -52 24 -52 53c0 27 21 51 47 53v8c0 43 35 78 78 78c37 0 68 -26 76 -61h8z" />
+    <glyph glyph-name="ion-ios-thunderstorm" unicode="&#xf4bd;" horiz-adv-x="274" 
+d="M153 176h40l-22 -32l-66 -96l29 96h-52l15 80h72zM84 240h107l-16 -48h18h30l-33 -48h19c36 0 65 30 65 66s-29 65 -65 65h-8c-8 35 -39 61 -76 61c-43 0 -78 -35 -78 -78v-8c-26 -2 -47 -26 -47 -53c0 -29 24 -53 52 -53h14z" />
+    <glyph glyph-name="ion-ios-time-outline" unicode="&#xf4be;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM371 45c19 19 35 41 45 66c11 26 16 53 16 81s-5 55 -16 81c-10 25 -26 47 -45 66s-41 35 -66 45c-26 11 -53 16 -81 16s-55 -5 -81 -16c-25 -10 -47 -26 -66 -45
+s-35 -41 -45 -66c-11 -26 -16 -53 -16 -81s5 -55 16 -81c10 -25 26 -47 45 -66s41 -35 66 -45c26 -11 53 -16 81 -16s55 5 81 16c25 10 47 26 66 45zM216 368c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM216 16c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM392 192
+c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM40 192c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM128 344c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM304 40c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM368 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8
+zM64 104c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM64 280c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM368 104c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM304 344c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM128 40c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8
+s-8 3 -8 8zM238 200c4 -8 2 -18 -6 -22v-122c0 -4 -4 -8 -8 -8s-8 4 -8 8v122c-2 1 -4 4 -6 6c-3 5 -3 11 0 16l-37 63c-2 4 -1 9 3 11s8 1 10 -3l38 -63c5 0 11 -3 14 -8z" />
+    <glyph glyph-name="ion-ios-time" unicode="&#xf4bf;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM224 376c-4 0 -8 -4 -8 -8s4 -8 8 -8s8 4 8 8s-4 8 -8 8zM48 184c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM76 97c4 2 4 7 2 11s-6 5 -10 3s-5 -7 -3 -11s7 -5 11 -3z
+M78 276c2 4 2 9 -2 11s-9 1 -11 -3s-1 -9 3 -11s8 -1 10 3zM132 351c-4 -2 -5 -7 -3 -11s7 -4 11 -2s5 6 3 10s-7 5 -11 3zM143 36c2 4 1 8 -3 10s-9 2 -11 -2s-1 -9 3 -11s9 -1 11 3zM224 8c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8zM232 178c8 4 10 14 6 22
+c-3 5 -9 8 -14 8l-38 64c-2 4 -7 4 -11 2s-4 -7 -2 -11l37 -63c-3 -5 -3 -11 0 -16c2 -2 4 -5 6 -6v-122c0 -4 4 -8 8 -8s8 4 8 8v122zM316 33c4 2 5 7 3 11s-7 4 -11 2s-5 -6 -3 -10s7 -5 11 -3zM319 340c2 4 1 9 -3 11s-9 1 -11 -3s-1 -8 3 -10s9 -2 11 2zM383 100
+c2 4 1 9 -3 11s-8 1 -10 -3s-2 -9 2 -11s9 -1 11 3zM380 273c4 2 5 7 3 11s-7 5 -11 3s-4 -7 -2 -11s6 -5 10 -3zM400 184c4 0 8 4 8 8s-4 8 -8 8s-8 -4 -8 -8s4 -8 8 -8z" />
+    <glyph glyph-name="ion-ios-timer-outline" unicode="&#xf4c0;" horiz-adv-x="416" 
+d="M189 176l-1 2s-89 118 -86 120s121 -85 121 -85c1 -1 1 -2 2 -3c5 -5 8 -11 8 -18c0 -14 -11 -25 -25 -25c-8 0 -14 3 -19 9zM208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208c0 57 23 109 61 147l12 -12c-35 -35 -56 -82 -56 -135
+c0 -106 85 -191 191 -191s191 85 191 191c0 100 -77 183 -175 191v-95h-16v112v0v0z" />
+    <glyph glyph-name="ion-ios-timer" unicode="&#xf4c1;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208s-208 93 -208 208s93 208 208 208zM102 298c-2 -2 86 -120 86 -120l1 -1c5 -6 11 -10 19 -10c14 0 25 11 25 25c0 7 -3 13 -8 18l-3 3c0 0 -117 87 -120 85zM208 1c106 0 192 85 192 191s-86 192 -192 192v-96h16v78
+c88 -9 158 -84 158 -174c0 -96 -78 -174 -174 -174s-175 78 -175 174c0 48 19 92 51 124l-11 12c-35 -35 -56 -83 -56 -136c0 -106 85 -191 191 -191z" />
+    <glyph glyph-name="ion-ios-toggle-outline" unicode="&#xf4c2;" 
+d="M96 128c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM96 144v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM351 160v0h-255c-44 0 -80 -36 -80 -80s36 -80 80 -80h256c44 0 80 36 80 80s-37 80 -81 80zM352 176v0
+c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96h256zM352 352c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48s-22 48 -48 48zM352 368v0c35 0 64 -29 64 -64s-29 -64 -64 -64s-64 29 -64 64s29 64 64 64zM97 384v0c-44 0 -81 -36 -81 -80
+s36 -80 80 -80h256c44 0 80 36 80 80s-36 80 -80 80h-255zM96 400v0h256c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96z" />
+    <glyph glyph-name="ion-ios-toggle" unicode="&#xf4c3;" 
+d="M96 128c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM352 176c53 0 96 -43 96 -96s-43 -96 -96 -96h-256c-53 0 -96 43 -96 96s43 96 96 96h256zM96 16c35 0 64 29 64 64s-29 64 -64 64s-64 -29 -64 -64s29 -64 64 -64zM352 256c-26 0 -48 22 -48 48
+s22 48 48 48s48 -22 48 -48s-22 -48 -48 -48zM96 208c-53 0 -96 43 -96 96s43 96 96 96h256c53 0 96 -43 96 -96s-43 -96 -96 -96h-256zM352 368c-35 0 -64 -29 -64 -64s29 -64 64 -64s64 29 64 64s-29 64 -64 64z" />
+    <glyph glyph-name="ion-ios-trash-outline" unicode="&#xf4c4;" horiz-adv-x="288" 
+d="M288 335v-15h-20l-24 -291c0 -16 -13 -29 -29 -29h-141c-16 0 -29 13 -29 29l-24 291h-21v15h80v20c0 16 13 29 29 29h70c16 0 29 -13 29 -29v-20h80zM95 355v-20h98v20c0 8 -6 14 -14 14h-70c-8 0 -14 -6 -14 -14zM230 30l23 290h-217l23 -290v0v-1c0 -8 7 -14 15 -14
+h141c8 0 15 6 15 14v1v0zM137 47v241h14v-241h-14zM208 288l-11 -241h-14l10 241h15zM94 288l11 -241h-14l-11 241h14z" />
+    <glyph glyph-name="ion-ios-trash" unicode="&#xf4c5;" horiz-adv-x="288" 
+d="M208 335h80v-15h-20l-24 -291c0 -16 -13 -29 -29 -29h-141c-16 0 -29 13 -29 29l-24 291h-21v15h80v20c0 16 13 29 29 29h70c16 0 29 -13 29 -29v-20zM95 355v0v-20h98v20c0 8 -6 14 -14 14h-70c-8 0 -14 -6 -14 -14zM91 47h14l-11 241h-14zM151 47v241h-14v-241h14z
+M197 47l11 241h-14l-11 -241h14z" />
+    <glyph glyph-name="ion-ios-undo-outline" unicode="&#xf4c6;" horiz-adv-x="384" 
+d="M384 80v-32h-10l-20 31c-20 33 -44 63 -75 77c-24 11 -47 19 -87 20v-80l-192 128l192 128v-80c63 -3 108 -21 143 -56c52 -53 49 -119 49 -136zM368 87c0 0 9 169 -192 169v65l-148 -97l148 -97v65c91 0 144 -24 192 -105z" />
+    <glyph glyph-name="ion-ios-undo" unicode="&#xf4c7;" horiz-adv-x="384" 
+d="M384 80v-32h-10l-20 31c-20 33 -44 63 -75 77c-24 11 -47 19 -87 20v-80l-192 128l192 128v-80c63 -3 108 -21 143 -56c52 -53 49 -119 49 -136z" />
+    <glyph glyph-name="ion-ios-unlocked-outline" unicode="&#xf4c8;" horiz-adv-x="320" 
+d="M160 160c18 0 32 -14 32 -32c0 -15 -10 -27 -24 -31v-33h-16v33c-14 4 -24 16 -24 31c0 18 14 32 32 32zM160 112c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM72 224h248v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-8h-16v8
+c0 49 -39 88 -88 88s-88 -39 -88 -88v-72zM304 0v208h-288v-208h288z" />
+    <glyph glyph-name="ion-ios-unlocked" unicode="&#xf4c9;" horiz-adv-x="320" 
+d="M160 144c9 0 16 -7 16 -16s-7 -16 -16 -16s-16 7 -16 16s7 16 16 16zM72 224h248v-240h-320v240h56v72c0 57 47 104 104 104s104 -47 104 -104v-8h-16v8c0 49 -39 88 -88 88s-88 -39 -88 -88v-72zM168 97c14 4 24 16 24 31c0 18 -14 32 -32 32s-32 -14 -32 -32
+c0 -15 10 -27 24 -31v-33h16v33z" />
+    <glyph glyph-name="ion-ios-upload-outline" unicode="&#xf4ca;" horiz-adv-x="320" 
+d="M192 304h128v-304h-320v304h128v-16h-112v-272h288v272h-112v16zM97 330l-11 12l74 74l74 -74l-11 -12l-55 55v-243h-16v243z" />
+    <glyph glyph-name="ion-ios-upload" unicode="&#xf4cb;" horiz-adv-x="320" 
+d="M168 304h152v-304h-320v304h152v-162h16v162zM168 385v-81h-16v81l-55 -55l-11 12l74 74l74 -74l-11 -12z" />
+    <glyph glyph-name="ion-ios-videocam-outline" unicode="&#xf4cc;" horiz-adv-x="418" 
+d="M257 320c19 0 33 -14 33 -33v-188c0 -19 -14 -35 -33 -35h-221c-19 0 -36 16 -36 35v188c0 19 17 33 36 33h221zM273 99v188c0 9 -8 16 -17 16h-221c-9 0 -18 -7 -18 -16v-188c0 -9 10 -18 19 -18h221c9 0 16 9 16 18zM320 235l98 53v-192l-98 53v86zM401 258v0l-64 -33
+v-66l64 -33v132z" />
+    <glyph glyph-name="ion-ios-videocam" unicode="&#xf4cd;" horiz-adv-x="418" 
+d="M257 320c19 0 33 -14 33 -33v-188c0 -19 -14 -35 -33 -35h-221c-19 0 -36 16 -36 35v188c0 19 17 33 36 33h221zM320 235l98 53v-192l-98 53v86z" />
+    <glyph glyph-name="ion-ios-volume-high" unicode="&#xf4ce;" horiz-adv-x="320" 
+d="M278 320c26 -36 42 -80 42 -128s-16 -92 -42 -128l-14 10c24 33 39 74 39 118s-15 85 -39 118zM224 96l-14 10c18 24 29 54 29 86s-11 62 -29 86l14 10c20 -27 32 -60 32 -96s-12 -69 -32 -96zM177 128l-13 10c12 15 18 34 18 54s-6 39 -18 54l13 10
+c14 -18 22 -40 22 -64s-8 -46 -22 -64zM58 232l70 56v-192l-70 56h-58v80h58z" />
+    <glyph glyph-name="ion-ios-volume-low" unicode="&#xf4cf;" horiz-adv-x="128" 
+d="M58 232l70 56v-192l-70 56h-58v80h58z" />
+    <glyph glyph-name="ion-ios-wineglass-outline" unicode="&#xf4d0;" horiz-adv-x="192" 
+d="M104 139v-155h72v-16h-80h-80v16h72v155c0 22 -20 39 -40 55c-8 6 -16 13 -22 19c-27 28 -26 52 -26 71v4c0 44 31 125 32 128h64h64c1 -3 32 -84 32 -128v-4c0 -19 1 -43 -26 -71c-6 -6 -14 -13 -22 -19c-20 -16 -40 -33 -40 -55zM43 400c-5 -16 -20 -63 -25 -96h156
+c-5 33 -20 80 -25 96h-53h-53zM96 175c3 0 5 0 7 2v0c9 11 20 20 31 29c8 6 15 12 20 18c22 23 22 41 22 60v4h-160v-4c0 -19 0 -37 22 -60c5 -6 12 -12 20 -18c11 -9 22 -18 31 -29v0c2 -2 4 -2 7 -2z" />
+    <glyph glyph-name="ion-ios-wineglass" unicode="&#xf4d1;" horiz-adv-x="192" 
+d="M104 139v-155h72v-16h-80h-80v16h72v155c0 22 -20 39 -40 55c-8 6 -16 13 -22 19c-27 28 -26 52 -26 71v4c0 44 31 125 32 128h64h64c1 -3 32 -84 32 -128v-4c0 -19 1 -43 -26 -71c-6 -6 -14 -13 -22 -19c-20 -16 -40 -33 -40 -55zM43 400c-5 -16 -20 -63 -25 -96h156
+c-5 33 -20 80 -25 96h-53h-53z" />
+    <glyph glyph-name="ion-ios-world-outline" unicode="&#xf4d2;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0v0v0c-115 0 -208 93 -208 208s93 208 208 208v0v0v0zM216 276v-76h75c-1 31 -5 60 -11 84c-21 -5 -42 -7 -64 -8zM216 292c20 1 41 3 60 8c-14 46 -38 76 -60 82v-90zM200 382c-23 -6 -45 -36 -60 -82
+c19 -5 39 -7 60 -8v90zM200 276c-22 1 -44 3 -65 8c-6 -24 -10 -53 -11 -84h76v76zM108 200c1 32 4 62 11 88c-21 6 -41 15 -59 25c-26 -31 -41 -70 -43 -113h91zM108 184h-91c2 -43 17 -82 43 -113c19 10 38 19 59 25c-7 26 -10 56 -11 88zM124 184c1 -31 5 -60 11 -84
+c21 5 43 8 65 9v75h-76zM200 92c-21 -1 -41 -3 -60 -8c15 -46 37 -76 60 -82v90zM216 2c22 6 46 36 60 82c-19 5 -40 7 -60 8v-90zM216 109c22 -1 43 -4 64 -9c6 24 10 53 11 84h-75v-75zM308 184c-1 -32 -5 -62 -12 -88c21 -6 41 -15 60 -25c26 31 41 70 43 113h-91z
+M308 200v0h91c-2 43 -17 82 -43 113c-19 -10 -38 -19 -59 -25c7 -26 10 -56 11 -88zM344 326c-25 25 -56 44 -91 52c16 -17 29 -43 39 -74c18 6 35 13 52 22zM163 378c-35 -8 -67 -27 -91 -52c16 -9 34 -15 52 -21c10 31 23 56 39 73zM72 58c25 -25 56 -44 91 -52
+c-16 17 -30 43 -40 74c-18 -6 -35 -13 -51 -22zM253 6c35 8 66 27 91 52c-17 9 -34 16 -52 22c-10 -31 -23 -57 -39 -74z" />
+    <glyph glyph-name="ion-ios-world" unicode="&#xf4d3;" horiz-adv-x="416" 
+d="M208 400c115 0 208 -93 208 -208s-93 -208 -208 -208v0v0v0c-115 0 -208 93 -208 208s93 208 208 208v0v0v0zM208 1c106 0 191 85 191 191s-85 191 -191 191v0v0v0c-106 0 -191 -85 -191 -191s86 -191 191 -191v0v0v0zM274 276c6 -22 9 -48 10 -76h-68v68c20 1 39 4 58 8
+zM216 366c20 -6 41 -34 54 -75c-17 -4 -36 -6 -54 -7v82zM145 291c13 42 35 69 55 75v-82c-19 1 -37 3 -55 7zM333 315c-15 -8 -31 -15 -48 -20c-9 29 -21 52 -36 67c32 -8 61 -24 84 -47zM299 200c-1 29 -4 56 -10 80c19 6 37 14 54 23c23 -28 38 -64 40 -103h-84zM132 200
+c1 28 3 54 9 76c19 -5 39 -7 59 -8v-68h-68zM284 184c-1 -28 -4 -54 -10 -76c-19 5 -38 7 -58 8v68h68zM141 108c-6 22 -8 48 -9 76h68v-68c-20 -1 -40 -3 -59 -8zM200 18c-20 6 -42 33 -55 75c18 4 36 6 55 7v-82zM249 22c15 15 27 38 36 67c17 -5 33 -11 48 -19
+c-23 -23 -52 -40 -84 -48zM167 362c-15 -15 -27 -39 -36 -67c-16 5 -33 11 -48 19c22 23 52 40 84 48zM289 104c6 24 9 51 10 80h84c-2 -39 -17 -75 -40 -103c-17 9 -35 17 -54 23zM216 100c18 -1 37 -3 54 -7c-13 -42 -34 -69 -54 -75v82zM127 280c-6 -24 -11 -51 -11 -80
+h-83c2 39 17 75 40 103c17 -9 35 -17 54 -23zM116 184c1 -29 4 -56 10 -80c-19 -6 -36 -14 -53 -23c-23 28 -38 64 -40 103h83zM83 70c15 8 32 14 48 19c9 -28 21 -52 36 -67c-32 8 -62 25 -84 48z" />
+    <glyph glyph-name="ion-ipad" unicode="&#xf1f9;" horiz-adv-x="288" 
+d="M0 375c0 5 4 9 9 9h270c5 0 9 -4 9 -9v-366c0 -5 -4 -9 -9 -9h-270c-5 0 -9 4 -9 9v366zM144 10c8 0 14 6 14 14s-7 14 -14 14c-8 0 -14 -6 -14 -14s6 -14 14 -14zM32 329v-275c0 -4 3 -6 6 -6h211c3 0 7 2 7 6v275c0 4 -4 7 -7 7h-211c-3 0 -6 -3 -6 -7z" />
+    <glyph glyph-name="ion-iphone" unicode="&#xf1fa;" horiz-adv-x="192" 
+d="M168 384c13 0 24 -11 24 -24v-336c0 -13 -11 -24 -24 -24h-144c-13 0 -24 11 -24 24v336c0 13 11 24 24 24h144zM80 348v0c0 -2 2 -4 4 -4h24c2 0 4 2 4 4v0c0 2 -2 4 -4 4h-24c-2 0 -4 -2 -4 -4zM68 352c-2 0 -4 -2 -4 -4s2 -4 4 -4s4 2 4 4s-2 4 -4 4zM96 16
+c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM176 64v256h-160v-256h160z" />
+    <glyph glyph-name="ion-ipod" unicode="&#xf1fb;" horiz-adv-x="224" 
+d="M112 137c18 0 32 -14 32 -32s-14 -32 -32 -32s-32 14 -32 32s14 32 32 32zM196 384c15 0 28 -12 28 -28v-328c0 -16 -13 -28 -28 -28h-168c-15 0 -28 12 -28 28v328c0 16 13 28 28 28h168zM112 32c40 0 72 32 72 72s-32 72 -72 72s-72 -32 -72 -72s32 -72 72 -72z
+M192 221v118c-1 7 -6 12 -12 13h-136c-7 -1 -12 -7 -12 -15v-114c0 -8 6 -15 14 -15h131c8 0 14 5 15 13z" />
+    <glyph glyph-name="ion-jet" unicode="&#xf295;" horiz-adv-x="326" 
+d="M222 80l-2 -13l53 -58l-18 -27l-74 9l-18 -55l-19 55l-73 -9l-18 27l53 58l-2 13l-104 -35l3 53l114 103s26 173 28 192c5 40 18 55 18 55s13 -15 18 -55c2 -19 28 -192 28 -192l114 -103l3 -53z" />
+    <glyph glyph-name="ion-key" unicode="&#xf296;" horiz-adv-x="192" 
+d="M144 147c28 -17 48 -48 48 -83c0 -53 -43 -96 -96 -96s-96 43 -96 96c0 36 19 67 48 84c0 0 7 16 12 41c0 4 11 6 11 12v20c0 5 -7 9 -7 11v8v8c0 2 0 4 1 6c0 1 1 1 1 2l2 1l4 4v1c2 2 3 4 3 6c0 1 1 8 1 9c0 3 -2 6 -4 8l-1 1l-4 4v0l-1 1v0c-2 2 -3 5 -3 8v7
+c0 3 2 7 4 9v0l5 5v0c2 2 4 3 4 6v24c0 3 -2 6 -4 8v1l-4 4l-1 1c-2 2 -3 5 -3 8v18c0 11 0 19 9 23c3 1 14 3 23 3c20 0 30 -8 32 -36c0 0 7 -81 9 -143s7 -90 7 -90zM96 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-knife" unicode="&#xf297;" horiz-adv-x="64" 
+d="M62 416c2 0 2 -1 2 -6v-412c0 -15 -10 -30 -24 -30v0v0c-14 0 -24 15 -24 30c1 19 14 83 16 130v0c1 30 -32 31 -32 70c0 134 35 191 54 214c2 2 5 4 8 4z" />
+    <glyph glyph-name="ion-laptop" unicode="&#xf1fc;" horiz-adv-x="512" 
+d="M480 342v-262h-448v262c0 6 4 10 10 10h428c6 0 10 -4 10 -10zM448 112v208h-384v-208h384zM0 59v5h512v-5c-70 -20 -116 -27 -256 -27s-186 7 -256 27z" />
+    <glyph glyph-name="ion-leaf" unicode="&#xf1fd;" horiz-adv-x="422" 
+d="M412 69c18 -3 10 -41 -5 -39c0 0 -21 -1 -63 12c0 0 -16 -19 -39 -30c-26 -12 -118 -33 -197 38c-108 97 -120 354 -100 333c86 -90 197 -47 270 -106c55 -44 88 -127 77 -192c0 0 5 -8 57 -16zM316 65c5 5 10 16 10 24c-161 52 -252 160 -252 160s104 -143 242 -184z
+" />
+    <glyph glyph-name="ion-levels" unicode="&#xf298;" horiz-adv-x="350" 
+d="M46 349c11 -5 18 -16 18 -29s-7 -24 -18 -29v-275c0 -9 -7 -16 -16 -16s-16 7 -16 16v278c-8 6 -14 15 -14 26s6 20 14 26v22c0 9 7 16 16 16s16 -7 16 -16v-19zM142 155c9 -6 15 -16 15 -27s-6 -21 -15 -27v-85c0 -9 -7 -16 -16 -16s-16 7 -16 16v84
+c-10 5 -17 16 -17 28s7 23 17 28v212c0 9 7 16 16 16s16 -7 16 -16v-213zM238 285c10 -6 16 -16 16 -28s-6 -22 -16 -28v-213c0 -9 -7 -16 -16 -16s-16 7 -16 16v213c-10 6 -16 16 -16 28s6 22 16 28v83c0 9 7 16 16 16s16 -7 16 -16v-83zM350 65c0 -12 -6 -22 -16 -28v-21
+c0 -9 -7 -16 -16 -16s-16 7 -16 16v21c-10 6 -16 16 -16 28s6 22 16 28v275c0 9 7 16 16 16s16 -7 16 -16v-275c10 -6 16 -16 16 -28z" />
+    <glyph glyph-name="ion-lightbulb" unicode="&#xf299;" horiz-adv-x="256" 
+d="M128 416c71 0 128 -56 128 -124c0 -5 0 -9 -1 -14s-2 -11 -3 -16v-2c-17 -63 -45 -71 -59 -167v-1c-2 -9 -10 -12 -20 -12h-90c-10 0 -18 3 -20 12v1c-14 96 -42 104 -59 167v2c-1 5 -2 11 -3 16s-1 9 -1 14c0 68 57 124 128 124zM190 52v-1c-2 -3 -3 -4 -3 -7s1 -5 3 -8
+v-1c1 -2 2 -3 2 -5s-1 -4 -2 -6v-1c-2 -3 -3 -4 -3 -7s1 -5 3 -8v-1c1 -2 2 -4 2 -6c0 -5 -4 -9 -10 -11h-1c-6 -1 -13 -2 -19 -3h-2c-6 -1 -11 -5 -14 -9v0c-4 -5 -10 -10 -18 -10s-15 6 -19 11v0c-3 4 -7 7 -13 8h-2c-6 1 -13 2 -19 3h-1c-6 2 -10 6 -10 11c0 2 1 4 2 6v1
+c2 2 3 4 3 7s-1 5 -3 8v1c-1 2 -2 4 -2 6s1 3 2 5v1c2 3 3 5 3 8s-1 4 -3 7v1v0c-1 2 -2 4 -2 6c0 4 -1 6 7 6h114c8 0 7 -2 7 -6c0 -2 -1 -4 -2 -6v0z" />
+    <glyph glyph-name="ion-link" unicode="&#xf1fe;" horiz-adv-x="384" 
+d="M192 240v0v0v0zM304 288c44 0 80 -36 80 -80v-32c0 -44 -36 -80 -80 -80h-112c-33 0 -60 20 -73 48c-4 10 -7 20 -7 32v32h48v-32c0 -18 14 -32 32 -32h112c18 0 32 14 32 32v32c0 18 -14 32 -32 32v0h-16c-6 31 -32 48 -32 48h48zM266 240c4 -10 6 -21 6 -32v-32v0h-48
+v0v32c0 18 -14 32 -32 32v0h-112c-18 0 -32 -14 -32 -32v-32c0 -18 14 -32 32 -32h16c6 -31 32 -48 32 -48h-48c-44 0 -80 36 -80 80v32c0 44 36 80 80 80h112c33 0 62 -20 74 -48z" />
+    <glyph glyph-name="ion-load-a" unicode="&#xf29a;" horiz-adv-x="384" 
+d="M144 352c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM0 192c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM312 304c0 5 3 8 8 8s8 -3 8 -8s-3 -8 -8 -8s-8 3 -8 8zM132 340c10 -10 15 -22 15 -36s-5 -26 -15 -36s-22 -15 -36 -15
+s-26 5 -36 15s-15 22 -15 36s5 26 15 36s22 15 36 15s26 -5 36 -15zM352 192c0 11 5 16 16 16s16 -5 16 -16s-5 -16 -16 -16s-16 5 -16 16zM297 79c0 16 8 24 24 24s24 -8 24 -24s-8 -24 -24 -24s-24 8 -24 24zM176 32c0 21 11 32 32 32s32 -11 32 -32s-11 -32 -32 -32
+s-32 11 -32 32zM56 80c0 27 13 40 40 40s40 -13 40 -40s-13 -40 -40 -40s-40 13 -40 40z" />
+    <glyph glyph-name="ion-load-b" unicode="&#xf29b;" 
+d="M256 288c0 -18 -14 -32 -32 -32v0c-18 0 -32 14 -32 32v96c0 18 14 32 32 32v0c18 0 32 -14 32 -32v-96zM224 128v0c18 0 32 -14 32 -32v-96c0 -18 -14 -32 -32 -32s-32 14 -32 32v96c0 18 14 32 32 32zM416 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-96
+c-18 0 -32 14 -32 32s14 32 32 32h96zM128 224v0c18 0 32 -14 32 -32s-14 -32 -32 -32h-96c-18 0 -32 14 -32 32s14 32 32 32h96zM314 237c-12 -12 -33 -12 -45 0v0c-12 12 -12 34 0 46l68 67c12 12 33 12 45 0v0c12 -12 12 -33 0 -45zM179 147v0c12 -12 12 -33 0 -46
+l-68 -67c-12 -12 -33 -12 -45 0s-12 33 0 45l67 68c12 12 34 12 46 0zM382 79v0c12 -12 12 -33 0 -45s-33 -12 -45 0l-68 68c-12 12 -12 33 0 45s33 12 45 0zM179 282v0c12 -12 12 -33 0 -45s-34 -12 -46 0l-67 68c-12 12 -12 33 0 45s33 12 45 0z" />
+    <glyph glyph-name="ion-load-c" unicode="&#xf29c;" 
+d="M448 222c0 -3 0 -6 -1 -9c-4 -8 -15 -12 -23 -7c-4 2 -6 7 -7 11c-1 5 -1 9 -2 14c-4 20 -12 40 -22 58c-12 21 -28 41 -47 56c-18 15 -40 26 -62 33c-21 6 -42 9 -64 9h-4c-3 0 -6 -1 -9 -1c-6 0 -14 -1 -20 -2c-13 -2 -25 -6 -37 -11c-21 -8 -40 -20 -57 -35
+s-31 -33 -42 -52c-12 -22 -20 -45 -24 -70c-2 -11 -2 -23 -2 -34c0 -6 0 -11 1 -16c1 -6 2 -13 3 -19c5 -24 14 -47 28 -67c13 -20 29 -38 48 -52c20 -15 42 -26 65 -33c25 -7 50 -9 76 -7c25 2 50 9 73 20c11 5 22 12 32 19s19 15 27 24c4 4 8 9 12 14s7 10 10 15
+c6 10 12 20 17 31c4 8 8 16 11 25c2 4 3 9 4 13s1 7 2 11c1 -9 1 -18 -1 -26c-1 -5 -2 -11 -4 -16c-1 -5 -3 -10 -5 -15c-4 -10 -8 -19 -13 -28c-6 -11 -12 -21 -20 -30s-16 -18 -25 -26c-18 -15 -40 -27 -62 -36c-23 -9 -48 -14 -73 -15s-51 3 -75 11c-23 7 -45 19 -65 33
+c-19 14 -36 31 -50 50c-7 10 -13 20 -18 31s-9 21 -13 33c-6 18 -9 37 -10 56c-1 20 1 39 5 58c5 24 15 47 28 68c12 19 26 35 42 50s35 27 55 36c23 11 48 19 74 21c10 1 19 1 29 1c13 0 26 -2 38 -4c24 -5 47 -14 68 -26s41 -29 57 -48c15 -18 27 -37 36 -58
+c4 -10 7 -21 10 -32c2 -8 5 -17 6 -26z" />
+    <glyph glyph-name="ion-load-d" unicode="&#xf29d;" horiz-adv-x="384" 
+d="M368 208c9 0 16 -7 16 -16s-7 -16 -16 -16h-80c-9 0 -16 7 -16 16s7 16 16 16h80zM112 192c0 -9 -7 -16 -16 -16h-80c-9 0 -16 7 -16 16s7 16 16 16h80c9 0 16 -7 16 -16zM192 112c9 0 16 -7 16 -16v-80c0 -9 -7 -16 -16 -16s-16 7 -16 16v80c0 9 7 16 16 16zM192 384
+c9 0 16 -7 16 -16v-80c0 -9 -7 -16 -16 -16s-16 7 -16 16v80c0 9 7 16 16 16zM261 232c-4 8 -2 18 6 22l69 40c8 4 18 2 22 -6s2 -18 -6 -22l-69 -40c-8 -4 -18 -2 -22 6zM123 152c4 -8 2 -18 -6 -22l-69 -40c-8 -4 -18 -2 -22 6s-2 18 6 22l69 40c8 4 18 2 22 -6zM254 117
+l40 -69c4 -8 2 -18 -6 -22s-18 -2 -22 6l-40 69c-4 8 -2 18 6 22s18 2 22 -6zM118 352l40 -69c4 -8 2 -18 -6 -22s-18 -2 -22 6l-40 69c-4 8 -2 18 6 22s18 2 22 -6zM232 261c-8 4 -10 14 -6 22l40 69c4 8 14 10 22 6s10 -14 6 -22l-40 -69c-4 -8 -14 -10 -22 -6zM152 123
+c8 -4 10 -14 6 -22l-40 -69c-4 -8 -14 -10 -22 -6s-10 14 -6 22l40 69c4 8 14 10 22 6zM352 118c8 -4 10 -14 6 -22s-14 -10 -22 -6l-69 40c-8 4 -10 14 -6 22s14 10 22 6zM32 266c-8 4 -10 14 -6 22s14 10 22 6l69 -40c8 -4 10 -14 6 -22s-14 -10 -22 -6z" />
+    <glyph glyph-name="ion-location" unicode="&#xf1ff;" horiz-adv-x="239" 
+d="M119 384c66 0 120 -54 120 -120c0 -115 -120 -264 -120 -264s-119 149 -119 264c0 66 53 120 119 120zM119 206c31 0 57 25 57 56s-26 57 -57 57s-56 -26 -56 -57s25 -56 56 -56z" />
+    <glyph glyph-name="ion-lock-combination" unicode="&#xf4d4;" horiz-adv-x="384" 
+d="M320 271c39 -35 64 -86 64 -143c0 -106 -86 -192 -192 -192s-192 86 -192 192c0 57 25 108 64 143v49c0 71 57 128 128 128s128 -57 128 -128v-49zM96 320v-26c28 16 61 26 96 26s68 -10 96 -26v26c0 53 -43 96 -96 96s-96 -43 -96 -96zM192 -32c88 0 160 72 160 160
+s-72 160 -160 160s-160 -72 -160 -160s72 -160 160 -160zM192 272c80 0 144 -64 144 -144s-64 -144 -144 -144s-144 64 -144 144s64 144 144 144zM315 95c2 9 4 18 4 29h-7v7h8c0 11 -2 20 -5 30l-25 -7l-4 12l25 8c-4 10 -8 18 -14 26l-11 -8l-4 6l11 8c-6 8 -13 16 -21 22
+l-15 -21l-11 8l15 20c-8 6 -17 11 -27 14l-4 -13l-6 2l5 13c-9 3 -20 5 -29 5v-13v-6h-16v6v13c-11 -1 -19 -2 -29 -5l4 -12l-6 -2l-4 12c-10 -3 -19 -8 -27 -14l15 -20l-10 -8l-15 21c-8 -6 -16 -14 -22 -22l11 -8l-4 -5l-10 8c-6 -8 -10 -17 -14 -27l24 -8l-5 -12l-25 7
+c-3 -10 -3 -19 -3 -30h6v-7h-5c0 -11 2 -20 4 -29l24 7l4 -12l-24 -8c4 -10 8 -19 14 -27l9 7l4 -5l-9 -7c6 -8 13 -16 21 -22l15 21l10 -8l-15 -20c8 -5 17 -11 27 -14l3 11l7 -2l-4 -11c10 -3 18 -4 29 -5v13v6h16v-6v-13c9 1 19 2 29 5l-5 12l6 2l4 -12c10 3 19 8 27 14
+l-15 20l11 8l15 -21c8 6 15 14 21 22l-11 7l4 6l10 -8c6 8 11 17 15 27l-25 8l4 12zM111 128c0 54 27 81 81 81s81 -27 81 -81s-27 -81 -81 -81s-81 27 -81 81z" />
+    <glyph glyph-name="ion-locked" unicode="&#xf200;" horiz-adv-x="384" 
+d="M22 -32c-12 0 -22 10 -22 22v212c0 12 10 22 22 22h3h19v31c0 42 17 87 43 115s64 46 105 46v0v0c41 0 79 -18 105 -46s43 -73 43 -115v-31h22c12 0 22 -10 22 -22v-212c0 -12 -10 -22 -22 -22h-340zM97 255v-31h17h155h18v31c0 27 -10 61 -28 80v0v1
+c-18 19 -42 29 -67 29v0v0c-25 0 -49 -10 -67 -29v-1v0c-18 -19 -28 -53 -28 -80z" />
+    <glyph glyph-name="ion-log-in" unicode="&#xf29e;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224c-96 0 -177 60 -209 144h34c9 -20 23 -40 39 -56c36 -36 85 -56 136 -56s100 20 136 56s56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56c-16 -16 -30 -36 -39 -56h-34c32 84 113 144 209 144z
+M175 124l52 52h-227v32h227l-52 52l22 23l91 -91l-91 -91z" />
+    <glyph glyph-name="ion-log-out" unicode="&#xf29f;" 
+d="M335 124l52 52h-227v32h227l-52 52l22 23l91 -91l-91 -91zM359 56c3 3 6 5 8 8h41c-40 -58 -108 -96 -184 -96c-124 0 -224 100 -224 224s100 224 224 224c76 0 144 -38 184 -96h-41c-2 3 -5 5 -8 8c-36 36 -84 56 -135 56s-100 -20 -136 -56s-56 -85 -56 -136
+s20 -100 56 -136s85 -56 136 -56s99 20 135 56z" />
+    <glyph glyph-name="ion-loop" unicode="&#xf201;" horiz-adv-x="334" 
+d="M184 148v-58c49 8 86 50 86 102c0 16 -4 30 -10 44c-3 6 -5 12 -9 17l47 43c1 -1 2 -3 3 -4c21 -28 33 -62 33 -100v-4c-2 -72 -47 -131 -111 -154c-12 -4 -26 -8 -39 -9v-57l-76 67l-26 23l44 39zM0 196c2 72 48 133 113 155c12 4 24 7 37 8v57l76 -67l26 -23l-44 -39
+l-59 -51l1 58c-49 -8 -86 -51 -86 -102c0 -16 4 -31 10 -45c3 -6 5 -11 9 -16l-47 -44c-1 2 -2 3 -3 5c-20 28 -33 63 -33 100v4z" />
+    <glyph glyph-name="ion-magnet" unicode="&#xf2a0;" horiz-adv-x="384" 
+d="M192 416c115 0 192 -78 192 -200c0 -49 -3 -77 -15 -128c-16 -66 -39 -113 -39 -113v-1c-2 -3 -6 -6 -10 -6c-1 0 -3 1 -4 1l-2 1l-50 20l-2 1c-3 2 -5 5 -5 9c0 1 0 3 1 4v1c7 16 27 59 37 101s13 63 13 108c0 71 -52 122 -116 122s-116 -51 -116 -122
+c0 -45 3 -66 13 -108s30 -85 37 -101v-1c1 -1 1 -3 1 -4c0 -4 -2 -7 -5 -9l-2 -1l-50 -20l-2 -1c-1 0 -3 -1 -4 -1c-4 0 -8 3 -10 6v1s-24 47 -40 113c-12 51 -14 79 -14 128c0 122 77 200 192 200zM109 4c-9 19 -27 59 -36 98l-42 -12c13 -53 30 -92 35 -104l43 17v1z
+M317 -14c5 12 23 51 36 104l-43 12c-9 -39 -26 -79 -35 -98v-1z" />
+    <glyph glyph-name="ion-male" unicode="&#xf2a1;" 
+d="M448 256l-63 63l-69 -69c22 -30 36 -66 36 -106c0 -97 -79 -176 -176 -176s-176 79 -176 176s79 176 176 176c40 0 76 -14 106 -36l69 69l-63 63h160v-160zM266 54c24 24 38 56 38 90s-14 66 -38 90s-56 38 -90 38s-66 -14 -90 -38s-38 -56 -38 -90s14 -66 38 -90
+s56 -38 90 -38s66 14 90 38z" />
+    <glyph glyph-name="ion-man" unicode="&#xf202;" horiz-adv-x="168" 
+d="M84 341c-21 0 -37 17 -37 38s16 37 37 37s37 -16 37 -37s-16 -38 -37 -38zM121 333c28 0 47 -24 47 -48v-114c0 -22 -32 -22 -32 0v105h-5v-286c0 -28 -41 -31 -43 0v165h-1h-7v-165c-1 -29 -43 -30 -43 0v286h-6v-105c0 -22 -31 -22 -31 0v114c0 24 19 48 47 48h37h37z
+" />
+    <glyph glyph-name="ion-map" unicode="&#xf203;" 
+d="M441 311c4 -3 7 -8 7 -14v-281c0 -6 -2 -11 -7 -14c-2 -1 -5 -2 -7 -2c-3 0 -6 0 -8 2l-97 66l-97 -66c-5 -3 -10 -3 -15 0l-97 66l-97 -66c-5 -3 -10 -3 -15 0s-8 8 -8 14v281c0 6 3 11 7 14l105 71c5 3 10 3 15 0l97 -66l98 66c5 3 10 3 15 0zM103 95v242l-71 -50v-242
+zM135 95l73 -49v129l-4 -11c-7 2 -13 6 -20 10l8 13c5 -3 11 -6 16 -8v109l-73 49v-101c4 -2 9 -4 13 -7l-10 -13c-1 1 -2 1 -3 2v-123zM240 46l73 49v109c0 -1 -1 -1 -1 -2l-6 -6l-12 11l6 6c3 3 5 7 8 10l5 -5v119l-73 -49v-112h7l3 -15c-3 0 -6 -1 -9 -1h-1v-114zM416 46
+v242l-71 49v-88c3 1 5 1 8 2l4 -16c-4 -1 -8 -1 -12 -3v-137zM97 227c-3 -1 -11 -5 -14 -7l-11 12c4 3 8 6 12 8c3 2 6 3 9 4l5 -15c-2 -1 1 -1 -1 -2zM265 182c5 3 10 5 15 10l11 -12c-6 -6 -12 -10 -19 -13zM67 192v-1l-15 5v1c2 7 4 13 9 20l13 -9c-4 -5 -5 -10 -7 -16z
+M166 210c3 -4 7 -8 11 -11l-11 -12c-4 4 -8 9 -12 13l-3 3l12 11c1 -1 2 -3 3 -4zM376 218l-11 12l10 10l-10 10l11 12l10 -11l11 11l11 -12l-10 -10l10 -10l-11 -12l-11 11z" />
+    <glyph glyph-name="ion-medkit" unicode="&#xf2a2;" 
+d="M440 304c4 0 8 -4 8 -8v-288c0 -4 -4 -8 -8 -8h-432c-4 0 -8 4 -8 8v288c0 4 4 8 8 8h120v31c1 28 22 49 51 49h45h45c30 0 50 -21 51 -49v-31h120zM160 331v-27h128v27v1v1c0 10 -9 19 -19 19h-45h-45c-10 0 -19 -9 -19 -19v-1v-1zM320 128v64h-64v64h-64v-64h-64v-64
+h64v-64h64v64h64z" />
+    <glyph glyph-name="ion-merge" unicode="&#xf33f;" horiz-adv-x="384" 
+d="M320 224c35 0 64 -29 64 -64s-29 -64 -64 -64c-24 0 -44 13 -55 32h-10c-61 0 -115 25 -159 74v-115c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v210c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -19 -8 -37 -22 -49
+c4 -9 17 -35 37 -58c32 -35 70 -53 112 -53h10c11 19 31 32 55 32zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM320 128c18 0 32 14 32 32s-14 32 -32 32
+s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-mic-a" unicode="&#xf204;" horiz-adv-x="288" 
+d="M0 210c0 10 9 19 20 19s19 -9 19 -19v-14c0 -28 12 -53 31 -72s45 -31 74 -31s55 12 74 31s31 44 31 72v14c0 10 8 19 19 19s20 -9 20 -19v-14c0 -66 -46 -120 -108 -136c-1 0 -3 -1 -4 -1c-6 -2 -10 -7 -12 -13v-58c0 -11 -9 -20 -20 -20v0c-11 0 -20 9 -20 20v58
+c-2 6 -6 11 -12 13c-1 0 -3 1 -4 1c-62 16 -108 70 -108 136v14zM67 340c0 42 34 76 77 76s78 -34 78 -76v-144c0 -42 -35 -75 -78 -75s-77 33 -77 75v144z" />
+    <glyph glyph-name="ion-mic-b" unicode="&#xf205;" horiz-adv-x="160" 
+d="M80 416c35 0 65 -23 76 -59c6 -18 4 -45 2 -55s-8 -20 -14 -28c-3 -4 -7 -7 -11 -9c-1 0 -1 -1 -2 -1c-3 -1 -6 -2 -10 -3c-12 -3 -25 -5 -39 -5v0h-1h-1v0c-14 0 -29 2 -41 5c-4 1 -7 2 -10 3c-1 0 -1 1 -2 1c-4 2 -8 5 -11 9c-6 8 -12 18 -14 28s-4 37 2 55
+c11 36 41 59 76 59zM119 247c6 0 12 -5 12 -12v-2c-5 -67 -18 -241 -19 -252c0 0 -3 -13 -32 -13v0c-29 0 -32 13 -32 13c-1 11 -13 185 -18 252v2c0 7 5 12 11 12h1c1 0 1 -1 2 -1c2 0 4 -1 6 -1c9 -2 21 -2 31 -2s20 0 29 2c2 0 4 1 6 1c1 0 1 1 2 1h1zM90 166v33
+c0 6 -4 11 -10 11s-10 -5 -10 -11v-33c0 -6 4 -11 10 -11s10 5 10 11z" />
+    <glyph glyph-name="ion-mic-c" unicode="&#xf206;" horiz-adv-x="256" 
+d="M201 416c30 0 55 -23 55 -52v-28h-59v-37h59v-43h-59v-37h59v-43h-59v-37h59v-42c0 -29 -25 -52 -55 -52h-30v-77h-86v77h-30c-30 0 -55 23 -55 52v42h152v37h-152v43h152v37h-152v43h152v37h-152v28c0 29 25 52 55 52h146z" />
+    <glyph glyph-name="ion-minus-circled" unicode="&#xf207;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM352 176v32h-256v-32h256z" />
+    <glyph glyph-name="ion-minus-round" unicode="&#xf208;" horiz-adv-x="384" 
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322z" />
+    <glyph glyph-name="ion-minus" unicode="&#xf209;" horiz-adv-x="384" 
+d="M0 160v64h384v-64h-384z" />
+    <glyph glyph-name="ion-model-s" unicode="&#xf2c1;" horiz-adv-x="512" 
+d="M509 57v-8v0v-1v-3v0c0 -3 -1 -5 -1 -7c-1 -12 -2 -18 -6 -20c-3 -2 -6 -2 -10 -2h-43s-10 1 -11 16v8c20 1 39 1 52 0c10 0 13 0 16 6c2 3 2 7 3 11zM3 57c1 -4 1 -8 3 -11c3 -6 6 -6 16 -6c13 1 32 1 52 0v-8c-1 -15 -8 -16 -11 -16h-43s-7 0 -10 2c-4 2 -6 8 -7 20v7
+v0v3v1v0v8zM512 151c0 -31 -2 -58 -2 -68c0 -4 0 -11 -1 -18c-1 -4 -1 -8 -3 -11c-3 -6 -6 -6 -16 -6c-13 1 -32 1 -52 0c-13 0 -27 -2 -39 -2c-30 -1 -21 4 -34 4s-63 -2 -109 -2s-97 2 -110 2s-4 -5 -34 -4c-12 0 -25 2 -38 2c-20 1 -39 1 -52 0c-10 0 -13 0 -16 6
+c-2 3 -2 7 -3 11c-1 7 -1 14 -1 18c0 10 -2 37 -2 68s4 61 6 64c1 2 8 9 26 21s17 10 20 18c-3 1 -5 3 -7 3c-4 0 -4 -3 -12 -3s-24 1 -28 5c-4 3 -5 5 -5 8s2 9 5 13s19 6 27 7s10 0 12 -1c4 -2 3 -22 3 -22l9 -1c5 13 12 41 24 62c13 23 26 30 32 32s10 2 48 6s69 5 96 5
+s58 -1 96 -5s42 -4 48 -6s19 -9 32 -32c12 -21 19 -49 24 -62l9 1s-1 20 3 22c2 1 4 2 12 1s24 -3 27 -7s5 -10 5 -13s-1 -4 -5 -8s-20 -5 -28 -5s-8 3 -12 3c-2 0 -4 -2 -7 -3c3 -8 2 -6 20 -18s25 -19 26 -21c2 -3 6 -33 6 -64zM86 303c-5 -11 -11 -33 -10 -36
+s-1 -5 15 -4s117 3 165 3s149 -2 165 -3s14 1 15 4s-5 25 -10 36s-17 31 -26 37c-2 1 -17 7 -54 9c-34 2 -72 3 -90 3s-56 -1 -90 -3c-37 -2 -52 -8 -54 -9c-7 -4 -21 -26 -26 -37zM123 178c7 2 11 2 11 2s-17 16 -48 25s-49 11 -66 10c0 0 -3 -16 0 -27s8 -10 16 -12
+s13 -5 16 -4s7 4 12 4s29 -4 38 -4s14 4 21 6zM358 99c15 2 34 19 21 33c-18 19 -15 19 -55 24c-35 4 -61 4 -68 4s-33 0 -68 -4c-40 -5 -37 -5 -55 -24c-13 -14 6 -31 21 -33c14 -2 74 -3 102 -3s88 1 102 3zM492 188c3 11 0 27 0 27c-17 1 -35 -1 -66 -10s-48 -26 -48 -26
+s4 1 11 -1s12 -6 21 -6s33 4 38 4s9 -3 12 -4s8 2 16 4s13 1 16 12z" />
+    <glyph glyph-name="ion-monitor" unicode="&#xf20a;" 
+d="M437 384c6 0 11 -5 11 -11v-266c0 -6 -5 -11 -11 -11h-426c-6 0 -11 5 -11 11v266c0 6 5 11 11 11h426zM416 128v224h-384v-224h384zM270 0h-92c-28 0 -42 3 -30 12s30 16 30 23c0 4 1 45 1 45h45h45s1 -41 1 -45c0 -7 18 -14 30 -23s-2 -12 -30 -12z" />
+    <glyph glyph-name="ion-more" unicode="&#xf20b;" horiz-adv-x="384" 
+d="M50 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48zM192 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48zM334 144c-28 0 -50 21 -50 48c0 26 22 48 50 48s50 -22 50 -48c0 -27 -22 -48 -50 -48z" />
+    <glyph glyph-name="ion-mouse" unicode="&#xf340;" horiz-adv-x="256" 
+d="M128 416h-1h5h-4zM251 255c2 1 2 1 4 1h1v-176c0 -37 -21 -71 -53 -91c-5 -3 -9 -5 -14 -7v-1v0c-18 -9 -39 -13 -61 -13c-71 0 -128 50 -128 112v176h1c2 0 3 0 5 -1v0c34 -13 76 -23 122 -23s88 10 122 23h1zM189 -18c5 2 10 4 14 7c-5 -3 -9 -5 -14 -7v0v-1v1v0z
+M203 -11c-4 -3 -9 -5 -14 -7c5 2 9 4 14 7zM132 416c69 -2 124 -51 124 -112v-23c-2 -2 -4 -4 -6 -5c-1 -1 -3 0 -4 -1c-23 -10 -50 -16 -82 -19h-1h-2c-11 0 -17 0 -17 10v86c0 9 -7 16 -16 16s-16 -7 -16 -16v-85c0 -11 -6 -11 -17 -11h-2c-32 3 -61 9 -84 19v0
+c-1 0 -1 1 -2 1c-3 1 -5 3 -7 5v23c0 61 57 111 127 112h5z" />
+    <glyph glyph-name="ion-music-note" unicode="&#xf20c;" horiz-adv-x="384" 
+d="M362 416c12 0 22 -9 22 -21v-303s-3 -43 -12 -55v0c-9 -15 -25 -21 -43 -21h-37c-28 0 -52 20 -52 48s24 48 52 48h60v192l-208 -38v-232c0 -8 -3 -27 -13 -41c-1 -2 -2 -3 -3 -5c0 -1 -1 -1 -2 -2v0c-9 -11 -23 -18 -38 -18h-37c-28 0 -51 20 -51 48s23 48 51 48v0h61
+v286c1 14 13 28 27 32l218 33s3 1 5 1z" />
+    <glyph glyph-name="ion-navicon-round" unicode="&#xf20d;" horiz-adv-x="384" 
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322zM353 352c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32h322zM353 96c17 0 31 -14 31 -32s-14 -32 -31 -32h-322c-17 0 -31 14 -31 32s14 32 31 32
+h322z" />
+    <glyph glyph-name="ion-navicon" unicode="&#xf20e;" horiz-adv-x="320" 
+d="M0 175v32h320v-32h-320zM0 271v32h320v-32h-320zM0 79v32h320v-32h-320z" />
+    <glyph glyph-name="ion-navigate" unicode="&#xf2a3;" 
+d="M448 416l-192 -448v256h-256z" />
+    <glyph glyph-name="ion-network" unicode="&#xf341;" horiz-adv-x="384" 
+d="M384 352c0 -24 -13 -44 -32 -55v-93l-128 -64v-53c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v53l-128 64v93c-19 11 -32 31 -32 55c0 35 29 64 64 64s64 -29 64 -64c0 -24 -13 -44 -32 -55v-53l96 -48l96 48v53c-19 11 -32 31 -32 55
+c0 35 29 64 64 64s64 -29 64 -64zM64 384c-18 0 -32 -14 -32 -32s14 -32 32 -32s32 14 32 32s-14 32 -32 32zM192 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM320 320c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-no-smoking" unicode="&#xf2c2;" 
+d="M328 144v48h16v-48h-16zM80 144v48h90l48 -48h-138zM332 388c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-24 0 -47 4 -68 11c-2 1 -3 1 -5 2c-12 4 -24 9 -35 15h-1c-69 38 -115 112 -115 196c0 124 100 224 224 224c24 0 47 -4 68 -11c2 -1 3 -1 5 -2
+c12 -4 24 -9 35 -15v0zM224 22c37 0 72 12 100 32l-238 238c-20 -28 -32 -63 -32 -100c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c2 -1 3 -1 5 -2c9 -3 19 -5 29 -7c9 -2 18 -2 27 -2zM362 93c20 28 32 62 32 99c0 66 -37 123 -91 151c-6 3 -12 6 -18 8c-2 1 -3 1 -5 2
+c-9 3 -19 5 -29 7c-9 2 -18 2 -27 2c-37 0 -71 -12 -99 -32zM320 150l-42 42h42v-42zM352 144v48h16v-48h-16zM328 235c16 -7 16 -27 16 -34v-1h-16v1c0 8 -1 17 -7 20c-4 2 -13 4 -39 4h-3c-13 0 -24 0 -33 13c-5 8 -5 19 -2 29c-4 1 -8 1 -12 3c-17 7 -26 20 -26 38
+c0 33 27 44 39 44v-16c-1 0 -23 -2 -23 -28c0 -11 5 -19 16 -23c9 -4 18 -3 18 -3c3 0 6 -2 7 -5s2 -6 0 -8c-5 -7 -7 -18 -4 -22c4 -6 7 -6 20 -6h3c24 0 37 -2 46 -6zM368 200v0h-16c0 28 -4 41 -7 46c-6 10 -14 14 -25 14h-30c-3 0 -5 2 -6 4s-1 6 0 8c0 0 8 18 6 32
+c-1 8 -6 17 -27 17v16c24 0 40 -11 43 -30c2 -11 0 -23 -3 -31h17c16 0 30 -8 39 -22c6 -10 9 -28 9 -54z" />
+    <glyph glyph-name="ion-nuclear" unicode="&#xf2a4;" 
+d="M176 176c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM176 176c0 32 16 48 48 48s48 -16 48 -48s-16 -48 -48 -48s-48 16 -48 48zM448 176c0 -27 -5 -53 -15 -78s-23 -47 -40 -66s-36 -35 -59 -48l-79 136c22 12 33 31 33 56h160zM224 240
+c-12 0 -23 -3 -33 -9l-80 138c35 20 73 31 113 31s78 -10 113 -30l-81 -139c-10 6 -21 9 -32 9zM160 176c0 -25 11 -44 33 -56l-79 -136c-35 20 -62 46 -83 80s-31 71 -31 112h160z" />
+    <glyph glyph-name="ion-outlet" unicode="&#xf342;" 
+d="M338 416c61 0 110 -51 110 -113v-222c0 -62 -49 -113 -110 -113h-228c-61 0 -110 51 -110 113v222c0 62 49 113 110 113h228zM143 197v102c0 11 -9 21 -20 21h-23c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h23c11 0 20 9 20 20v1zM265 52v29
+c0 23 -18 42 -41 42s-41 -19 -41 -42v-29v0c0 -11 9 -20 20 -20h21h21c11 0 20 7 20 18v2zM368 197v102c0 11 -9 21 -20 21h-24c-11 0 -19 -9 -20 -20v-2v-101v-1c0 -11 9 -20 20 -20h24c11 0 20 9 20 20v1z" />
+    <glyph glyph-name="ion-paintbrush" unicode="&#xf4d5;" 
+d="M118 165c52 0 102 -41 90 -102c-11 -52 -54 -71 -90 -77c-30 -5 -100 0 -118 35c24 9 34 26 34 49c0 49 32 95 84 95zM436 388c13 -13 17 -30 5 -45l-154 -175c2 -9 1 -17 -3 -23l-50 -58v0v0c-2 -2 -4 -2 -6 0c-1 1 -1 2 -1 3v1c2 53 -41 87 -89 90v0h-2s-2 0 -2 1
+c-2 2 -2 4 0 6l59 49c6 4 14 4 23 2l175 154c15 12 32 8 45 -5zM134 188v0v0v0z" />
+    <glyph glyph-name="ion-paintbucket" unicode="&#xf4d6;" horiz-adv-x="480" 
+d="M112 384l32 32l275 -276l-58 -12l-163 -160l-198 192l152 152zM309 160l-110 110l-110 -110h220zM419 140c0 0 61 -66 61 -99s-27 -60 -61 -60s-60 27 -60 60s60 99 60 99z" />
+    <glyph glyph-name="ion-paper-airplane" unicode="&#xf2c3;" 
+d="M0 176l448 240l-112 -448l-112 112l-80 -112l-16 160zM319 31l80 323l-322 -173l83 -31l192 154l-128 -176z" />
+    <glyph glyph-name="ion-paperclip" unicode="&#xf20f;" horiz-adv-x="160" 
+d="M149 293c6 0 11 -5 11 -12v-195c0 -28 -10 -49 -24 -63c-15 -15 -36 -23 -56 -23c-40 0 -80 31 -80 88v234c0 24 11 44 29 54s39 11 57 0s29 -30 29 -54l-1 -225c0 -13 -3 -24 -9 -32s-16 -12 -25 -12c-17 0 -34 15 -34 44v173c0 6 6 12 12 12s11 -6 11 -12v-173
+c0 -14 5 -21 11 -21c2 0 5 2 7 4c3 4 5 10 5 17v225c0 15 -6 28 -17 34s-24 6 -35 0s-17 -19 -17 -34v-234c0 -44 29 -64 57 -64s57 19 57 63v195c0 6 6 11 12 11z" />
+    <glyph glyph-name="ion-pause" unicode="&#xf210;" horiz-adv-x="256" 
+d="M96 12c0 -7 -5 -12 -12 -12h-72c-7 0 -12 5 -12 12v360c0 7 5 12 12 12h72c7 0 12 -5 12 -12v-360zM244 384c7 0 12 -5 12 -12v-360c0 -7 -5 -12 -12 -12h-72c-7 0 -12 5 -12 12v360c0 7 5 12 12 12h72z" />
+    <glyph glyph-name="ion-person-add" unicode="&#xf211;" 
+d="M397 120h-42v51h-51v42h51v51h42v-51h51v-42h-51v-51zM384 0h-192h-192s0 26 2 40c2 11 17 25 81 49c63 23 60 12 60 55c0 28 -14 11 -23 64c-4 21 -6 7 -14 40c-4 17 3 19 2 27s-2 16 -4 33c-2 21 18 76 88 76s90 -55 88 -76c-2 -17 -3 -25 -4 -33s6 -10 2 -27
+c-8 -33 -10 -19 -14 -40c-9 -53 -23 -36 -23 -64c0 -43 -3 -32 60 -55c64 -24 79 -38 81 -49c2 -14 2 -40 2 -40z" />
+    <glyph glyph-name="ion-person-stalker" unicode="&#xf212;" 
+d="M393 123c42 -16 52 -26 53 -33c2 -9 2 -90 2 -90h-98c0 18 0 71 -1 77c-1 10 -1 29 -55 50c-8 3 -14 5 -19 7c18 8 15 15 15 28c0 19 -9 11 -15 47c-2 14 -4 5 -9 28c-3 12 1 12 1 18s-1 10 -2 22c-1 14 11 52 57 52s59 -38 58 -52c-1 -12 -2 -16 -2 -22
+c-1 -6 4 -6 1 -18c-5 -23 -7 -14 -9 -28c-6 -36 -16 -28 -16 -47c0 -29 -2 -23 39 -39zM325 0h-163h-162s0 65 2 77c2 10 15 22 69 43c54 20 50 17 50 55c0 24 -12 8 -20 54c-3 18 -5 7 -11 36c-3 15 2 16 1 23s-2 14 -3 29c-2 19 15 67 74 67s77 -49 75 -67
+c-1 -15 -2 -22 -3 -29s5 -8 2 -23c-6 -29 -9 -18 -12 -36c-8 -46 -20 -30 -20 -54c0 -32 -2 -36 31 -48c6 -2 11 -4 19 -7c54 -21 67 -33 69 -43c1 -6 2 -28 2 -47v-30z" />
+    <glyph glyph-name="ion-person" unicode="&#xf213;" horiz-adv-x="384" 
+d="M384 0h-192h-192s0 26 2 40c2 11 17 25 81 49c63 23 60 12 60 55c0 28 -14 11 -23 64c-4 21 -6 7 -14 40c-4 17 3 19 2 27s-2 16 -4 33c-2 21 18 76 88 76s90 -55 88 -76c-2 -17 -3 -25 -4 -33s6 -10 2 -27c-8 -33 -10 -19 -14 -40c-9 -53 -23 -36 -23 -64
+c0 -43 -3 -32 60 -55c64 -24 79 -38 81 -49c2 -14 2 -40 2 -40z" />
+    <glyph glyph-name="ion-pie-graph" unicode="&#xf2a5;" 
+d="M1 192c0 5 -1 11 -1 16c0 115 93 208 208 208c5 0 11 -1 16 -1v-32v-191h-191h-32zM78 46c-26 32 -42 71 -45 114h223v223c43 -3 82 -19 114 -45c47 -38 78 -96 78 -162c0 -115 -93 -208 -208 -208c-66 0 -124 31 -162 78z" />
+    <glyph glyph-name="ion-pin" unicode="&#xf2a6;" horiz-adv-x="224" 
+d="M188 220c20 -10 36 -31 36 -55c0 -17 -3 -21 -15 -21h-81l-12 -176h-8l-12 176h-81c-12 0 -15 5 -15 21c0 24 16 45 36 55v0c1 0 3 1 4 2c7 4 12 11 14 19l18 118v5c0 7 -4 10 -10 13v0c-1 0 -1 1 -2 1c-7 3 -12 9 -12 17c0 20 6 21 18 21h92c12 0 18 -1 18 -21
+c0 -8 -5 -14 -12 -17c-1 0 -1 -1 -2 -1v0c-6 -3 -10 -6 -10 -13v-5l18 -118c2 -8 7 -15 14 -19c1 -1 3 -2 4 -2v0z" />
+    <glyph glyph-name="ion-pinpoint" unicode="&#xf2a7;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c32 32 51 75 55 120l-63 8v16l63 8c-4 45 -23 88 -55 120s-75 51 -120 55l-8 -63h-16l-8 63c-45 -4 -88 -23 -120 -55s-51 -75 -55 -120l63 -8v-16l-63 -8
+c4 -45 23 -88 55 -120s75 -51 120 -55l8 63h16l8 -63c45 4 88 23 120 55z" />
+    <glyph glyph-name="ion-pizza" unicode="&#xf2a8;" horiz-adv-x="352" 
+d="M315 318c10 -4 12 -13 9 -20l-148 -330s-143 320 -148 331s2 16 9 19c39 18 90 28 139 28s96 -9 139 -28zM112 256c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM176 109c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM240 224
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM342 382c6 -3 10 -6 10 -13c0 -1 0 -3 -1 -5l-8 -19c-3 -5 -8 -9 -14 -9c-1 0 -3 1 -6 2c-41 18 -95 30 -147 30s-102 -11 -147 -30c-3 -1 -4 -2 -6 -2c-6 0 -11 4 -14 9l-8 19s-1 2 -1 5c0 8 6 12 10 14
+c49 21 107 33 166 33s118 -13 166 -34z" />
+    <glyph glyph-name="ion-plane" unicode="&#xf214;" 
+d="M250 136c0 -7 1 -69 -6 -102c-1 -4 3 -4 5 -7l51 -33c2 -2 3 -8 3 -8l1 -18l-68 16l-12 -32l-12 32l-68 -16l1 18s0 6 2 8l52 33c2 3 6 3 5 7c-7 33 -6 95 -6 102s-8 5 -8 5l-62 -13l-128 -49c0 23 2 26 9 31l183 131s5 63 5 113c0 24 12 78 27 78s27 -54 27 -78
+c0 -53 5 -113 5 -113l183 -131c6 -4 9 -7 9 -31l-128 49l-62 13s-8 2 -8 -5z" />
+    <glyph glyph-name="ion-planet" unicode="&#xf343;" horiz-adv-x="512" 
+d="M96 182c39 -24 85 -48 134 -69c44 -19 87 -35 126 -46c-27 -22 -62 -35 -100 -35c-85 0 -155 66 -160 150zM107 251c1 4 3 8 5 11c10 21 26 40 44 55c27 22 62 35 100 35c85 0 155 -66 160 -150v-10c0 -21 -4 -41 -11 -59c-1 -4 -3 -8 -5 -11c-6 1 -13 3 -19 5
+c-39 11 -82 26 -126 45c-56 24 -108 52 -148 79zM430 163c57 -35 87 -62 81 -82c-4 -12 -19 -17 -44 -17c-50 0 -136 23 -231 64c-141 61 -246 140 -235 175c4 12 20 20 44 17c22 -3 47 -9 73 -18c-8 -9 -8 -12 -14 -22c-23 5 -44 8 -59 8h-6c2 -2 5 -6 8 -9
+c11 -11 27 -24 46 -37c41 -29 97 -59 156 -85c44 -19 89 -35 128 -46c36 -10 68 -15 90 -15h6c-2 2 -5 6 -8 9c-10 10 -24 22 -41 34c4 11 5 12 6 24z" />
+    <glyph glyph-name="ion-play" unicode="&#xf215;" horiz-adv-x="320" 
+d="M309 215c7 -6 11 -14 11 -23s-4 -17 -11 -23l-278 -166c-4 -2 -7 -3 -11 -3c-11 0 -20 9 -20 20v0v344v0c0 11 9 20 20 20c4 0 8 -1 11 -3z" />
+    <glyph glyph-name="ion-playstation" unicode="&#xf30a;" horiz-adv-x="512" 
+d="M400 245c0 -11 0 -22 -2 -33c-2 -10 -5 -20 -10 -28c-4 -7 -10 -13 -18 -17c-7 -4 -16 -6 -24 -6c-13 0 -31 4 -42 9v131v2c0 9 -7 17 -15 17h-1c-9 0 -16 -8 -16 -17v-3v-300l-80 26v358s28 -4 75 -18s67 -21 84 -31c8 -5 15 -11 21 -17c7 -7 13 -14 17 -23
+c8 -16 10 -33 11 -50zM87 90c-4 -2 -8 -3 -11 -6c-1 -1 -3 -3 -2 -5s4 -4 6 -5c6 -2 13 -3 19 -3c7 0 15 0 22 2c5 1 9 3 14 5c30 10 41 12 41 12v-42c-14 -2 -36 -4 -50 -4c-30 -1 -60 4 -88 13c-9 3 -19 6 -27 12c-4 3 -8 8 -10 13c-2 4 -1 9 1 13s5 8 9 11
+c9 6 18 10 28 14c8 4 17 7 26 10c35 12 111 37 111 37v-47s-62 -20 -89 -30zM512 102c0 -5 -2 -9 -5 -13c-6 -7 -14 -11 -22 -15s-17 -8 -26 -11c-54 -19 -171 -59 -171 -59v48s92 30 133 44c6 2 11 4 16 8c2 2 4 3 3 6c-1 2 -4 4 -6 5c-6 2 -13 3 -19 3
+c-10 0 -20 -2 -30 -5c-29 -10 -97 -32 -97 -32v49s45 14 67 16c8 1 23 1 31 1c26 0 54 -3 79 -11c5 -2 8 -3 14 -5c9 -3 18 -8 25 -14c4 -4 8 -9 8 -15z" />
+    <glyph glyph-name="ion-plus-circled" unicode="&#xf216;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM352 176v32h-112v112h-32v-112h-112v-32h112v-112h32v112h112z" />
+    <glyph glyph-name="ion-plus-round" unicode="&#xf217;" horiz-adv-x="384" 
+d="M353 224c17 0 31 -14 31 -32s-14 -32 -31 -32h-129v-129c0 -17 -14 -31 -32 -31s-32 14 -32 31v129h-129c-17 0 -31 14 -31 32s14 32 31 32h129v129c0 17 14 31 32 31s32 -14 32 -31v-129h129z" />
+    <glyph glyph-name="ion-plus" unicode="&#xf218;" horiz-adv-x="384" 
+d="M384 224v-64h-160v-160h-64v160h-160v64h160v160h64v-160h160z" />
+    <glyph glyph-name="ion-podium" unicode="&#xf344;" 
+d="M0 0v192h128v-192h-128zM160 0v288h128v-288h-128zM320 0v128h128v-128h-128z" />
+    <glyph glyph-name="ion-pound" unicode="&#xf219;" 
+d="M93 96h-93v54h101l13 84h-99v54h107l22 128h64l-22 -128h106l22 128h63l-22 -128h93v-54h-102l-12 -84h99v-54h-107l-22 -128h-63l22 128h-107l-22 -128h-63zM177 234l-12 -84h106l12 84h-106v0z" />
+    <glyph glyph-name="ion-power" unicode="&#xf2a9;" 
+d="M224 192c-18 0 -32 14 -32 32v160c0 18 14 32 32 32s32 -14 32 -32v-160c0 -18 -14 -32 -32 -32zM347 379c61 -40 101 -109 101 -187c0 -124 -100 -224 -224 -224s-224 100 -224 224c0 78 40 147 101 187v0c5 3 11 5 17 5c18 0 32 -14 32 -32c0 -6 -2 -12 -5 -17
+c-2 -3 -4 -6 -7 -8c-1 -1 -3 -2 -4 -3c-8 -6 -16 -12 -23 -19c-30 -30 -47 -70 -47 -113s17 -83 47 -113s70 -47 113 -47s83 17 113 47s47 70 47 113s-17 83 -47 113c-7 7 -15 13 -23 19c-1 1 -3 2 -4 3c-3 2 -5 5 -7 8c-3 5 -5 11 -5 17c0 18 14 32 32 32c6 0 12 -2 17 -5
+v0z" />
+    <glyph glyph-name="ion-pricetag" unicode="&#xf2aa;" 
+d="M439 187c12 -12 12 -31 0 -43l-165 -167c-11 -11 -30 -11 -42 -1l-3 3l-206 209l-6 5c-6 7 -9 15 -10 24v0v2v0l-7 98v4v0c0 12 4 24 13 33l49 49c8 9 20 13 31 13h4l100 -4v0c12 0 22 -4 30 -12v0l2 -2v0l210 -211v0v0zM112 256c26 0 48 22 48 48s-22 48 -48 48
+s-48 -22 -48 -48s22 -48 48 -48z" />
+    <glyph glyph-name="ion-pricetags" unicode="&#xf2ab;" 
+d="M440 209c10 -11 11 -28 0 -39l-29 -29c11 11 10 28 0 39v0v0l-190 191v0l-1 1h-1c-8 7 -16 12 -27 12v0l-90 3h-4c-9 0 -19 -3 -26 -10l28 27c8 8 17 12 27 12h4l90 -4v0c11 0 19 -4 27 -11h1l1 -1v0l190 -191v0v0zM396 166v0c11 -11 11 -29 0 -40l-108 -109v1l-26 -27
+l-2 -2l-13 -13c-10 -10 -26 -10 -37 -1l-3 3l-186 188l-5 5c-5 6 -9 14 -10 22v0v2v0l-6 88v3v1c0 11 4 21 12 29l44 45l1 1l1 1c7 6 17 9 26 9h4l90 -3v0c11 0 19 -4 27 -11v0l2 -1v0l189 -191v0zM79 308c-12 -8 -21 -21 -21 -37c0 -24 19 -43 43 -43c16 0 29 9 37 21
+c4 7 7 14 7 22c0 24 -20 44 -44 44c-8 0 -15 -3 -22 -7z" />
+    <glyph glyph-name="ion-printer" unicode="&#xf21a;" 
+d="M392 320c28 0 56 -19 56 -55v-131c0 -31 -28 -54 -56 -54h-40v-112h-8h-8h-224h-11h-5v112h-40c-28 0 -56 24 -56 62v123c0 38 28 55 56 55h40v64h256v-64h40zM336 -16v176h-224v-176h224zM336 320v48h-224v-48h224zM384 256v16h-17v-16h17zM128 112v16h192v-16h-192z
+M128 64v16h192v-16h-192zM128 16v16h192v-16h-192z" />
+    <glyph glyph-name="ion-pull-request" unicode="&#xf345;" horiz-adv-x="384" 
+d="M64 384c35 0 64 -29 64 -64c0 -24 -13 -44 -32 -55v-178c19 -11 32 -31 32 -55c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 24 13 44 32 55v178c-19 11 -32 31 -32 55c0 35 29 64 64 64zM64 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM64 288
+c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32zM351 88c20 -11 33 -32 33 -56c0 -35 -29 -64 -64 -64s-64 29 -64 64c0 23 12 44 31 55v156c0 16 -4 26 -11 33c-10 9 -26 12 -52 12v-64l-96 96l96 96v-64c42 1 74 -8 96 -29c21 -19 31 -46 31 -80v-155z
+M320 0c18 0 32 14 32 32s-14 32 -32 32s-32 -14 -32 -32s14 -32 32 -32z" />
+    <glyph glyph-name="ion-qr-scanner" unicode="&#xf346;" horiz-adv-x="416" 
+d="M48 324v-68h-48v68c0 33 28 60 61 60h67v-48h-68c-7 0 -12 -5 -12 -12zM356 384c33 0 60 -27 60 -60v-68h-48v68c0 7 -6 12 -13 12h-67v48h68zM368 61v67h48v-67c0 -33 -27 -61 -60 -61h-68v49h68c7 0 12 5 12 12zM60 49h68v-49h-67c-33 0 -61 28 -61 61v67h48v-67
+c0 -7 5 -12 12 -12z" />
+    <glyph glyph-name="ion-quote" unicode="&#xf347;" horiz-adv-x="384" 
+d="M128 384c-41 0 -73 -11 -95 -33s-33 -54 -33 -95v-256h160v256h-96c0 23 5 39 15 49s26 15 49 15zM352 384c-41 0 -73 -11 -95 -33s-33 -54 -33 -95v-256h160v256h-96c0 23 5 39 15 49s26 15 49 15z" />
+    <glyph glyph-name="ion-radio-waves" unicode="&#xf2ac;" 
+d="M160 192c0 43 21 64 64 64s64 -21 64 -64s-21 -64 -64 -64s-64 21 -64 64zM112 192c0 -18 5 -35 13 -50s19 -28 33 -37l-23 -25c-6 5 -13 10 -18 16c-25 26 -37 59 -37 96s12 70 37 96c5 6 12 11 18 16l23 -25c-14 -9 -25 -22 -33 -37s-13 -32 -13 -50zM336 192
+c0 18 -5 35 -13 50s-19 28 -33 37l23 25c6 -5 13 -10 18 -16c25 -26 37 -59 37 -96s-12 -70 -37 -96c-5 -6 -12 -11 -18 -16l-23 25c14 9 25 22 33 37s13 32 13 50zM32 192c0 -27 6 -53 17 -77s27 -43 47 -59l-23 -24c-6 5 -12 10 -17 16c-18 19 -31 41 -41 65
+c-10 25 -15 51 -15 79s5 54 15 79c10 24 23 46 41 65c5 6 11 11 17 16l23 -24c-10 -8 -18 -17 -26 -27s-14 -21 -20 -32s-10 -24 -13 -37s-5 -26 -5 -40zM416 192c0 27 -6 53 -17 77s-27 43 -47 59l23 24c6 -5 12 -10 17 -16c18 -19 31 -41 41 -65c10 -25 15 -51 15 -79
+s-5 -54 -15 -79c-10 -24 -23 -46 -41 -65c-4 -5 -10 -10 -17 -16l-23 24c20 16 36 35 47 59s17 50 17 77z" />
+    <glyph glyph-name="ion-record" unicode="&#xf21b;" horiz-adv-x="416" 
+d="M208 -16c-115 0 -208 93 -208 208s93 208 208 208s208 -93 208 -208s-93 -208 -208 -208z" />
+    <glyph glyph-name="ion-refresh" unicode="&#xf21c;" 
+d="M352 96l-104 112h74c-7 65 -64 112 -130 112c-71 0 -128 -57 -128 -128s57 -128 128 -128c28 0 53 8 75 24l6 5l43 -46l-7 -6c-34 -26 -74 -41 -117 -41c-91 0 -167 64 -187 149v0c0 1 -1 2 -1 3v1v2s-1 2 -1 3v1c0 1 -1 3 -1 4v0c-1 6 -2 13 -2 19v1v4v5v5v4v1
+c0 6 1 13 2 19v0c0 1 1 3 1 4v1c0 1 1 1 1 2v3v1c0 1 1 2 1 3v0c20 85 96 149 187 149v0v0c11 0 21 -1 31 -3h2h2c57 -10 106 -47 133 -96c13 -23 21 -49 23 -77h65z" />
+    <glyph glyph-name="ion-reply-all" unicode="&#xf21d;" horiz-adv-x="416" 
+d="M257 256c153 0 159 -208 159 -208c-51 93 -91 102 -159 102v-92l-152 134l152 144v-80zM0 192l144 136v-57l-82 -79l82 -68v-58z" />
+    <glyph glyph-name="ion-reply" unicode="&#xf21e;" horiz-adv-x="384" 
+d="M384 48c-53 93 -122 102 -224 102v-92l-160 134l160 144v-80c187 0 224 -208 224 -208z" />
+    <glyph glyph-name="ion-ribbon-a" unicode="&#xf348;" horiz-adv-x="352" 
+d="M272 416l80 -96l-64 -134c-24 30 -59 49 -99 53zM80 416l83 -177c-40 -4 -75 -23 -99 -53l-64 134zM189 416h67l-53 -112h-27h-27l-53 112h80h13zM176 224c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM176 0c53 0 96 43 96 96
+s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM176 184c49 0 88 -39 88 -88s-39 -88 -88 -88s-88 39 -88 88s39 88 88 88z" />
+    <glyph glyph-name="ion-ribbon-b" unicode="&#xf349;" horiz-adv-x="384" 
+d="M192 376c49 0 88 -39 88 -88s-39 -88 -88 -88s-88 39 -88 88s39 88 88 88zM192 416c71 0 128 -57 128 -128s-57 -128 -128 -128s-128 57 -128 128s57 128 128 128zM192 192c53 0 96 43 96 96s-43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96zM83 194c26 -30 65 -50 109 -50
+c12 0 23 1 34 4l-34 -74l-48 -106l-48 80h-96zM301 194l83 -146h-96l-48 -80l-40 88l45 98c22 9 41 23 56 40z" />
+    <glyph glyph-name="ion-sad-outline" unicode="&#xf4d7;" 
+d="M367 164c3 -9 -2 -17 -11 -19c-3 -1 -7 0 -10 1c-5 2 -9 5 -11 10s-4 12 -13 15s-14 0 -19 -3c-4 -3 -10 -3 -15 -1c-3 1 -7 3 -9 6c-6 8 -3 17 5 22c15 9 29 13 49 6s29 -21 34 -37zM165 195c8 -5 10 -14 4 -22c-2 -3 -6 -5 -9 -6c-5 -2 -11 -2 -15 1c-5 3 -10 6 -19 3
+s-11 -10 -13 -15s-6 -8 -11 -10c-3 -1 -7 -2 -10 -1c-9 2 -14 10 -11 19c5 16 14 30 34 37s35 3 50 -6zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56
+s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136s85 -56 136 -56s100 20 136 56zM317 89c5 -7 3 -17 -4 -22c-3 -2 -6 -3 -9 -3c-5 0 -10 3 -13 7c0 0 -19 25 -67 25s-67 -25 -67 -25c-3 -4 -8 -7 -13 -7c-3 0 -6 1 -9 3c-7 5 -9 15 -4 22c1 2 28 39 93 39
+s92 -37 93 -39z" />
+    <glyph glyph-name="ion-sad" unicode="&#xf34a;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM113 156c2 5 4 12 13 15s14 0 19 -3c4 -3 10 -3 15 -1c3 1 7 3 9 6c6 8 4 17 -4 22c-15 9 -30 13 -50 6s-29 -21 -34 -37c-3 -9 2 -17 11 -19c3 -1 7 0 10 1c5 2 9 5 11 10z
+M313 67c7 5 9 15 4 22c-1 2 -28 39 -93 39s-92 -37 -93 -39c-5 -7 -3 -17 4 -22c3 -2 6 -3 9 -3c5 0 10 3 13 7c0 0 19 25 67 25s67 -25 67 -25c3 -4 8 -7 13 -7c3 0 6 1 9 3zM356 145c9 2 14 10 11 19c-5 16 -14 30 -34 37s-34 3 -49 -6c-8 -5 -11 -14 -5 -22
+c2 -3 6 -5 9 -6c5 -2 11 -2 15 1c5 3 10 6 19 3s11 -10 13 -15s6 -8 11 -10c3 -1 7 -2 10 -1z" />
+    <glyph glyph-name="ion-scissors" unicode="&#xf34b;" horiz-adv-x="384" 
+d="M341 332c-13 -33 -117 -172 -117 -172l-32 -32s-31 -13 -50 -43s-33 -71 -33 -71v0c-7 -26 -28 -46 -53 -46c-31 0 -56 29 -56 64s25 64 56 64c13 0 25 -5 34 -13c2 -1 3 -3 4 -4v0l2 -2c4 -4 7 -2 14 11c8 15 17 35 27 54s38 59 38 59l17 23l144 192
+c23 -20 18 -51 5 -84zM56 0c15 0 28 14 28 32s-13 32 -28 32s-28 -14 -28 -32s13 -32 28 -32zM192 160c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM143 183c-30 41 -90 125 -100 149c-13 33 -18 64 5 84l134 -178l-3 -4v0v0l-17 -23v-1v0
+c-1 -1 -10 -13 -19 -27zM328 96c31 0 56 -29 56 -64s-25 -64 -56 -64c-25 0 -47 20 -54 46v0s-13 41 -32 71c-11 17 -26 28 -36 35l29 29l1 1h1c1 1 1 2 2 4c3 -4 5 -9 7 -12c10 -19 20 -39 28 -54c7 -13 10 -15 14 -11c1 1 0 1 1 2h1c1 1 2 3 4 4c9 8 21 13 34 13zM328 0
+c15 0 28 14 28 32s-13 32 -28 32s-28 -14 -28 -32s13 -32 28 -32z" />
+    <glyph glyph-name="ion-search" unicode="&#xf21f;" horiz-adv-x="384" 
+d="M381 61c4 -4 4 -10 0 -14l-43 -44c-2 -2 -5 -3 -8 -3s-5 1 -7 3l-84 86c-25 -15 -52 -23 -80 -23c-87 0 -159 71 -159 159s72 159 159 159s158 -71 158 -159c0 -27 -7 -54 -21 -78zM159 322c-53 0 -97 -43 -97 -97s44 -97 97 -97s96 43 96 97s-43 97 -96 97z" />
+    <glyph glyph-name="ion-settings" unicode="&#xf2ad;" horiz-adv-x="416" 
+d="M402 310c10 -6 15 -25 14 -36c-1 -17 -7 -36 -25 -54c-1 -1 -2 -1 -3 -2c-26 -25 -62 -30 -94 -20c-1 1 -2 2 -4 2c-5 1 -10 0 -13 -4l-36 -39c52 -50 107 -96 107 -96c2 -2 2 -5 0 -7l-50 -51c-2 -2 -5 -2 -7 0c0 0 -44 55 -93 107l-92 -98c-14 -16 -40 -15 -55 0
+c-15 16 -15 42 1 56l97 93l-12 12c-2 2 -3 7 -1 10l2 5c-25 26 -36 33 -56 32s-36 -13 -48 -28s-10 -52 -8 -62s-7 -6 -12 0c-9 10 -23 50 -6 93s42 69 48 75s16 15 24 21s21 -1 27 5c4 4 5 11 5 16l-4 4c-2 2 -2 5 0 7l31 31c2 2 5 2 7 0l50 -50c2 -2 2 -6 0 -8l-31 -31
+c-2 -2 -5 -2 -7 0l-8 9c-7 0 -15 -5 -17 -10c-3 -6 -6 -21 -3 -33c3 -11 13 -20 36 -43l5 3c4 2 8 1 10 -1c0 0 1 -2 13 -14l38 37c4 3 5 7 4 13c0 2 0 4 -1 5c-10 33 -6 69 19 96l2 2c18 18 36 25 53 26c10 1 30 -5 35 -15l-48 -48l-2 -3l-1 -1c-1 -1 -1 -2 -1 -4
+s0 -3 1 -5l2 -2l2 -2l41 -42l3 -3l1 -1c1 -1 2 -1 4 -1s3 0 4 1l2 1l2 3z" />
+    <glyph glyph-name="ion-share" unicode="&#xf220;" horiz-adv-x="384" 
+d="M288 70v59l38 31v-109c0 -11 -8 -19 -19 -19h-288c-11 0 -19 9 -19 19v218c0 11 8 19 19 19h120c-29 -18 -43 -38 -43 -38h-58v-180h250zM256 224c-84 0 -116 -24 -160 -96c0 0 5 164 160 164v60l128 -96l-128 -96v64z" />
+    <glyph glyph-name="ion-shuffle" unicode="&#xf221;" 
+d="M338 267c-52 0 -83 -43 -120 -92c-41 -55 -88 -120 -171 -120h-47v63h47c52 0 84 47 121 96c41 55 87 116 170 116h29v54l81 -81l-81 -84v48h-29zM121 230c-21 21 -42 35 -74 36c-34 1 -47 0 -47 0v63h47c48 0 83 -20 113 -48c-10 -12 -19 -24 -28 -36
+c-4 -5 -7 -10 -11 -15zM367 118v47l81 -84l-81 -81v54h-29c-50 0 -87 23 -117 53c12 14 22 28 32 41c2 3 5 6 7 9c22 -24 46 -39 78 -39h29z" />
+    <glyph glyph-name="ion-skip-backward" unicode="&#xf222;" horiz-adv-x="384" 
+d="M12 352h8c7 0 12 -5 12 -12v-113l187 122c2 2 5 3 8 3c8 0 16 -7 16 -17v-63l118 78c2 2 5 2 8 2c8 0 15 -7 15 -17v-286c0 -10 -7 -17 -15 -17c-3 0 -5 1 -8 3l-118 78v-64c0 -10 -8 -17 -16 -17c-3 0 -5 1 -8 3l-187 122v-113c0 -7 -5 -12 -12 -12h-8
+c-7 0 -12 5 -12 12v296c0 7 5 12 12 12z" />
+    <glyph glyph-name="ion-skip-forward" unicode="&#xf223;" horiz-adv-x="384" 
+d="M372 352c7 0 12 -5 12 -12v-296c0 -7 -5 -12 -12 -12h-8c-7 0 -12 5 -12 12v113l-187 -122c-3 -2 -5 -3 -8 -3c-8 0 -15 7 -15 17v64l-119 -78c-3 -2 -5 -3 -8 -3c-8 0 -15 7 -15 17v286c0 10 7 17 15 17c3 0 6 0 8 -2l119 -78v63c0 10 7 17 15 17c3 0 6 -1 8 -3
+l187 -122v113c0 7 5 12 12 12h8z" />
+    <glyph glyph-name="ion-social-android-outline" unicode="&#xf224;" horiz-adv-x="352" 
+d="M272 240h-192v-60v-89h24h16v-15v-52c0 -4 4 -8 8 -8s8 4 8 8v52v15h17h49h15v-15v-52c0 -2 1 -4 3 -6h1v0c1 -1 2 -2 4 -2h1v0v0c4 0 7 4 7 8v52v15h17h22v89v60zM288 256v0v-76v-90c0 -7 -3 -15 -10 -15h-29v-51c0 -13 -10 -24 -23 -24v0h-1c-6 0 -11 2 -15 5
+c-5 4 -9 11 -9 19v51h-49v-51c0 -13 -11 -24 -24 -24s-24 11 -24 24v51h-28c-7 0 -12 8 -12 15v90v76h224zM328 256c-4 0 -8 -4 -8 -8v-96c0 -4 4 -8 8 -8s8 4 8 8v96c0 4 -4 8 -8 8zM328 272v0c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96
+c0 13 11 24 24 24zM24 256c-4 0 -8 -4 -8 -8v-96c0 -4 4 -8 8 -8s8 4 8 8v96c0 4 -4 8 -8 8zM24 272v0c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96c0 13 11 24 24 24zM175 354c-14 0 -27 -3 -38 -6l-10 -4c-28 -12 -40 -37 -44 -56h186
+c-4 18 -15 43 -44 56l-10 4c-12 4 -25 6 -39 6v0v0h-1zM105 384v0h1l19 -23c13 5 30 9 50 9h1c20 0 36 -4 50 -9l20 23v0s1 -1 2 -1c1 -1 2 -3 2 -3l-19 -22c48 -21 56 -71 57 -86h-224c1 15 9 66 57 87l-19 22c0 1 1 1 2 2zM127 309c-7 0 -14 6 -14 13s6 14 14 14
+c7 0 13 -7 13 -14s-5 -13 -13 -13zM225 309c-7 0 -13 6 -13 13s5 14 13 14c7 0 13 -7 13 -14s-6 -13 -13 -13z" />
+    <glyph glyph-name="ion-social-android" unicode="&#xf225;" horiz-adv-x="352" 
+d="M64 180v76h224v-76v-90c0 -7 -4 -14 -11 -14h-28v-52c0 -13 -11 -24 -24 -24v0h-1c-6 0 -10 2 -14 5c-5 4 -9 11 -9 19v52h-49v-52c0 -13 -11 -24 -24 -24s-24 11 -24 24v52h-29c-7 0 -11 7 -11 14v90zM328 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24
+s-24 11 -24 24v96c0 13 11 24 24 24zM24 272c13 0 24 -11 24 -24v-96c0 -13 -11 -24 -24 -24s-24 11 -24 24v96c0 13 11 24 24 24zM231 359c48 -21 56 -72 57 -87h-224c1 15 8 66 56 87l-18 22c0 1 0 1 1 2s3 1 3 1l19 -23c14 5 31 9 51 9s36 -4 50 -9l20 23c0 1 1 0 2 -1
+l2 -2zM127 309c8 0 13 6 13 13s-6 14 -13 14c-8 0 -14 -7 -14 -14s7 -13 14 -13zM225 309c7 0 14 6 14 13s-7 14 -14 14c-8 0 -13 -7 -13 -14s6 -13 13 -13z" />
+    <glyph glyph-name="ion-social-angular-outline" unicode="&#xf4d8;" 
+d="M224 384l-188 -69l39 -230l149 -80l149 80l39 230zM224 416v0l224 -80l-46 -272l-178 -96l-178 96l-46 272zM312 96l-27 56h-122l-27 -56h-40l128 280l128 -280h-40zM182 192h84l-42 89z" />
+    <glyph glyph-name="ion-social-angular" unicode="&#xf4d9;" 
+d="M182 192l42 89l42 -89h-84zM224 416l224 -80l-46 -272l-178 -96l-178 96l-46 272zM312 96h40l-128 280l-128 -280h40l27 56h122z" />
+    <glyph glyph-name="ion-social-apple-outline" unicode="&#xf226;" horiz-adv-x="320" 
+d="M238 278c-15 0 -26 -4 -37 -8c-10 -4 -21 -8 -35 -8s-25 4 -37 8c-11 4 -22 8 -34 8c-11 0 -23 -3 -34 -10c-12 -7 -23 -18 -31 -31c-12 -18 -16 -47 -13 -77c3 -34 16 -69 35 -99c13 -21 30 -45 50 -45h1c8 0 13 3 20 6c10 5 23 10 44 10v0c21 0 34 -5 44 -10
+c7 -3 12 -6 19 -6v0c22 0 44 35 52 48c8 12 12 20 17 31c-12 7 -22 16 -30 28c-10 15 -17 33 -18 52c-1 18 2 37 10 53c6 12 14 22 24 30c-14 13 -31 20 -47 20zM238 294v0c25 0 52 -14 71 -39c-63 -36 -53 -128 11 -153c-9 -20 -13 -28 -24 -46c-16 -25 -37 -56 -65 -56h-1
+c-24 0 -31 16 -63 16v0c-33 0 -40 -16 -64 -16h-1c-28 0 -48 28 -64 53c-44 69 -48 150 -21 193c19 30 50 48 78 48c29 0 47 -16 71 -16c23 0 38 16 72 16zM214 364c-11 -5 -21 -13 -28 -22c-4 -5 -9 -13 -13 -23c-1 -3 -2 -6 -2 -9c11 4 21 11 28 21c4 5 12 18 15 33z
+M230 384v0c3 -23 -6 -46 -18 -62c-13 -17 -35 -30 -56 -30h-1c-4 22 6 44 18 60c14 17 37 31 57 32z" />
+    <glyph glyph-name="ion-social-apple" unicode="&#xf227;" horiz-adv-x="320" 
+d="M238 294v0c25 0 52 -14 71 -39c-63 -36 -53 -128 11 -153c-9 -20 -13 -28 -24 -46c-16 -25 -37 -56 -65 -56h-1c-24 0 -31 16 -63 16v0c-33 0 -40 -16 -64 -16h-1c-28 0 -48 28 -64 53c-44 69 -48 150 -21 193c19 30 50 48 78 48c29 0 47 -16 71 -16c23 0 38 16 72 16z
+M230 384v0c3 -23 -6 -46 -18 -62c-13 -17 -35 -30 -56 -30h-1c-4 22 6 44 18 60c14 17 37 31 57 32z" />
+    <glyph glyph-name="ion-social-bitcoin-outline" unicode="&#xf2ae;" horiz-adv-x="320" 
+d="M184 400h-8v-48v-16h-16h-32h-16v16v48h-9v-48v-16h-16h-72v-16h13c11 0 19 0 25 -3s10 -7 13 -13s3 -8 3 -20v-178c0 -11 0 -18 -3 -24v-1c-1 -3 -4 -10 -12 -14h-1c-5 -3 -8 -3 -17 -3h-13l-3 -16h67h16v-16v-48h9v48v16h16h32h16v-16v-48h8v49v16h15c23 1 41 5 55 10
+c16 6 28 15 37 26c8 11 12 29 13 42c1 14 -1 29 -4 36s-8 16 -21 23c-7 4 -14 6 -21 8l-46 11l43 19c4 2 7 4 12 9c6 5 9 12 11 16c2 5 4 13 3 22c-1 17 -4 29 -10 37c-7 9 -17 16 -31 21c-12 5 -24 7 -41 8l-15 1v15v47zM200 416v0v-63c20 -1 32 -4 45 -9
+c16 -6 29 -15 38 -27s12 -28 13 -45c1 -10 0 -20 -3 -28s-8 -16 -16 -23c-6 -6 -11 -9 -16 -11c9 -2 17 -6 25 -10c15 -8 24 -18 29 -30c4 -10 6 -30 5 -44c-1 -16 -6 -37 -16 -51c-11 -14 -26 -24 -45 -31c-15 -6 -33 -10 -59 -11v-65h-40v64h-32v-64h-41v64h-87l8 48h28
+c9 0 8 1 11 2s4 3 5 6s1 9 1 18v178c0 9 0 10 -1 12s-3 4 -6 6s-9 2 -18 2h-28v48h87v64h41v-64h32v64h40zM160 298v-74h-32v74h32zM160 176v0v-90h-32v90h32zM200 294v0c6 -2 10 -7 14 -12c4 -6 6 -13 6 -21s-2 -15 -7 -21c-4 -5 -7 -9 -13 -12v66zM200 174v0
+c5 -1 8 -1 12 -3c8 -3 14 -7 19 -13s8 -15 8 -24c0 -11 -2 -19 -10 -26s-13 -11 -23 -15c-2 -1 -4 0 -6 -1v82z" />
+    <glyph glyph-name="ion-social-bitcoin" unicode="&#xf2af;" horiz-adv-x="320" 
+d="M314 169c4 -10 7 -30 6 -44c-1 -16 -5 -37 -16 -51s-26 -24 -45 -31c-15 -6 -33 -10 -59 -11v-64h-40v64h-32v-64h-41v64h-87l9 48h26c9 0 9 0 12 1s4 4 5 7s2 8 2 17v173c0 9 -1 16 -2 18s-3 4 -6 6s-9 2 -18 2h-28v48h87v64h41v-64h32v64h40v-64c20 -1 33 -4 46 -9
+c16 -6 28 -15 37 -27s12 -28 13 -45c1 -10 0 -20 -3 -28c-2 -8 -8 -16 -16 -23c-6 -6 -11 -9 -16 -11c9 -2 17 -6 25 -10c15 -8 23 -18 28 -30zM128 298v-74h32v74h-32zM128 86h32v90h-32v-90zM200 294v-66c6 3 9 7 13 12c5 6 7 12 7 20s-2 15 -6 21c-4 5 -8 11 -14 13z
+M229 107c8 7 10 15 10 26c0 9 -3 19 -8 25s-12 10 -20 13c-4 2 -6 2 -11 3v-82c2 0 5 1 7 2c10 4 14 6 22 13z" />
+    <glyph glyph-name="ion-social-buffer-outline" unicode="&#xf228;" horiz-adv-x="384" 
+d="M7 284c-9 4 -9 11 0 15l169 82c4 2 10 3 16 3s12 -1 16 -3l169 -82c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3zM183 366l-156 -75l156 -75c2 -1 5 -1 9 -1s7 0 9 1l156 75l-156 75c-2 1 -5 2 -9 2s-7 -1 -9 -2zM377 200c9 -4 9 -12 0 -16l-169 -81
+c-4 -2 -10 -4 -16 -4s-12 2 -16 4l-169 81c-9 4 -9 12 0 16c0 0 27 13 33 16c5 3 7 3 13 0s123 -60 123 -60c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 59 125 61s5 2 9 0s35 -17 35 -17zM201 117l156 75l-19 9l-123 -59c-6 -3 -15 -5 -23 -5s-17 2 -23 5l-123 59l-19 -9l156 -75
+c2 -1 5 -2 9 -2s7 1 9 2zM377 100c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3l-169 82c-9 4 -9 11 0 15c0 0 27 14 33 17c5 3 7 2 13 -1s123 -59 123 -59c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 58 125 60s5 2 9 0s35 -17 35 -17zM201 18l156 75l-19 9
+l-123 -60c-6 -3 -15 -4 -23 -4s-17 1 -23 4l-123 60l-19 -9l156 -75c2 -1 5 -2 9 -2s7 1 9 2z" />
+    <glyph glyph-name="ion-social-buffer" unicode="&#xf229;" horiz-adv-x="384" 
+d="M7 284c-9 4 -9 11 0 15l169 82c4 2 10 3 16 3s12 -1 16 -3l169 -82c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3zM377 200c9 -4 9 -12 0 -16l-169 -81c-4 -2 -10 -4 -16 -4s-12 2 -16 4l-169 81c-9 4 -9 12 0 16c0 0 27 13 33 16c5 3 7 3 13 0
+s123 -60 123 -60c4 -2 10 -3 16 -3s12 1 16 3c0 0 121 59 125 61s5 2 9 0s35 -17 35 -17zM377 100c9 -4 9 -11 0 -15l-169 -82c-4 -2 -10 -3 -16 -3s-12 1 -16 3l-169 82c-9 4 -9 11 0 15c0 0 27 14 33 17c5 3 7 2 13 -1s123 -59 123 -59c4 -2 10 -3 16 -3s12 1 16 3
+c0 0 121 58 125 60s5 2 9 0s35 -17 35 -17z" />
+    <glyph glyph-name="ion-social-chrome-outline" unicode="&#xf4da;" 
+d="M224 416c123 0 224 -101 224 -224s-101 -224 -224 -224s-224 101 -224 224s101 224 224 224zM224 371c-57 0 -109 -27 -141 -68l54 -93c8 40 43 72 87 72h155c-30 54 -89 89 -155 89zM291 192c0 37 -30 67 -67 67s-67 -30 -67 -67s30 -67 67 -67s67 30 67 67zM45 192
+c0 -91 67 -166 154 -177l54 93c-9 -3 -19 -6 -29 -6c-34 0 -61 18 -77 45v0l-78 135c-16 -27 -24 -58 -24 -90zM224 13c99 0 179 80 179 179c0 24 -4 46 -13 67h-108c19 -17 32 -40 32 -67c0 -17 -5 -32 -13 -45v0z" />
+    <glyph glyph-name="ion-social-chrome" unicode="&#xf4db;" 
+d="M157 192c0 37 30 67 67 67s67 -30 67 -67s-30 -67 -67 -67s-67 30 -67 67zM445 230c2 -12 3 -25 3 -38c0 -106 -74 -195 -174 -218c-10 -2 -20 -4 -30 -5c-7 -1 -13 -1 -20 -1c-8 0 -17 0 -25 1v0v0v0v1l102 177c8 13 13 28 13 45c0 27 -13 50 -32 67h156
+c3 -9 5 -19 7 -29v0c-2 10 -4 20 -7 29v0c3 -9 5 -19 7 -29v0zM224 103c10 0 20 2 29 5l-78 -135v0c-42 9 -79 30 -108 59c-42 41 -67 97 -67 160c0 31 6 61 18 88c7 16 16 31 26 45v0l103 -178c16 -27 43 -44 77 -44zM59 343v0v1c24 26 55 47 90 59c23 8 49 13 75 13
+c73 0 138 -36 179 -90h1c10 -14 18 -29 25 -44v0c-7 15 -15 30 -25 44h-1c10 -14 19 -29 26 -44h-205c-44 0 -79 -32 -87 -72z" />
+    <glyph glyph-name="ion-social-codepen-outline" unicode="&#xf4dc;" 
+d="M356 244c5 -3 7 -6 7 -12v-81c0 -6 -3 -10 -8 -13c-41 -27 -82 -55 -123 -82c-6 -4 -11 -4 -17 0c-41 27 -81 55 -122 82c-5 3 -8 7 -8 13v80c0 6 3 11 8 14c41 27 81 54 122 81c6 4 11 4 17 0c41 -27 83 -55 124 -82zM236 296v-54c0 -1 1 -2 2 -3c16 -11 31 -21 47 -32
+c1 -1 3 -1 4 0l40 26zM212 295c0 0 -62 -41 -93 -62c14 -9 27 -17 40 -26c1 -1 3 -1 4 0c15 10 31 21 46 31c1 1 3 4 3 6v51zM109 211v-40l30 20zM212 87v53c0 1 -2 3 -3 4c-15 10 -31 21 -46 31c-2 1 -3 1 -5 0l-39 -26c31 -21 93 -62 93 -62zM227 165l39 26s-34 23 -40 27
+c-1 1 -4 0 -5 -1c-5 -3 -9 -6 -14 -9c-8 -6 -25 -17 -25 -17l39 -26c2 -1 4 -1 6 0zM236 87l93 62l-38 26c-2 2 -5 2 -7 0c-15 -10 -30 -21 -45 -31c-2 -2 -3 -3 -3 -6v-51zM338 171v40l-30 -20zM224 384c-51 0 -100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136
+s85 -56 136 -56s100 20 136 56s56 85 56 136s-20 100 -56 136s-85 56 -136 56zM224 416v0c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224z" />
+    <glyph glyph-name="ion-social-codepen" unicode="&#xf4dd;" 
+d="M209 144c1 -1 3 -3 3 -4v-53s-62 41 -93 62l39 26c2 1 3 1 5 0c15 -10 31 -21 46 -31zM163 207c-1 -1 -3 -1 -4 0c-13 9 -26 17 -40 26c31 21 93 62 93 62v-51c0 -2 -2 -5 -3 -6c-15 -10 -31 -21 -46 -31zM238 239c-1 1 -2 2 -2 3v54l93 -63l-40 -26c-1 -1 -3 -1 -4 0
+c-16 11 -31 21 -47 32zM226 218c6 -4 40 -27 40 -27l-39 -26c-2 -1 -4 -1 -6 0l-39 26s17 11 25 17c5 3 9 6 14 9c1 1 4 2 5 1zM109 211l30 -20l-30 -20v40zM224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM363 151v81
+c0 6 -2 9 -7 12c-41 27 -83 55 -124 82c-6 4 -11 4 -17 0c-41 -27 -81 -54 -122 -81c-5 -3 -8 -8 -8 -14v-80c0 -6 3 -10 8 -13c41 -27 81 -55 122 -82c6 -4 11 -4 17 0c41 27 82 55 123 82c5 3 8 7 8 13zM284 175c2 2 5 2 7 0l38 -26l-93 -62v51c0 3 1 4 3 6
+c15 10 30 21 45 31zM338 171l-30 20l30 20v-40z" />
+    <glyph glyph-name="ion-social-css3-outline" unicode="&#xf4de;" horiz-adv-x="384" 
+d="M291 81l-99 -28l-98 28l-7 78h48l4 -40l53 -15v0v0l54 15l5 64h-112l-4 50h121l4 51h-184l-4 49h241zM0 416h384l-35 -403l-157 -45l-157 45zM319 37l30 347h-314l30 -347l127 -36z" />
+    <glyph glyph-name="ion-social-css3" unicode="&#xf4df;" horiz-adv-x="384" 
+d="M192 109v0zM0 416h384l-35 -403l-157 -45l-157 45zM291 81l22 252h-241l4 -49h184l-4 -51h-121l4 -50h112l-5 -64l-54 -15v0v0l-53 15l-4 40h-48l7 -78l98 -28z" />
+    <glyph glyph-name="ion-social-designernews-outline" unicode="&#xf22a;" 
+d="M259 302v-53l-65 103zM0 188zM297 352l151 -119v-201h-248l-200 156h63c46 0 77 33 77 82c0 20 -5 37 -15 51l-3 3l37 -29v-107h41l-2 98l63 -98h36v84v80zM432 48v178l-119 92v1v-47v-83v-17h-15h-37h-9l-4 8l-33 50l1 -42v-16h-16h-41h-16v16v29c-3 -6 -7 -12 -12 -17
+c-8 -9 -18 -16 -30 -21s-24 -7 -38 -7h-16l159 -124h226zM59 298h-1h-3v-57h4c8 0 13 2 17 6c5 6 6 15 6 22c0 26 -12 29 -23 29zM59 314v0c25 0 39 -16 39 -45c0 -28 -14 -44 -40 -44h-19v89h20z" />
+    <glyph glyph-name="ion-social-designernews" unicode="&#xf22b;" 
+d="M258 303l1 -53l-64 102zM297 352l151 -118v-202h-248l-200 157v0h63c46 0 77 33 77 82c0 20 -5 37 -15 51l-3 3l37 -29v-107h40l-2 99l64 -99h36v83v80zM98 270c0 -28 -14 -44 -40 -44h-19v89h19c26 0 40 -16 40 -45z" />
+    <glyph glyph-name="ion-social-dribbble-outline" unicode="&#xf22c;" horiz-adv-x="384" 
+d="M192 384c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192zM314 296c-17 -25 -47 -47 -85 -64c5 -10 9 -20 13 -31c33 3 75 4 110 2c-2 35 -16 68 -38 93zM192 352c-14 0 -26 -2 -39 -5c23 -23 43 -53 62 -87c34 14 62 33 79 55
+c-28 23 -63 37 -102 37zM120 334c-41 -21 -71 -58 -83 -103h25c44 0 85 6 121 17c-19 34 -40 63 -63 86zM32 200v-8c0 -40 15 -78 40 -106c24 45 67 83 122 106c4 2 8 3 14 4c-3 8 -6 16 -10 24c-40 -13 -88 -20 -138 -21c-9 0 -19 1 -28 1zM192 32c20 0 39 3 57 10
+c-3 25 -8 53 -15 79c-4 17 -10 33 -16 49c-7 -2 -13 -4 -17 -6c-48 -22 -86 -56 -107 -98c27 -21 61 -34 98 -34zM278 58c40 26 68 67 73 116c-30 2 -68 3 -99 0c4 -12 9 -25 12 -38c7 -27 11 -52 14 -78z" />
+    <glyph glyph-name="ion-social-dribbble" unicode="&#xf22d;" horiz-adv-x="384" 
+d="M192 384c106 0 192 -86 192 -192s-86 -192 -192 -192s-192 86 -192 192s86 192 192 192zM192 32c88 0 160 72 160 160s-72 160 -160 160s-160 -72 -160 -160s72 -160 160 -160zM242 201c-4 11 -8 21 -13 31c25 11 47 24 63 39c15 -19 26 -42 28 -67c-26 0 -55 -1 -78 -3z
+M271 292c-15 -12 -34 -23 -56 -32c-12 22 -24 41 -38 59c5 1 10 1 15 1c30 0 57 -11 79 -28zM142 310c15 -18 28 -39 41 -62c-34 -10 -72 -16 -113 -17c11 36 38 65 72 79zM319 176c-4 -33 -21 -63 -46 -83c-3 14 -5 28 -9 43c-3 13 -8 26 -12 38c21 2 45 3 67 2zM194 192
+c-43 -18 -79 -46 -104 -78c-16 22 -26 49 -26 78v7c49 1 95 8 134 21c4 -8 7 -16 10 -24c-6 -1 -10 -2 -14 -4zM219 170c6 -16 11 -32 15 -49c4 -15 7 -31 10 -46c-16 -7 -34 -11 -52 -11c-31 0 -59 11 -81 29c22 30 53 54 90 71c4 2 11 4 18 6z" />
+    <glyph glyph-name="ion-social-dropbox-outline" unicode="&#xf22e;" horiz-adv-x="384" 
+d="M113 371l79 -66l-114 -71l-78 63zM27 295l52 -42l86 53l-53 46zM306 235l78 -63l-78 -51v-39l-114 -69l-114 68v39l-78 52l78 63l114 -71l-79 -66l-19 12v-20l98 -59l98 59v20l-19 -12l-79 66zM79 217l-52 -44l85 -55l53 44zM219 162l53 -44l85 56l-52 43zM384 297
+l-78 -63l-114 71l79 66zM219 305l86 -52l52 42l-85 56z" />
+    <glyph glyph-name="ion-social-dropbox" unicode="&#xf22f;" horiz-adv-x="384" 
+d="M113 371l79 -66l-114 -71l-78 63zM0 172l78 62l114 -70l-79 -66zM192 164l114 70l78 -62l-113 -74zM384 297l-78 -63l-114 71l79 66zM192 150l80 -66l34 22v-25l-114 -68l-114 68v25l34 -22z" />
+    <glyph glyph-name="ion-social-euro-outline" unicode="&#xf4e0;" horiz-adv-x="320" 
+d="M214 384c-53 0 -91 -9 -115 -27c-22 -16 -33 -40 -33 -74v-11v-17h-16h-34v-16h34h16v-15v-48v-17h-16h-34v-16h34h16v-15v-27c0 -34 11 -58 33 -74c24 -18 62 -27 115 -27c31 0 59 2 88 8l-5 35c-30 -4 -55 -7 -80 -7c-36 0 -59 6 -74 19c-19 16 -21 40 -21 60v13v15h16
+h103l3 16h-106h-16v17v48v15h16h118l2 16h-120h-16v17v2c0 16 2 39 21 55c16 13 39 19 74 19c24 0 51 -3 80 -7l5 35c-29 6 -57 8 -88 8zM214 400v0c35 0 68 -3 106 -12l-9 -65c-37 6 -68 9 -94 9c-64 0 -79 -22 -79 -58v-3h139l-8 -48h-131v-48h124l-7 -48h-117v-12
+c0 -44 15 -63 79 -63c26 0 57 3 94 9l9 -65c-38 -9 -71 -12 -106 -12c-115 0 -164 41 -164 117v26h-50v48h50v48h-50v48h50v12c0 76 49 117 164 117z" />
+    <glyph glyph-name="ion-social-euro" unicode="&#xf4e1;" horiz-adv-x="320" 
+d="M138 176h124l-7 -48h-117v-13c0 -44 15 -63 79 -63c26 0 56 3 93 9l10 -65c-38 -9 -71 -12 -106 -12c-115 0 -164 41 -164 117v27h-50v48h50v48h-50v48h50v11c0 76 49 117 164 117c35 0 68 -3 106 -12l-10 -65c-37 6 -67 9 -93 9c-64 0 -79 -22 -79 -58v-2h138l-7 -48
+h-131v-48z" />
+    <glyph glyph-name="ion-social-facebook-outline" unicode="&#xf230;" horiz-adv-x="192" 
+d="M128 256h64l-8 -64h-56v-192h-83v192h-45v64h45v43c0 54 23 85 91 85h56v-64h-34c-27 0 -30 -9 -30 -26v-38zM170 208l4 32h-45h-17v17v37c0 10 1 21 9 30c10 11 25 12 37 12h18v32h-40c-28 0 -49 -6 -60 -18c-10 -11 -15 -27 -15 -51v-43v-16h-15h-30v-32h30h15v-16
+v-176h51v176v16h17h41z" />
+    <glyph glyph-name="ion-social-facebook" unicode="&#xf231;" horiz-adv-x="192" 
+d="M128 256h64l-8 -64h-56v-192h-83v192h-45v64h45v43c0 54 23 85 91 85h56v-64h-34c-27 0 -30 -9 -30 -26v-38z" />
+    <glyph glyph-name="ion-social-foursquare-outline" unicode="&#xf34c;" horiz-adv-x="320" 
+d="M302 284c-12 -60 -25 -131 -27 -138zM281 416c35 0 45 -20 37 -57c-3 -16 -10 -44 -16 -75l-27 -137c-3 -13 -8 -35 -39 -35h-72c-3 0 -3 0 -6 -3c-2 -2 -115 -133 -115 -133c-9 -10 -23 -8 -28 -6s-15 8 -15 26v380s10 40 43 40h238zM280 352c6 31 6 32 -24 32h-195
+c-29 0 -29 -3 -29 -28v-297c0 -38 1 -38 3 -38s10 8 29 31c0 0 78 89 79 90c2 2 3 2 6 2h62c26 0 28 6 33 31c4 21 36 177 36 177zM302 284c6 31 13 59 16 75zM233 352c5 0 9 -5 8 -11l-8 -44c-1 -4 -6 -9 -11 -9h-75c-8 0 -8 -5 -8 -13v-6c0 -8 0 -13 8 -13h64
+s11 -6 10 -12s-11 -51 -12 -54s-4 -9 -11 -9h-62c-9 0 -11 -1 -17 -8l-54 -63c-1 -1 -1 -1 -1 0v231c0 5 5 11 11 11h158z" />
+    <glyph glyph-name="ion-social-foursquare" unicode="&#xf34d;" horiz-adv-x="320" 
+d="M281 416c35 0 45 -20 37 -57c-10 -49 -40 -202 -43 -213c-3 -13 -8 -34 -39 -34h-72c-3 0 -3 0 -6 -3c-2 -2 -115 -133 -115 -133c-9 -10 -23 -8 -28 -6s-15 8 -15 26v380s10 40 43 40h238zM275 146c3 11 33 164 43 213zM267 351c2 9 -5 16 -12 16h-191
+c-9 0 -15 -8 -15 -15v-296c0 -1 1 -1 2 0c0 0 70 84 78 94s11 11 23 11h64c9 0 14 8 15 12s8 43 10 51s-6 16 -13 16h-82c-10 0 -18 8 -18 18v13c0 10 8 17 18 17h96s14 6 15 12z" />
+    <glyph glyph-name="ion-social-freebsd-devil" unicode="&#xf2c4;" horiz-adv-x="512" 
+d="M503 333c19 -37 8 -81 -20 -108s-60 -33 -60 -33c2 -32 16 -59 -41 -102c-43 -32 2 -90 2 -90c10 -14 23 -19 32 -32h-272s15 14 -7 32c0 0 -20 17 -18 29s6 13 9 15s0 7 0 7l-19 19s-13 -13 -44 -13c-38 0 -65 39 -65 39h46s-6 -8 -7 -13c-1 -4 1 -5 1 -5s11 -6 22 -6
+c17 0 33 12 33 12l-24 22l-15 -4l-16 37l39 -10l-1 -15l28 -18s9 9 7 27s-9 26 -9 26s-4 0 -9 -4s-6 -6 -6 -6l-10 44s43 -19 50 -63c3 -20 -6 -35 -6 -35l17 -10s6 5 17 7s23 2 29 -8s5 -12 4 -19s0 -9 6 -11s6 -6 11 -8s15 -6 21 -2s8 11 8 18v16s-9 8 -32 20
+s-54 22 -66 40s-12 44 0 57c9 10 23 25 26 35c4 14 4 42 4 42s-10 16 -8 40c2 30 22 84 96 114c0 0 -40 -55 -20 -80c0 0 37 11 77 9c31 -2 56 -12 73 -28s25 -23 47 -17s28 17 28 33c0 19 -16 51 -16 51s36 -7 58 -51zM195 245c14 4 21 -11 21 -11c14 25 30 60 22 64
+s-64 -25 -66 -88c0 0 6 31 23 35zM232 230c5 7 34 8 37 -17c4 -35 -24 -57 -24 -57s7 -2 23 2c17 4 43 29 43 70s-21 66 -41 62s-38 -60 -38 -60z" />
+    <glyph glyph-name="ion-social-github-outline" unicode="&#xf232;" 
+d="M224 416c124 0 224 -103 224 -230c0 -101 -64 -188 -153 -218h-4c-8 0 -12 7 -12 12c0 8 1 31 1 62c0 21 -8 36 -16 43c50 6 103 25 103 113c0 25 -9 46 -23 62c2 6 10 29 -2 61h-5c-8 0 -27 -3 -57 -24c-18 5 -37 8 -56 8s-38 -3 -56 -8c-30 21 -49 24 -57 24h-5
+c-12 -32 -4 -55 -2 -61c-14 -16 -23 -37 -23 -62c0 -88 52 -107 102 -113c-6 -6 -12 -16 -14 -31c-6 -3 -16 -6 -26 -6c-13 0 -28 5 -39 25c0 0 -13 22 -35 24v0c-2 0 -21 0 -1 -14c0 0 15 -8 25 -34c0 0 10 -33 53 -33c7 0 14 0 22 2v-39c0 -5 -3 -11 -11 -11h-4
+c-89 30 -153 116 -153 218c0 127 100 230 224 230zM146 -0c-15 0 -28 4 -38 9c14 -10 28 -17 44 -23v6v8h-6zM157 73c-16 4 -35 10 -52 24c6 -6 11 -11 13 -16c7 -12 14 -17 25 -17c4 0 9 1 12 2c1 2 1 5 2 7zM347 14c17 13 32 28 45 46c26 37 40 80 40 126
+c0 29 -5 58 -16 84c-10 25 -26 48 -45 68s-41 34 -66 45c-26 11 -53 17 -81 17s-55 -6 -81 -17c-25 -11 -47 -25 -66 -45s-35 -42 -45 -68c-11 -26 -16 -55 -16 -84c0 -46 14 -89 40 -126c10 -14 22 -27 35 -38c-7 8 -11 16 -13 22c-7 18 -15 24 -17 25h-2v1
+c-5 3 -20 13 -15 28c3 9 12 15 25 15h1v0v0c13 -1 24 -6 32 -13c-21 19 -37 48 -37 98c0 24 7 47 21 66c-3 13 -6 34 5 62l3 8l7 2c2 0 5 1 10 1c12 0 31 -3 60 -22c17 4 35 6 53 6v0v0c18 0 36 -2 53 -6c29 19 48 22 60 22c5 0 8 -1 10 -1l7 -2l3 -7c11 -27 8 -50 5 -63
+c14 -19 21 -41 21 -66c0 -92 -55 -117 -92 -125c3 -8 5 -18 5 -30v-51v-6c18 7 35 16 51 28z" />
+    <glyph glyph-name="ion-social-github" unicode="&#xf233;" 
+d="M224 416c124 0 224 -103 224 -230c0 -101 -64 -188 -153 -218h-4c-8 0 -12 7 -12 12c0 8 1 31 1 62c0 21 -8 36 -16 43c50 6 103 25 103 113c0 25 -9 46 -23 62c2 6 10 29 -2 61h-5c-8 0 -27 -3 -57 -24c-18 5 -37 8 -56 8s-38 -3 -56 -8c-30 21 -49 24 -57 24h-5
+c-12 -32 -4 -55 -2 -61c-14 -16 -23 -37 -23 -62c0 -88 52 -107 102 -113c-6 -6 -12 -16 -14 -31c-6 -3 -16 -6 -26 -6c-13 0 -28 5 -39 25c0 0 -13 22 -35 24v0c-2 0 -21 0 -1 -14c0 0 15 -8 25 -34c0 0 10 -33 53 -33c7 0 14 0 22 2v-39c0 -5 -3 -11 -11 -11h-4
+c-89 30 -153 116 -153 218c0 127 100 230 224 230z" />
+    <glyph glyph-name="ion-social-google-outline" unicode="&#xf34e;" horiz-adv-x="256" 
+d="M191 366c12 -10 37 -30 37 -68c0 -37 -21 -55 -43 -72c-7 -7 -15 -13 -15 -24s8 -17 14 -22l18 -14c23 -19 43 -36 43 -71c0 -47 -47 -95 -135 -95c-74 0 -110 35 -110 72c0 18 10 44 40 62c32 19 75 21 98 23c-7 9 -16 18 -16 34c0 9 2 14 5 20c-6 0 -11 -1 -16 -1
+c-54 0 -85 40 -85 79c0 23 11 48 33 67c29 24 63 28 91 28h106l-33 -18h-32zM155 142c-4 1 -7 1 -12 1s-32 -1 -54 -8c-11 -4 -44 -16 -44 -52s36 -62 91 -62c49 0 75 24 75 55c0 26 -17 39 -56 66zM170 238c12 12 13 28 13 37c0 36 -22 92 -65 92c-13 0 -28 -6 -36 -16
+c-9 -11 -11 -25 -11 -38c0 -34 20 -89 64 -89c13 0 27 6 35 14z" />
+    <glyph glyph-name="ion-social-google" unicode="&#xf34f;" horiz-adv-x="288" 
+d="M210 172c22 -18 45 -36 45 -73c0 -49 -48 -99 -140 -99c-80 0 -115 39 -115 77c0 10 3 42 42 65c27 16 61 20 85 22c-4 7 -8 16 -8 27c0 4 0 7 1 10h-4c-19 0 -46 4 -67 26c-15 15 -24 36 -24 57c0 26 13 53 35 71v0c32 25 70 29 95 29h133l-60 -33h-13
+c11 -13 23 -31 23 -58c0 -40 -25 -59 -45 -74v-1c-6 -6 -11 -10 -11 -17c0 -6 4 -10 10 -15v0zM85 308c0 -13 4 -33 14 -51c7 -12 20 -27 41 -27c10 0 21 4 28 11c10 10 10 25 10 30c0 18 -6 38 -15 54c-7 13 -20 27 -40 27c-11 0 -22 -5 -29 -13c-6 -7 -9 -18 -9 -31z
+M206 80c0 20 -13 31 -50 56c-3 0 -4 1 -8 1c-6 0 -32 -2 -51 -8c-16 -6 -37 -16 -37 -42c0 -31 32 -51 80 -51c41 0 66 17 66 44z" />
+    <glyph glyph-name="ion-social-googleplus-outline" unicode="&#xf234;" 
+d="M192 366c12 -10 36 -30 36 -68c0 -37 -21 -55 -43 -72c-7 -7 -15 -13 -15 -24s8 -18 14 -22l18 -14c23 -19 43 -36 43 -71c0 -47 -47 -95 -135 -95c-74 0 -110 35 -110 72c0 18 10 44 40 62c32 19 75 21 98 23c-7 9 -16 18 -16 34c0 9 3 14 5 20c-6 0 -11 -1 -16 -1
+c-54 0 -85 40 -85 79c0 23 10 48 32 67c29 24 64 28 92 28h106l-33 -18h-31zM155 142c-4 0 -7 1 -12 1s-32 -1 -54 -8c-11 -4 -44 -16 -44 -52s36 -62 91 -62c49 0 75 24 75 55c0 26 -17 39 -56 66zM170 238c12 12 13 28 13 37c0 36 -22 92 -65 92c-13 0 -28 -6 -36 -16
+c-9 -11 -11 -24 -11 -37c0 -34 20 -90 64 -90c13 0 27 6 35 14zM448 306v-18h-78v-81h-18v81h-80v18h80v78h18v-78h78z" />
+    <glyph glyph-name="ion-social-googleplus" unicode="&#xf235;" 
+d="M210 172c22 -18 45 -36 45 -73c0 -49 -47 -99 -139 -99c-80 0 -116 39 -116 77c0 10 3 42 42 65c27 16 61 21 85 23c-4 7 -8 15 -8 26c0 4 0 7 1 10h-4c-19 0 -46 4 -67 26c-15 15 -24 36 -24 57c0 26 13 53 35 71v0c32 25 69 29 94 29h134l-60 -33h-13
+c11 -13 23 -31 23 -58c0 -40 -25 -59 -45 -74v-1c-6 -6 -11 -10 -11 -17c0 -6 4 -10 10 -15v0zM85 308c0 -13 4 -33 14 -51c7 -12 21 -27 41 -27c10 0 21 4 28 11c10 10 10 25 10 30c0 18 -6 37 -15 53c-8 13 -20 28 -40 28c-11 0 -23 -5 -29 -13c-6 -7 -9 -18 -9 -31z
+M206 80c0 20 -13 31 -50 56c-3 0 -4 1 -8 1c-6 0 -31 -2 -50 -8c-16 -6 -38 -16 -38 -42c0 -31 32 -51 80 -51c41 0 66 17 66 44zM370 306h78v-34h-78v-81h-34v81h-80v34h80v78h34v-78z" />
+    <glyph glyph-name="ion-social-hackernews-outline" unicode="&#xf236;" horiz-adv-x="384" 
+d="M352 352h-320v-320h320v320zM384 384v0v-384h-384v384h384zM233 289h45l-64 -120v-72h-40v72l-66 120h47l40 -84z" />
+    <glyph glyph-name="ion-social-hackernews" unicode="&#xf237;" horiz-adv-x="384" 
+d="M0 384h384v-384h-384v384zM214 169l64 120h-45l-38 -84l-40 84h-47l66 -120v-72h40v72z" />
+    <glyph glyph-name="ion-social-html5-outline" unicode="&#xf4e2;" horiz-adv-x="384" 
+d="M0 416h384l-35 -403l-157 -45l-157 45zM319 37l30 347h-314l30 -347l127 -36zM84 184l-13 150h241l-4 -50h-184l4 -51h176l-14 -151l-98 -28l-99 28l-6 77h48l3 -39l54 -15l53 15l6 64h-167z" />
+    <glyph glyph-name="ion-social-html5" unicode="&#xf4e3;" horiz-adv-x="384" 
+d="M0 416h384l-35 -403l-157 -45l-157 45zM308 284l4 50h-241l13 -150h167l-6 -64l-53 -15l-54 15l-3 39h-48l6 -78l99 -27l98 28l14 151h-176l-4 51h184z" />
+    <glyph glyph-name="ion-social-instagram-outline" unicode="&#xf350;" horiz-adv-x="384" 
+d="M384 336v-289c0 -26 -22 -47 -48 -47h-288c-26 0 -48 21 -48 47v289c0 26 22 48 48 48h288c26 0 48 -22 48 -48zM192 272c-44 0 -80 -36 -80 -80s36 -80 80 -80s80 36 80 80s-36 80 -80 80zM352 288v48c0 9 -7 16 -16 16h-48c-9 0 -16 -7 -16 -16v-48c0 -9 7 -16 16 -16
+h48c9 0 16 7 16 16zM337 32c9 0 15 7 15 16v176h-52c3 -10 4 -21 4 -32c0 -30 -11 -58 -32 -79s-50 -33 -80 -33s-58 12 -79 33s-33 49 -33 79c0 11 2 22 5 32h-53v-176c0 -9 8 -16 17 -16h288z" />
+    <glyph glyph-name="ion-social-instagram" unicode="&#xf351;" horiz-adv-x="384" 
+d="M112 192c0 53 27 80 80 80s80 -27 80 -80s-27 -80 -80 -80s-80 27 -80 80zM113 271c-14 -14 -23 -29 -28 -47h-85v112c0 13 4 25 14 34s22 14 35 14h288c13 0 24 -5 33 -14s14 -21 14 -34v-112h-84c-5 18 -14 33 -28 47c-22 22 -49 33 -80 33s-57 -11 -79 -33zM352 300
+v39c0 4 -2 7 -4 9s-5 4 -9 4h-38c-4 0 -7 -2 -9 -4s-4 -5 -4 -9v-39c0 -4 2 -7 4 -9s5 -3 9 -3h38c4 0 7 1 9 3s4 5 4 9zM272 113c22 22 32 48 32 79h80v-144c0 -13 -5 -24 -14 -34s-20 -14 -33 -14h-288c-13 0 -24 4 -34 14s-15 21 -15 34v144h81c0 -31 10 -57 32 -79
+s48 -33 79 -33s58 11 80 33z" />
+    <glyph glyph-name="ion-social-javascript-outline" unicode="&#xf4e4;" 
+d="M160 344h-48v-196c0 -30 -6 -50 -17 -64c-11 -13 -26 -20 -48 -20c-9 0 -18 1 -25 2l-4 -30c11 -2 25 -4 37 -4c34 0 59 8 76 25c19 18 29 48 29 90v197zM176 360v0v-213c0 -97 -49 -131 -121 -131c-18 0 -40 3 -55 8l8 62c10 -4 24 -6 39 -6c31 0 49 15 49 68v212h80z
+M350 352c-34 0 -62 -9 -82 -26c-19 -15 -28 -36 -28 -60c0 -20 7 -36 21 -51c14 -14 34 -26 61 -36c23 -8 38 -15 48 -24c12 -11 18 -23 18 -38c0 -16 -7 -31 -20 -40c-12 -9 -28 -14 -48 -14c-28 0 -52 8 -70 15l-7 -32c18 -8 44 -14 72 -14c38 0 70 9 90 27
+c18 16 27 38 27 63c0 21 -5 36 -17 50s-31 27 -58 37v0v0c-38 15 -72 28 -72 63c0 14 7 27 19 36c11 9 26 13 45 13c24 0 43 -5 57 -11l10 32c-19 6 -42 10 -66 10zM350 368v0c38 0 65 -7 85 -16l-19 -64c-13 7 -35 17 -67 17s-48 -16 -48 -33c0 -22 19 -31 62 -48
+c58 -22 85 -53 85 -102c0 -57 -42 -106 -133 -106c-38 0 -72 10 -91 21l15 63v0c20 -11 49 -21 81 -21c34 0 52 15 52 38c0 21 -15 33 -55 47c-55 20 -93 52 -93 102c0 58 49 102 126 102z" />
+    <glyph glyph-name="ion-social-javascript" unicode="&#xf4e5;" 
+d="M176 360v0v-213c0 -97 -49 -131 -121 -131c-18 0 -40 3 -55 8l8 62c10 -4 24 -6 39 -6c31 0 49 15 49 68v212h80zM350 368v0c38 0 65 -7 85 -16l-19 -64c-13 7 -35 17 -67 17s-48 -16 -48 -33c0 -22 19 -31 62 -48c58 -22 85 -53 85 -102c0 -57 -42 -106 -133 -106
+c-38 0 -72 10 -91 21l15 63v0c20 -11 49 -21 81 -21c34 0 52 15 52 38c0 21 -15 33 -55 47c-55 20 -93 52 -93 102c0 58 49 102 126 102z" />
+    <glyph glyph-name="ion-social-linkedin-outline" unicode="&#xf238;" horiz-adv-x="384" 
+d="M119 64v0h-55v171h55v-171zM93 261v0v0c-18 0 -29 13 -29 29c0 17 12 30 30 30s29 -13 29 -30c0 -16 -12 -29 -30 -29zM257 239c36 0 63 -24 63 -75v-100h-55v94c0 22 -8 37 -28 37c-15 0 -24 -10 -28 -20c-2 -4 -2 -9 -2 -14v-97h-55v171h55v-24c8 11 21 28 50 28z
+M353 384c18 0 31 -13 31 -30v-321c0 -17 -13 -33 -31 -33h-320c-18 0 -33 16 -33 33v321c0 17 15 30 33 30h320zM350 32c1 0 2 1 2 2v316c0 1 -1 2 -2 2h-316s-2 -1 -2 -2v-315s1 -3 3 -3h315z" />
+    <glyph glyph-name="ion-social-linkedin" unicode="&#xf239;" horiz-adv-x="384" 
+d="M353 384c18 0 31 -13 31 -30v-321c0 -17 -13 -33 -31 -33h-320c-18 0 -33 16 -33 33v321c0 17 15 30 33 30h320zM119 64v171h-55v-171h55zM93 261c18 0 30 13 30 29c0 17 -11 30 -29 30s-30 -13 -30 -30c0 -16 11 -29 29 -29v0zM320 64v100c0 51 -27 75 -63 75
+c-29 0 -42 -17 -50 -28v24h-55v-171h55v97c0 5 0 10 2 14c4 10 13 20 28 20c20 0 28 -15 28 -37v-94h55z" />
+    <glyph glyph-name="ion-social-markdown" unicode="&#xf4e6;" 
+d="M416 352c18 0 32 -14 32 -32v-256c0 -18 -14 -32 -32 -32h-384c-18 0 -32 14 -32 32v256c0 18 14 32 32 32h384zM252 96v0v192h-56l-42 -68l-42 68h-56v-192h56v96l42 -54l42 54v-96h56zM336 96v0l70 96h-42v96h-56v-96h-42z" />
+    <glyph glyph-name="ion-social-nodejs" unicode="&#xf4e7;" horiz-adv-x="384" 
+d="M192 -32c-6 0 -12 2 -17 5l-53 32c-8 5 -4 6 -1 7c11 4 14 5 25 12c1 1 3 1 4 0l39 -23c1 -1 4 -1 5 0l156 92c1 1 2 2 2 4v187c0 2 0 4 -2 5l-156 94c-1 1 -3 1 -4 0l-155 -94c-2 -1 -3 -3 -3 -5v-187c0 -2 0 -3 2 -4l40 -24c24 -12 38 1 38 15v183c0 3 2 5 5 5h22
+c3 0 5 -2 5 -5v-183c0 -33 -19 -52 -49 -52c-9 0 -17 1 -37 11l-41 24c-10 6 -17 18 -17 30v190c0 12 7 24 17 30l158 95c10 6 24 6 34 0l158 -95c10 -6 17 -18 17 -30v-190c0 -12 -7 -24 -17 -30l-158 -94c-5 -3 -11 -5 -17 -5v0zM241 96c-65 0 -84 31 -84 59c0 3 1 5 4 5
+h21c2 0 5 -2 5 -4c3 -22 16 -31 54 -31c33 0 47 11 47 29c0 11 -3 18 -55 23c-43 4 -71 15 -71 51c0 33 28 52 73 52c46 0 76 -14 79 -51c0 -1 -1 -2 -2 -3s-2 -2 -3 -2h-20c-2 0 -5 2 -5 4c-4 17 -16 23 -49 23c-36 0 -41 -12 -41 -22c0 -12 5 -16 54 -23s72 -16 72 -51
+c0 -36 -29 -59 -79 -59v0v0z" />
+    <glyph glyph-name="ion-social-octocat" unicode="&#xf4e8;" 
+d="M146 161c9 0 16 -4 22 -13s10 -20 10 -32s-4 -22 -10 -31s-14 -13 -22 -13c-9 0 -17 4 -23 13s-9 19 -9 31s3 24 9 32c6 9 14 13 23 13zM303 161c9 0 16 -4 22 -13s9 -20 9 -32s-3 -22 -9 -31s-13 -13 -22 -13s-18 4 -24 13s-9 19 -9 31s3 24 9 32c6 9 15 13 24 13z
+M414 276c24 -27 34 -66 34 -96c0 -24 -1 -46 -6 -65c-6 -19 -13 -35 -21 -47c-9 -12 -19 -23 -32 -32s-24 -17 -34 -21s-22 -8 -36 -10c-13 -2 -24 -4 -31 -4c0 0 -28 -1 -64 -1s-64 1 -64 1c-7 0 -18 2 -31 4c-14 2 -26 6 -36 10s-22 12 -34 21c-13 9 -23 20 -32 32
+c-8 12 -15 28 -21 47c-5 19 -6 41 -6 65c0 31 10 70 34 96c0 0 -2 14 0 39s7 48 16 69c30 -3 67 -20 112 -51c15 4 36 6 62 6c28 0 48 -2 62 -6c20 14 39 24 58 33c19 8 33 13 41 15s13 3 13 3c9 -21 14 -44 16 -69s0 -39 0 -39v0zM348 42c28 13 42 40 42 81
+c0 24 -8 43 -26 59c-9 9 -20 13 -32 15s-31 1 -56 -1s-40 -4 -52 -4s-25 2 -42 3s-30 3 -39 3c-10 0 -20 1 -31 -2s-21 -7 -28 -14c-17 -15 -25 -35 -25 -59c0 -41 13 -68 41 -81c27 -13 69 -18 123 -18h2c54 0 95 5 123 18z" />
+    <glyph glyph-name="ion-social-pinterest-outline" unicode="&#xf2b0;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224s-224 100 -224 224s100 224 224 224zM360 56c36 36 56 85 56 136s-20 100 -56 136s-85 56 -136 56s-100 -20 -136 -56s-56 -85 -56 -136s20 -100 56 -136c14 -14 31 -25 48 -34c1 6 2 10 3 16c4 18 29 122 29 122
+s-8 15 -8 36c0 33 20 58 44 58c20 0 30 -16 30 -34c0 -20 -13 -51 -20 -79c-6 -24 12 -43 35 -43c42 0 71 54 71 119c0 49 -33 85 -93 85c-68 0 -110 -50 -110 -107c0 -20 6 -33 15 -44c4 -5 5 -6 3 -12c-1 -4 -4 -14 -5 -18c-2 -6 -6 -8 -11 -6c-31 13 -46 48 -46 86
+c0 64 54 140 160 140c86 0 142 -63 142 -129c0 -88 -49 -153 -121 -153c-24 0 -47 13 -55 28c0 0 -12 -52 -15 -62c-2 -6 -4 -13 -7 -19c15 -4 31 -6 47 -6c51 0 100 20 136 56z" />
+    <glyph glyph-name="ion-social-pinterest" unicode="&#xf2b1;" 
+d="M224 416c124 0 224 -100 224 -224s-100 -224 -224 -224c-22 0 -44 3 -64 9c8 14 18 31 23 48c3 10 16 62 16 62c8 -15 30 -28 54 -28c72 0 121 65 121 153c0 66 -56 129 -142 129c-106 0 -160 -76 -160 -140c0 -39 15 -73 46 -86c5 -2 10 0 12 6c1 4 3 14 4 18
+c2 6 1 7 -3 12c-9 11 -15 24 -15 44c0 57 42 107 110 107c60 0 94 -36 94 -85c0 -65 -29 -119 -71 -119c-24 0 -42 19 -36 43c7 28 20 59 20 79c0 18 -10 34 -30 34c-24 0 -43 -25 -43 -58c0 -21 7 -36 7 -36s-25 -104 -29 -122c-4 -17 -5 -35 -4 -51
+c-79 35 -134 113 -134 205c0 124 100 224 224 224z" />
+    <glyph glyph-name="ion-social-python" unicode="&#xf4e9;" horiz-adv-x="384" 
+d="M129 199c-29 -5 -49 -30 -49 -57v-43v-3h-15c-29 0 -54 29 -62 69c-2 9 -3 17 -3 27v1c0 53 29 95 65 95h127v16h-96v29c0 26 7 40 46 47c13 2 29 4 45 4s39 -1 55 -4c25 -4 46 -22 46 -47v-57v-31c0 -21 -14 -38 -33 -43c-4 -1 -8 -2 -13 -2h-104h3c-4 0 -8 0 -12 -1z
+M140 321c10 0 17 7 17 17s-7 18 -17 18s-18 -8 -18 -18s8 -17 18 -17zM380 225c3 -10 4 -21 4 -33c0 -16 -3 -30 -7 -43c-11 -31 -33 -53 -58 -53h-127v-16h96v-26c0 -26 -23 -40 -46 -47c-35 -10 -68 -9 -97 0c-25 7 -49 22 -49 47v54v33c0 21 14 36 33 41c4 1 8 2 13 2
+h104c3 0 6 1 9 1c27 4 49 28 49 62v38v3h15c28 0 52 -26 61 -63zM244 65c-10 0 -18 -7 -18 -17s8 -18 18 -18s17 8 17 18s-7 17 -17 17z" />
+    <glyph glyph-name="ion-social-reddit-outline" unicode="&#xf23a;" horiz-adv-x="449" 
+d="M259 160c0 21 11 31 32 31s32 -10 32 -31s-11 -32 -32 -32s-32 11 -32 32zM127 160c0 21 11 31 32 31s32 -10 32 -31s-11 -32 -32 -32s-32 11 -32 32zM449 197c0 -20 -9 -36 -27 -45c1 -5 1 -9 1 -14c0 -38 -19 -71 -58 -98s-85 -40 -140 -40s-102 13 -141 40
+s-58 59 -58 97c0 5 0 10 1 15c-18 9 -27 24 -27 45c0 14 5 25 15 35s21 15 35 15c13 0 24 -4 33 -13c36 25 79 39 129 41h7l29 98l86 -17c8 19 21 28 41 28c12 0 22 -4 31 -13s13 -20 13 -32s-4 -23 -13 -32s-19 -13 -31 -13s-23 4 -32 13s-13 19 -13 31l-69 14l-24 -77
+c50 -2 94 -16 129 -41c10 9 21 13 34 13c9 0 16 -3 24 -7s14 -10 18 -18s7 -16 7 -25zM375 366c-4 0 -8 -1 -11 -2s-6 -4 -8 -6s-5 -6 -6 -9s-2 -6 -2 -10c0 -8 3 -14 8 -19s12 -8 19 -8c5 0 9 1 13 3s8 6 10 10s4 9 4 14c0 8 -3 14 -8 19s-12 8 -19 8zM18 197
+c0 -11 5 -20 14 -27c7 19 19 37 37 53c-6 4 -12 6 -19 6c-3 0 -7 0 -10 -1s-6 -3 -9 -5s-5 -4 -7 -7s-4 -6 -5 -9s-1 -6 -1 -10zM355 55c34 23 50 51 50 83v9c-1 6 -3 12 -5 18c-6 16 -15 30 -30 43c-5 4 -10 9 -15 12v0c-36 25 -79 37 -130 37s-95 -12 -131 -37v0
+c-5 -3 -10 -8 -15 -12c-15 -13 -24 -27 -30 -43c-2 -6 -4 -12 -5 -18v-9c0 -32 16 -60 50 -83c36 -25 80 -37 131 -37s94 12 130 37zM417 170c9 6 14 16 14 27c0 9 -3 17 -9 23s-13 9 -22 9c-7 0 -14 -2 -20 -6c18 -16 30 -34 37 -53zM289 90l13 -12
+c-20 -20 -45 -30 -77 -30s-58 10 -78 30l13 12c16 -16 38 -24 65 -24s48 8 64 24z" />
+    <glyph glyph-name="ion-social-reddit" unicode="&#xf23b;" horiz-adv-x="449" 
+d="M449 197c0 -20 -11 -37 -27 -45c1 -5 1 -9 1 -14c0 -76 -89 -138 -199 -138s-198 61 -198 137c0 5 0 10 1 15c-16 8 -27 25 -27 45c0 28 23 50 50 50c13 0 24 -5 33 -13c33 23 79 39 129 41h2l31 103l90 -18c8 14 22 24 39 24v0h1c25 0 44 -20 44 -45s-19 -45 -44 -45h-1
+v0c-23 0 -42 17 -44 40l-67 14l-22 -74c49 -3 93 -17 125 -40c9 8 21 13 34 13c27 0 49 -22 49 -50zM34 177c5 15 15 29 29 41c-4 3 -9 5 -15 5c-14 0 -25 -11 -25 -25c0 -9 4 -17 11 -21zM358 339c0 -9 7 -17 16 -17s17 8 17 17s-8 17 -17 17s-16 -8 -16 -17zM127 160
+c0 -18 14 -32 32 -32s32 14 32 32s-14 31 -32 31s-32 -13 -32 -31zM224 48c48 0 77 29 78 30l-13 12s-25 -24 -65 -24c-41 0 -64 24 -64 24l-13 -12c1 -1 29 -30 77 -30zM291 128c18 0 32 14 32 32s-14 31 -32 31s-32 -13 -32 -31s14 -32 32 -32zM415 176c7 5 11 13 11 22
+c0 14 -11 25 -25 25c-6 0 -11 -2 -15 -5c14 -12 24 -27 29 -42z" />
+    <glyph glyph-name="ion-social-rss-outline" unicode="&#xf23c;" horiz-adv-x="384" 
+d="M56 112c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56zM56 16c22 0 40 18 40 40s-18 40 -40 40s-40 -18 -40 -40s18 -40 40 -40zM0 256c140 0 256 -116 256 -256h-80c0 48 -14 94 -48 128s-80 48 -128 48v80zM240 16c-2 26 -8 52 -19 77
+c-12 28 -30 54 -52 76s-48 40 -76 52c-25 10 -51 16 -77 18v-47c50 -3 92 -22 123 -53s50 -73 53 -123h48zM0 384c212 0 384 -172 384 -384h-80c0 171 -133 304 -304 304v80zM227 228c56 -56 89 -131 93 -212h48c-8 190 -162 344 -352 352v-48c81 -4 155 -36 211 -92z" />
+    <glyph glyph-name="ion-social-rss" unicode="&#xf23d;" horiz-adv-x="384" 
+d="M56 112c31 0 56 -25 56 -56s-25 -56 -56 -56s-56 25 -56 56s25 56 56 56zM0 256c140 0 256 -116 256 -256h-80c0 48 -14 94 -48 128s-80 48 -128 48v80zM0 384c212 0 384 -172 384 -384h-80c0 171 -133 304 -304 304v80z" />
+    <glyph glyph-name="ion-social-sass" unicode="&#xf4ea;" horiz-adv-x="512" 
+d="M512 119v-8c-1 -9 -7 -17 -15 -22s-12 -4 -13 -3s1 3 4 5c13 8 17 20 10 33c-5 10 -15 16 -26 20c-24 8 -48 7 -72 0c4 -12 7 -23 -2 -34c-10 -12 -23 -19 -39 -22c-7 -2 -14 2 -15 9c-3 19 17 36 30 47c-7 11 -11 24 -14 37c-15 -17 -31 -40 -26 -61
+c3 -14 -1 -27 -14 -36s-30 -14 -46 -11c-4 1 -6 5 -5 8c2 14 25 32 35 43c2 2 3 4 1 7c-6 12 -10 23 -14 36c-13 -29 -30 -80 -57 -98c-9 -6 -17 -4 -21 5c-3 8 -2 20 -1 29c-6 -13 -11 -27 -20 -38c-7 -8 -24 -7 -30 1c-16 21 -13 50 -5 73l-29 -15c7 -16 8 -32 4 -49
+c-5 -19 -17 -35 -35 -46c-19 -12 -64 -24 -77 4c-7 16 -4 30 6 44c17 24 48 37 74 50c-32 23 -80 42 -96 80c-15 35 17 68 43 89c59 48 166 95 244 59c15 -7 36 -24 31 -52c-4 -24 -13 -39 -28 -54c-32 -32 -152 -77 -176 -15c-1 1 -1 4 1 4c2 -1 20 -15 43 -16
+c17 -1 36 3 52 8c33 11 71 33 80 67c4 13 -2 28 -15 34c-49 24 -116 -4 -159 -26c-33 -17 -84 -45 -82 -87c1 -37 56 -60 81 -82c15 7 42 15 52 27c11 13 26 25 44 26c8 0 14 -3 16 -10c2 -6 1 -11 0 -19c5 4 11 4 15 -1c12 -14 -22 -50 -10 -66c14 14 21 42 30 59
+c4 8 17 51 26 53c7 2 18 4 25 0c2 -1 3 -3 2 -5c-7 -19 -7 -33 3 -52c14 20 29 43 34 67c1 2 3 3 5 4c7 2 18 3 25 0c3 -1 3 -2 2 -5c-7 -22 -6 -38 6 -58c31 11 69 15 97 -5c-3 2 -7 5 0 0c5 -4 3 -2 0 0c12 -8 19 -18 21 -32zM113 94v0c1 7 -1 13 -3 20
+c-24 -8 -66 -35 -64 -62c1 -10 8 -13 17 -12s19 7 27 13c14 11 22 24 23 41zM216 166c1 3 -2 5 -5 4c-29 -8 -43 -57 -33 -81c1 -3 4 -3 6 -1c17 16 28 56 32 78zM286 84c8 -3 27 17 26 27c-8 -9 -18 -18 -26 -27zM367 102c11 6 16 19 12 30c-8 -6 -21 -19 -20 -31
+c0 -2 6 0 8 1z" />
+    <glyph glyph-name="ion-social-skype-outline" unicode="&#xf23e;" horiz-adv-x="384" 
+d="M106 352c-41 0 -74 -33 -74 -73c0 -13 4 -25 10 -36l6 -11l-2 -12c-2 -10 -3 -20 -3 -30c0 -40 16 -77 44 -105s67 -44 107 -44c9 0 19 1 28 3l11 2l9 -5c11 -6 24 -9 36 -9c41 0 74 33 74 73c0 11 -3 22 -8 32l-5 10l3 11c2 10 3 21 3 32c0 40 -16 77 -44 105
+s-67 43 -107 43c-9 0 -18 0 -26 -2l-12 -2l-10 7c-12 7 -26 11 -40 11zM106 384v0c21 0 40 -6 56 -16c10 2 21 2 32 2c101 0 183 -80 183 -180c0 -13 -1 -27 -4 -39c7 -14 11 -29 11 -46c0 -58 -47 -105 -106 -105c-18 0 -35 4 -50 12c-11 -2 -22 -3 -34 -3
+c-101 0 -183 81 -183 181c0 12 2 24 4 36c-9 16 -15 34 -15 53c0 58 47 105 106 105zM288 104c-8 -12 -21 -21 -37 -28s-36 -10 -58 -10c-26 0 -48 5 -65 14c-12 7 -22 15 -30 26s-12 22 -12 33c0 7 3 12 8 17s11 7 19 7c6 0 12 -2 16 -6s7 -8 10 -15s7 -13 11 -18
+s8 -9 15 -12s16 -5 27 -5c15 0 28 4 37 10s13 13 13 22c0 7 -2 13 -7 17c-5 5 -11 9 -19 11c-8 3 -20 5 -34 8c-19 4 -35 9 -48 14c-13 6 -24 13 -32 23s-11 22 -11 36s4 25 12 36c8 10 20 19 36 25c15 6 34 8 54 8c16 0 30 -1 42 -5s23 -9 31 -15s14 -13 18 -20
+s5 -14 5 -21c0 -6 -2 -12 -7 -17s-11 -8 -19 -8c-7 0 -12 2 -16 5c-3 3 -7 7 -11 14c-5 8 -10 15 -16 20s-17 8 -31 8c-13 0 -23 -3 -31 -8s-12 -11 -12 -18c0 -4 2 -7 4 -10c3 -3 6 -6 11 -8s10 -5 15 -6s13 -3 25 -6c15 -3 28 -6 40 -10s23 -8 32 -14s15 -13 20 -22
+s8 -20 8 -32c0 -15 -5 -28 -13 -40z" />
+    <glyph glyph-name="ion-social-skype" unicode="&#xf23f;" horiz-adv-x="384" 
+d="M373 151c7 -14 11 -29 11 -46c0 -58 -47 -105 -106 -105c-18 0 -35 4 -50 12c-11 -2 -22 -3 -34 -3c-101 0 -183 81 -183 181c0 12 2 24 4 36c-9 16 -15 34 -15 53c0 58 47 105 106 105c21 0 41 -6 57 -16c10 2 20 2 31 2c101 0 183 -80 183 -180c0 -13 -1 -27 -4 -39z
+M288 104c9 12 12 25 12 40c0 12 -2 23 -7 32s-12 16 -21 22s-19 10 -31 14s-26 7 -41 10c-12 3 -20 5 -25 6s-10 4 -15 6s-7 5 -10 8c-2 3 -4 6 -4 10c0 7 3 13 11 18s19 7 32 7c14 0 25 -2 31 -7s11 -12 16 -20c4 -7 8 -11 11 -14c4 -3 9 -5 16 -5c8 0 13 3 18 8s8 11 8 17
+c0 7 -2 14 -6 21s-10 14 -18 20s-18 11 -30 15s-27 5 -43 5c-20 0 -38 -2 -53 -8c-16 -6 -28 -15 -36 -25c-8 -11 -12 -22 -12 -36s3 -26 11 -36s19 -17 32 -23c13 -5 29 -10 48 -14c14 -3 26 -5 34 -8c8 -2 14 -6 19 -11c5 -4 7 -10 7 -17c0 -9 -4 -17 -13 -23
+s-22 -9 -37 -9c-11 0 -20 2 -27 5s-11 6 -15 11s-8 12 -11 19s-6 11 -10 15s-10 6 -16 6c-8 0 -14 -2 -19 -7s-8 -10 -8 -17c0 -11 4 -22 12 -33s18 -19 30 -26c17 -9 39 -14 65 -14c22 0 42 3 58 10s29 16 37 28z" />
+    <glyph glyph-name="ion-social-snapchat-outline" unicode="&#xf4eb;" horiz-adv-x="480" 
+d="M240 400v0v0c-71 0 -128 -54 -118 -128c2 -15 3 -32 4 -45c0 0 -2 -5 -12 -5c-6 0 -15 2 -28 7c-2 1 -4 1 -6 1c-8 0 -13 -6 -14 -12c0 -5 4 -11 8 -13c14 -7 47 -10 47 -33s-23 -47 -41 -64s-64 -21 -64 -21s0 -21 32 -29s32 -5 33 -13c2 -15 1 -22 11 -22c2 0 4 1 6 1
+c8 1 20 3 32 3c11 0 23 -2 34 -9c23 -15 41 -34 76 -34s53 19 76 34c11 7 24 9 35 9c12 0 23 -2 31 -3c2 0 4 -1 6 -1c10 0 9 7 11 22c1 8 1 5 33 13s32 29 32 29s-46 4 -64 21s-41 41 -41 64s33 26 47 33c4 2 9 8 9 13c-1 6 -6 12 -14 12c-2 0 -5 0 -7 -1
+c-13 -5 -21 -6 -27 -6c-10 0 -13 4 -13 4c1 13 2 30 4 45c10 74 -47 128 -118 128zM240 416v0c41 0 80 -16 105 -45c24 -28 34 -63 29 -101c-1 -11 -2 -22 -3 -31c4 1 10 2 18 5c4 1 8 2 12 2c16 0 29 -12 30 -27c1 -13 -9 -25 -18 -29c-4 -2 -9 -3 -14 -5
+c-7 -2 -14 -5 -19 -8c-4 -3 -5 -4 -5 -5c0 -16 20 -37 36 -52c11 -10 39 -16 54 -17l15 -1v-14c0 -2 0 -11 -6 -21c-5 -8 -16 -19 -38 -24c-6 -1 -11 -3 -15 -4c-2 -1 -5 -1 -7 -1v-1c-1 -7 -1 -13 -4 -18c-2 -5 -9 -12 -22 -12c-2 0 -6 0 -9 1c-2 0 -3 1 -5 1
+c-7 1 -15 2 -23 2c-10 0 -19 -2 -26 -6c-4 -3 -9 -7 -14 -10c-18 -13 -38 -27 -71 -27s-53 14 -71 27c-5 3 -9 7 -14 10c-7 4 -15 6 -25 6c-8 0 -17 -1 -24 -2c-2 0 -3 -1 -5 -1c-3 -1 -7 -1 -9 -1c-13 0 -20 7 -22 12c-3 5 -3 11 -4 18v1c-2 0 -4 0 -6 1c-4 1 -10 3 -16 4
+c-22 5 -33 16 -38 24c-6 10 -6 18 -6 20v15l15 1c16 1 44 7 54 17c29 27 36 43 36 52c0 1 0 2 -4 5c-5 3 -13 6 -20 8c-5 2 -10 3 -14 5c-9 4 -18 16 -17 29c1 15 14 27 30 27c4 0 8 0 12 -2c8 -3 13 -4 17 -5c-1 9 -2 19 -3 30c-5 38 5 74 29 102c25 29 64 45 105 45v0z
+M240 219c-21 0 -41 8 -56 23c-3 3 -3 9 0 12s9 3 12 0c12 -12 27 -19 44 -19c16 0 32 7 44 19c3 3 9 3 12 0s3 -9 0 -12c-15 -15 -35 -23 -56 -23zM176 296c0 16 5 24 16 24s16 -8 16 -24s-5 -24 -16 -24s-16 8 -16 24zM272 296c0 16 5 24 16 24s16 -8 16 -24
+s-5 -24 -16 -24s-16 8 -16 24z" />
+    <glyph glyph-name="ion-social-snapchat" unicode="&#xf4ec;" horiz-adv-x="480" 
+d="M480 88c0 -2 0 -11 -6 -21c-5 -8 -16 -19 -38 -24c-6 -1 -11 -3 -15 -4c-2 -1 -5 -1 -7 -1v-1c-1 -7 -1 -13 -4 -18c-2 -5 -9 -12 -22 -12c-2 0 -6 0 -9 1c-2 0 -3 1 -5 1c-7 1 -15 2 -23 2c-10 0 -19 -2 -26 -6c-4 -3 -9 -7 -14 -10c-18 -13 -38 -27 -71 -27
+s-53 14 -71 27c-5 3 -9 7 -14 10c-7 4 -15 6 -25 6c-8 0 -17 -1 -24 -2c-2 0 -3 -1 -5 -1c-3 -1 -7 -1 -9 -1c-13 0 -20 7 -22 12c-3 5 -3 11 -4 18v1c-2 0 -4 0 -6 1c-4 1 -10 3 -16 4c-22 5 -33 16 -38 24c-6 10 -6 18 -6 20v15l15 1c16 1 44 7 54 17c29 27 36 43 36 52
+c0 1 0 2 -4 5c-5 3 -13 6 -20 8c-5 2 -10 3 -14 5c-9 4 -18 16 -17 29c1 15 14 27 30 27c4 0 8 0 12 -2c8 -3 13 -4 17 -5c-1 9 -2 19 -3 30c-5 38 5 74 29 102c25 29 64 45 105 45v0c41 0 80 -16 105 -45c24 -28 34 -63 29 -101c-1 -11 -2 -22 -3 -31c4 1 10 2 18 5
+c4 1 8 2 12 2c16 0 29 -12 30 -27c1 -13 -9 -25 -18 -29c-4 -2 -9 -3 -14 -5c-7 -2 -14 -5 -19 -8c-4 -3 -5 -4 -5 -5c0 -16 20 -37 36 -52c11 -10 39 -16 54 -17l15 -1v-14zM192 320c-9 0 -16 -11 -16 -24s7 -24 16 -24s16 11 16 24s-7 24 -16 24zM296 242c3 3 3 9 0 12
+s-9 3 -12 0c-12 -12 -28 -19 -44 -19c-17 0 -32 7 -44 19c-3 3 -9 3 -12 0s-3 -9 0 -12c15 -15 35 -23 56 -23s41 8 56 23zM288 272c9 0 16 11 16 24s-7 24 -16 24s-16 -11 -16 -24s7 -24 16 -24z" />
+    <glyph glyph-name="ion-social-tumblr-outline" unicode="&#xf240;" horiz-adv-x="256" 
+d="M193 52c21 0 42 6 63 20v-65c-18 -8 -34 -15 -48 -18s-28 -5 -45 -5c-19 0 -35 2 -50 7c-14 5 -28 12 -38 21s-17 18 -21 28s-6 25 -6 44v140h-48v58c16 5 30 14 42 24s19 21 26 35s11 37 14 59h62v-112h96v-64h-96v-101c0 -24 1 -40 4 -47c2 -7 7 -12 14 -16
+c9 -6 19 -8 31 -8zM240 17v29c-15 -6 -31 -10 -47 -10c-15 0 -28 3 -40 10c-10 6 -17 15 -21 25c-2 6 -4 17 -4 52v117h96v32h-96v112h-32c-2 -16 -7 -36 -14 -50c-8 -16 -17 -29 -30 -40c-11 -9 -23 -17 -36 -23v-31h48v-156c0 -21 2 -32 4 -38c3 -8 10 -15 18 -22
+c9 -8 19 -14 31 -18c13 -4 29 -6 46 -6c16 0 28 2 41 5c11 2 23 6 36 12z" />
+    <glyph glyph-name="ion-social-tumblr" unicode="&#xf241;" horiz-adv-x="256" 
+d="M193 52c21 0 42 6 63 20v-65c-18 -8 -34 -15 -48 -18s-28 -5 -45 -5c-19 0 -35 2 -50 7c-14 5 -28 12 -38 21s-17 18 -21 28s-6 25 -6 44v140h-48v58c16 5 30 14 42 24s19 21 26 35s11 37 14 59h62v-112h96v-64h-96v-101c0 -24 1 -40 4 -47c2 -7 7 -12 14 -16
+c9 -6 19 -8 31 -8z" />
+    <glyph glyph-name="ion-social-tux" unicode="&#xf2c5;" horiz-adv-x="383" 
+d="M189 347c2 2 -1 -1 0 0c2 2 4 4 6 5c-3 -2 -5 -4 -7 -8c0 1 0 2 1 3zM361 52c7 -4 23 -11 21 -22c-2 -10 -17 -15 -24 -19c-15 -8 -28 -14 -41 -25c-9 -8 -17 -15 -29 -17c-11 -2 -25 -1 -33 8c-5 5 -7 11 -15 12c-25 5 -54 4 -79 0c-13 -2 -21 -11 -32 -17
+c-10 -5 -20 -5 -30 -1c-13 5 -27 10 -41 13s-29 5 -43 9c-31 8 -5 30 -11 50c-3 12 -10 29 8 30c9 1 27 -1 31 11c2 7 -2 15 2 22s-1 17 1 25c4 18 19 32 25 49c5 14 8 25 18 37c9 11 22 22 29 34c10 18 9 35 8 55c-1 17 -1 33 -2 50c0 33 20 60 58 60h14
+c38 0 63 -32 64 -69c0 -19 -5 -38 5 -67c15 -27 36 -48 52 -73c10 -16 16 -31 20 -49c3 -14 9 -31 7 -45c-1 -6 -2 -9 -4 -11c3 -1 7 -2 9 -5c3 -4 2 -11 0 -26c-1 -8 5 -15 12 -19zM137 -3c2 20 -15 39 -25 56c-10 16 -21 43 -39 52c-8 4 -19 5 -23 -5c-2 -7 0 -19 -2 -22
+c-4 -9 -14 -10 -23 -11c-6 0 -17 0 -17 -8c1 -10 10 -20 7 -30c-2 -7 -8 -12 -8 -19c0 -14 38 -15 47 -17c19 -4 37 -14 57 -16c12 -1 25 7 26 20zM253 62c-2 10 2 -10 0 0s-5 28 1 35c4 5 10 6 17 5c0 4 1 9 3 12c8 13 29 8 39 0l-1 2c-3 4 -8 9 -13 10c0 0 4 12 2 34
+c-4 40 -33 62 -33 62c27 -30 27 -58 27 -72c0 -6 -1 -18 -4 -24c-4 -1 -7 -2 -11 -4c-10 -5 -8 2 -8 10c0 18 -2 36 -7 54c-3 9 -7 17 -13 24c-4 5 -4 9 -5 15c-3 12 -9 22 -16 32c-7 9 -7 17 -5 28c1 7 2 14 -6 17c-6 2 -26 5 -27 14c-1 6 -1 16 5 20c16 14 30 -11 17 -24
+c-3 -3 7 -4 8 -4c4 1 4 7 5 10c1 4 1 9 1 13c0 17 -18 32 -34 21c-6 -4 -9 -11 -10 -17c0 -2 -1 -20 0 -20c-4 0 -7 5 -11 5c-3 0 -7 0 -10 -1c0 0 2 14 -2 22c-4 9 -18 16 -24 4s-3 -25 0 -31s4 -6 4 -6c2 1 5 4 5 4s-6 3 -7 11c-1 9 3 14 7 15s10 -2 12 -8s0 -13 0 -13
+c-7 -6 -30 -18 -22 -28c14 -18 33 -15 52 -9c8 3 18 5 24 12c3 3 11 2 8 -4c-2 -5 -18 -7 -22 -9c-9 -4 -18 -8 -28 -10c-6 -1 -13 -5 -28 9c7 -6 8 -16 17 -20c13 -6 33 9 44 15c1 1 16 5 14 0c-1 -4 -11 -7 -15 -9c-11 -6 -23 -21 -36 -22c-8 -1 -21 16 -25 22
+c-1 1 -5 9 -6 4c-1 -8 2 -14 -3 -21c-6 -9 -11 -18 -13 -29c-1 -6 0 -11 -3 -16c-11 -15 -17 -33 -19 -51c0 -4 3 -43 -5 -41c-18 5 -17 33 -14 47c-3 -12 -8 -30 2 -44c12 -15 99 -55 53 -80c7 -14 14 -25 12 -41c8 7 2 20 -1 28c0 0 17 -12 38 -10c17 2 32 7 46 16
+c6 4 11 9 16 14c1 2 4 6 6 7l1 -11c2 -17 -12 -27 -10 -34c4 8 11 14 13 24c3 12 0 24 -2 36zM155 323v0v-3c2 0 2 5 1 8c-1 4 -3 6 -4 6h-2c3 -2 5 -6 5 -11zM210 335c3 -2 0 0 0 0c3 -2 5 -5 5 -10v-3c2 0 3 4 2 7s-3 6 -5 6h-2zM347 15c24 11 -24 -10 0 0
+c24 11 35 17 20 26c-17 10 -26 13 -26 29c0 5 4 16 2 22c-1 4 -6 5 -9 5c-10 -10 -17 -25 -34 -25c-14 0 -25 11 -28 24c-4 2 -10 1 -13 -4c-6 -12 1 -29 3 -41c2 -18 -4 -35 -2 -53c2 -21 26 -22 40 -13c16 10 29 22 47 30z" />
+    <glyph glyph-name="ion-social-twitch-outline" unicode="&#xf4ed;" horiz-adv-x="416" 
+d="M32 416h384v-272l-112 -112h-80l-64 -64h-64v64h-96v304zM368 160v208h-304v-272h80v-64l64 64h96zM272 176v129h48v-129h-48zM160 176v129h48v-129h-48z" />
+    <glyph glyph-name="ion-social-twitch" unicode="&#xf4ee;" horiz-adv-x="416" 
+d="M32 416h384v-272l-112 -112h-80l-64 -64h-64v64h-96v304zM208 176v129h-48v-129h48zM320 176v129h-48v-129h48z" />
+    <glyph glyph-name="ion-social-twitter-outline" unicode="&#xf242;" horiz-adv-x="472" 
+d="M472 338c-13 -20 -29 -36 -48 -50v-12c0 -128 -98 -276 -276 -276c-55 0 -105 16 -148 44c8 -1 15 -2 23 -2c45 0 87 16 120 42c-42 1 -78 29 -90 67c6 -1 12 -2 18 -2c9 0 18 2 26 4c-44 9 -78 48 -78 95v1c13 -7 28 -12 44 -12c-26 17 -43 47 -43 81c0 18 5 34 13 48
+c48 -59 119 -97 199 -101c-2 7 -2 14 -2 22c0 54 43 97 97 97c28 0 52 -12 70 -31c22 4 43 13 62 24c-7 -23 -23 -42 -43 -54c20 2 39 7 56 15zM414 301c3 2 8 6 11 8c-2 0 -11 -2 -19 -1s-21 5 -21 5s14 13 18 17l11 11c-4 -1 -10 -2 -14 -3l-8 -2l-6 6
+c-15 16 -37 26 -59 26c-45 0 -81 -37 -81 -81c0 -6 1 -12 2 -18l5 -21l-22 1c-42 2 -81 13 -118 32c-28 14 -53 34 -75 56c-1 -6 -2 -13 -2 -19c0 -27 14 -53 36 -68c0 0 33 -23 46 -29c-24 -2 -56 0 -56 0c-8 0 -16 1 -24 3c8 -28 32 -50 62 -56l61 -10l-61 -21
+c-7 -2 -14 -3 -21 -3c15 -20 38 -34 64 -34l45 -1l-35 -28c-18 -14 -38 -25 -60 -33c-10 -3 -19 -6 -29 -8c27 -9 55 -14 84 -14c40 0 78 8 112 24c31 14 58 34 81 60c22 24 38 53 50 84c11 30 17 62 17 92v12l-1 8z" />
+    <glyph glyph-name="ion-social-twitter" unicode="&#xf243;" horiz-adv-x="472" 
+d="M472 338c-13 -20 -29 -36 -48 -50v-12c0 -128 -98 -276 -276 -276c-55 0 -105 16 -148 44c8 -1 15 -2 23 -2c45 0 87 16 120 42c-42 1 -78 29 -90 67c6 -1 12 -2 18 -2c9 0 18 2 26 4c-44 9 -78 48 -78 95v1c13 -7 28 -12 44 -12c-26 17 -43 47 -43 81c0 18 5 34 13 48
+c48 -59 119 -97 199 -101c-2 7 -2 14 -2 22c0 54 43 97 97 97c28 0 52 -12 70 -31c22 4 43 13 62 24c-7 -23 -23 -42 -43 -54c20 2 39 7 56 15z" />
+    <glyph glyph-name="ion-social-usd-outline" unicode="&#xf352;" horiz-adv-x="320" 
+d="M125 345c11 2 19 3 19 3v-131l-22 6c-15 5 -27 11 -36 19c-12 10 -19 25 -19 43c0 13 4 24 11 33c6 8 13 14 22 19c7 4 17 6 25 8zM128 238v92c-7 -2 -15 -4 -21 -7c-7 -4 -12 -9 -17 -15s-7 -14 -7 -23c0 -13 4 -24 13 -31c8 -7 20 -12 32 -16zM252 151
+c10 -10 15 -24 15 -42c0 -9 -1 -18 -5 -27s-11 -17 -20 -24c-8 -6 -18 -11 -31 -15c-6 -2 -11 -3 -17 -4s-18 -1 -18 -1v145l20 -5c10 -3 19 -6 28 -9c10 -4 20 -10 28 -18zM247 89c3 7 4 13 4 20c0 14 -3 24 -10 31s-15 11 -23 14s-16 5 -26 8v-107c6 1 10 2 14 3
+c11 3 20 8 27 13s11 11 14 18zM315 145c3 -10 5 -19 5 -29c0 -21 -5 -38 -14 -53s-20 -26 -35 -35s-31 -17 -50 -21c-10 -2 -19 -3 -29 -4v-35h-64v35c-9 1 -19 4 -28 6c-20 5 -36 12 -51 23s-26 24 -35 41c-8 16 -13 34 -14 55h69c0 -12 2 -24 7 -33c5 -10 12 -17 21 -23
+s20 -11 31 -14v120c-8 2 -18 4 -27 6c-17 4 -30 9 -41 16s-20 15 -27 23s-11 17 -14 26s-4 18 -4 28c0 18 4 34 12 48s19 25 33 34s29 16 46 20c7 2 15 3 22 4v33h64v-33c9 -1 16 -4 24 -6c18 -5 34 -12 48 -22s25 -22 33 -37c7 -13 11 -28 12 -46h-69c-3 21 -12 37 -26 46
+c-7 4 -13 8 -22 10v-106c9 -2 16 -4 25 -6c12 -3 22 -6 27 -7c13 -4 23 -9 33 -15c10 -7 18 -14 24 -22s11 -17 14 -27zM293 72c7 12 11 27 11 44c0 8 -1 16 -4 24s-7 15 -12 22s-12 13 -20 19c-8 5 -18 10 -29 13c-5 1 -13 3 -24 6h-1l-4 1c-7 2 -13 4 -21 6l-13 3v137
+s9 -1 19 -4s19 -6 28 -12c15 -9 25 -24 30 -43h38c-2 8 -4 15 -8 22c-7 13 -16 24 -28 32c-12 9 -27 16 -43 20c-8 2 -16 4 -23 5l-13 2v31h-32v-31l-14 -2c-7 -1 -14 -2 -20 -4c-15 -4 -29 -10 -41 -18s-21 -16 -28 -28c-7 -11 -10 -24 -10 -40c0 -8 1 -15 3 -23
+c2 -7 6 -14 11 -21s14 -13 23 -19c10 -6 22 -10 37 -14v0v0c4 -1 8 -2 11 -3c5 -1 11 -3 16 -4l12 -3v-151s-8 1 -20 4s-26 8 -36 15c-11 8 -20 18 -26 30c-4 7 -6 16 -8 24h-36c2 -11 5 -23 10 -32c8 -14 17 -26 30 -35c13 -10 28 -16 46 -21c8 -2 17 -4 26 -5l14 -2v-33
+h32v33l15 1c9 1 17 3 26 5c17 4 32 10 45 18s23 19 31 31z" />
+    <glyph glyph-name="ion-social-usd" unicode="&#xf353;" horiz-adv-x="320" 
+d="M315 145c3 -10 5 -19 5 -29c0 -21 -5 -38 -14 -53s-20 -26 -35 -35s-31 -17 -50 -21c-10 -2 -19 -3 -29 -4v-35h-64v35c-9 1 -19 4 -28 6c-20 5 -36 12 -51 23s-26 24 -35 41c-8 16 -13 34 -14 55h69c0 -12 2 -24 7 -33c5 -10 12 -17 21 -23s20 -11 31 -14v120
+c-8 2 -18 4 -27 6c-17 4 -30 9 -41 16s-20 15 -27 23s-11 17 -14 26s-4 18 -4 28c0 18 4 34 12 48s19 25 33 34s29 16 46 20c7 2 15 3 22 4v33h64v-33c9 -1 16 -4 24 -6c18 -5 34 -12 48 -22s25 -22 33 -37c7 -13 11 -28 12 -46h-69c-3 21 -12 37 -26 46c-7 4 -13 8 -22 10
+v-106c9 -2 16 -4 25 -6c12 -3 22 -6 27 -7c13 -4 23 -9 33 -15c10 -7 18 -14 24 -22s11 -17 14 -27zM128 238v92c-7 -2 -15 -4 -21 -7c-7 -4 -12 -9 -17 -15s-7 -14 -7 -23c0 -13 4 -24 13 -31c8 -7 20 -12 32 -16zM247 89c3 7 4 13 4 20c0 14 -3 24 -10 31s-15 11 -23 14
+s-16 5 -26 8v-107c6 1 10 2 14 3c11 3 20 8 27 13s11 11 14 18z" />
+    <glyph glyph-name="ion-social-vimeo-outline" unicode="&#xf244;" 
+d="M445 334c7 -33 1 -66 -13 -97s-31 -59 -51 -87c-26 -36 -52 -71 -85 -101c-19 -18 -41 -35 -66 -44c-10 -4 -19 -5 -27 -5c-17 0 -31 9 -44 27c-14 19 -22 40 -28 63c-12 45 -25 90 -38 134c-4 12 -9 22 -15 33c-3 5 -8 10 -12 14c-2 2 -5 3 -8 3s-6 -1 -9 -3
+c-10 -6 -28 -18 -28 -18l-21 27c26 24 82 71 82 71c11 9 33 25 48 27h8c18 0 32 -7 42 -22c11 -17 15 -37 18 -57c7 -41 12 -82 24 -122c3 -10 7 -20 12 -29c4 -7 9 -10 14 -10c4 0 7 2 11 5s7 6 10 10c20 24 37 52 48 81c3 9 3 17 3 27c0 13 -10 25 -25 26h-7
+c-11 0 -20 -2 -32 -7c6 24 24 62 54 84c20 14 45 20 67 20c10 0 20 -2 27 -4c23 -8 36 -23 41 -46zM418 244c13 30 17 59 11 87c-4 19 -13 28 -30 34c-6 2 -14 3 -22 3c-21 0 -42 -6 -57 -17c-16 -12 -29 -30 -38 -48h6h8c23 -1 39 -19 40 -41c0 -10 0 -22 -4 -34
+c-11 -29 -29 -58 -51 -85c-4 -4 -7 -9 -12 -13c-7 -6 -15 -8 -22 -8c-8 0 -18 3 -27 18c-7 11 -11 22 -14 32c-10 31 -14 64 -19 95c-2 10 -3 19 -5 29c-3 17 -6 36 -16 51c-7 10 -16 15 -28 15h-6c-8 -1 -25 -11 -40 -23c-2 -2 -43 -37 -70 -61l2 -3c5 4 12 7 16 10
+c6 3 12 5 18 5c7 0 13 -3 18 -7c8 -7 13 -12 16 -18c6 -11 12 -24 16 -37c13 -44 26 -88 38 -133c5 -19 13 -41 26 -59s23 -20 31 -20c6 0 13 1 21 4c23 8 43 25 61 41c32 29 57 63 83 99v0c21 28 37 55 50 84z" />
+    <glyph glyph-name="ion-social-vimeo" unicode="&#xf245;" 
+d="M445 334c7 -33 1 -66 -13 -97s-31 -59 -51 -87c-26 -36 -52 -71 -85 -101c-19 -18 -41 -35 -66 -44c-31 -11 -52 -5 -71 22c-14 19 -22 40 -28 63c-12 45 -25 90 -38 134c-4 12 -9 22 -15 33c-3 5 -8 10 -12 14c-5 4 -11 3 -17 0c-10 -6 -28 -18 -28 -18l-21 27
+c26 24 82 71 82 71c11 9 33 25 48 27c21 3 38 -4 50 -22c11 -17 15 -37 18 -57c7 -41 11 -82 23 -122c3 -10 8 -20 13 -29c7 -11 15 -13 25 -5c4 3 7 6 10 10c20 24 37 52 48 81c3 9 3 17 3 27c0 13 -10 25 -25 26s-24 -1 -39 -7c6 24 24 62 54 84c29 21 71 24 94 16
+s36 -23 41 -46z" />
+    <glyph glyph-name="ion-social-whatsapp-outline" unicode="&#xf4ef;" 
+d="M178 294c4 -11 15 -39 16 -42s2 -6 0 -10s-3 -6 -6 -9s-6 -7 -9 -9c-3 -3 -6 -6 -3 -12s14 -24 30 -39c21 -20 38 -27 44 -30s9 -3 12 1s15 16 19 21s8 5 13 3s31 -17 37 -20s10 -5 11 -7s0 -13 -5 -26s-28 -24 -38 -25s-11 -8 -67 16s-90 84 -93 88s-22 31 -21 58
+s17 41 22 46s11 7 15 7h10s9 0 13 -11zM228 384c-50 0 -97 -20 -133 -55c-35 -35 -55 -81 -55 -131c0 -34 9 -67 27 -96l8 -13l-5 -14l-19 -57l61 19l13 4l12 -6c28 -15 59 -23 91 -23c50 0 97 19 133 54c35 35 55 82 55 132s-20 96 -55 131c-36 35 -83 55 -133 55zM228 416
+v0c121 0 220 -97 220 -218s-99 -218 -220 -218c-39 0 -74 10 -106 27l-122 -39l40 117c-20 33 -32 72 -32 113c0 121 99 218 220 218z" />
+    <glyph glyph-name="ion-social-whatsapp" unicode="&#xf4f0;" 
+d="M228 416c121 0 220 -97 220 -218s-99 -218 -220 -218c-39 0 -74 10 -106 27l-122 -39l40 117c-20 33 -32 72 -32 113c0 121 99 218 220 218zM337 115c5 13 6 24 5 26s-5 4 -11 7s-32 18 -37 20s-9 2 -13 -3s-16 -17 -19 -21s-6 -4 -12 -1s-23 10 -44 30
+c-16 15 -27 33 -30 39s0 9 3 12c3 2 6 6 9 9s4 5 6 9s1 7 0 10s-12 31 -16 42s-10 11 -13 11h-10s-10 -2 -15 -7s-21 -19 -22 -46s18 -54 21 -58s37 -64 93 -88s57 -17 67 -16s33 12 38 25z" />
+    <glyph glyph-name="ion-social-windows-outline" unicode="&#xf246;" 
+d="M432 167h-216v-149l216 -32v181zM448 183v0v-215l-248 36v179h248zM168 167h-152v-120l152 -22v142zM184 183v0v-177l-184 27v150h184zM432 398v0l-216 -31v-152h216v183zM448 416v0v-217h-248v182zM168 360v0l-152 -22v-123h152v145zM184 378v0v-179h-184v153z" />
+    <glyph glyph-name="ion-social-windows" unicode="&#xf247;" 
+d="M448 183v0v-215l-248 36v179h248zM184 183v0v-177l-184 27v150h184zM448 416v0v-217h-248v182zM184 378v0v-179h-184v153z" />
+    <glyph glyph-name="ion-social-wordpress-outline" unicode="&#xf248;" horiz-adv-x="384" 
+d="M192 384c106 0 192 -86 192 -192c0 -9 -1 -18 -2 -26c-12 -85 -79 -153 -165 -164c-8 -1 -17 -2 -25 -2c-106 0 -192 86 -192 192s86 192 192 192zM19 192c0 -68 40 -127 98 -155l-83 225c-10 -21 -15 -45 -15 -70zM214 21c12 2 24 4 35 8c0 1 -1 2 -1 3l-53 145l-33 -96
+v0l-19 -55c15 -5 32 -7 49 -7c8 0 15 1 22 2zM216 273l62 -186l17 58c9 22 13 41 13 56c0 21 -7 35 -14 47c-9 14 -17 27 -17 41c0 16 12 30 29 30h2c-31 28 -71 45 -116 45c-60 0 -113 -30 -144 -77c4 0 8 -1 11 -1c18 0 46 3 46 3c9 1 10 -14 1 -15c0 0 -10 -1 -20 -1
+l63 -187l38 113l-27 74c-9 0 -18 1 -18 1c-9 0 -8 16 1 15c0 0 28 -3 45 -3c18 0 46 3 46 3c9 1 11 -14 2 -15c0 0 -10 -1 -20 -1zM279 43c45 26 77 71 84 125c1 8 2 16 2 24c0 30 -8 58 -22 83c1 -6 1 -12 1 -18c0 -18 -3 -37 -13 -62l-39 -113z" />
+    <glyph glyph-name="ion-social-wordpress" unicode="&#xf249;" horiz-adv-x="384" 
+d="M195 177l53 -146c0 -1 6 -13 9 -19c-3 -1 -5 -2 -8 -3v0c-10 -3 -21 -6 -32 -7c-8 -1 -17 -2 -25 -2c-17 0 -34 2 -50 6v0c-2 0 -3 2 -5 2l25 73v0zM17 268c6 0 7 -1 15 -1l93 -255c-3 1 -5 2 -8 3c-63 27 -109 87 -116 158c-1 6 -1 13 -1 19c0 25 7 53 17 76zM366 273
+c11 -24 18 -52 18 -81c0 -9 -1 -18 -2 -26c-9 -65 -50 -120 -107 -147c-2 -1 -3 -1 -5 -2l22 65l39 113c10 25 13 45 13 62v19v0c-1 18 -10 44 -36 43h-2c-17 0 -29 -14 -29 -30c0 -14 8 -27 17 -41c7 -12 14 -26 14 -47c0 -15 -4 -34 -13 -56l-17 -58l-62 186
+c10 0 20 1 20 1c9 1 7 16 -2 15c0 0 -28 -3 -46 -3c-17 0 -45 3 -45 3c-9 1 -10 -15 -1 -15c0 0 9 -1 18 -1l27 -74l-38 -113l-63 187c10 0 20 2 20 2c9 1 8 15 -1 14c0 0 -28 -2 -46 -2h-34c5 9 11 17 17 25c35 44 90 72 150 72c24 0 48 -5 69 -13c34 -13 63 -36 85 -65
+c2 -2 3 -5 5 -7c6 -8 11 -17 15 -26z" />
+    <glyph glyph-name="ion-social-yahoo-outline" unicode="&#xf24a;" horiz-adv-x="320" 
+d="M289 380c11 0 21 1 31 4l-128 -213v-171c-10 4 -21 4 -32 4s-22 0 -32 -4v171l-128 213c10 -4 21 -4 32 -4s22 0 32 4l96 -160l96 160c10 -4 22 -4 33 -4zM178 180l111 184h-1c-7 0 -15 0 -24 2l-90 -150l-14 -23l-14 23l-89 150c-9 -2 -17 -2 -25 -2h-1l111 -184l2 -4
+v-5v-151c6 1 11 0 16 0s11 1 16 0v151v5z" />
+    <glyph glyph-name="ion-social-yahoo" unicode="&#xf24b;" horiz-adv-x="320" 
+d="M289 380c11 0 21 1 31 4l-128 -213v-171c-10 4 -21 4 -32 4s-22 0 -32 -4v171l-128 213c10 -4 21 -4 32 -4s22 0 32 4l96 -160l96 160c10 -4 22 -4 33 -4z" />
+    <glyph glyph-name="ion-social-yen-outline" unicode="&#xf4f1;" horiz-adv-x="384" 
+d="M384 416l-112 -208h48v-48h-73l-15 -31v-17h88v-48h-88v-96h-80v96h-88v48h88v17l-14 31h-74v48h48l-112 208h80l112 -221l112 221h80zM304 192h-59l13 24l99 184v0h-43l-122 -240l-122 240h-43l99 -184l13 -24h-59v-16h68l20 -44v-36h-88v-16h88v-96h48v96h88v16h-88v37
+l21 43h67v16z" />
+    <glyph glyph-name="ion-social-yen" unicode="&#xf4f2;" horiz-adv-x="384" 
+d="M384 416l-112 -208h48v-48h-73l-15 -31v-17h88v-48h-88v-96h-80v96h-88v48h88v17l-14 31h-74v48h48l-112 208h80l112 -221l112 221h80z" />
+    <glyph glyph-name="ion-social-youtube-outline" unicode="&#xf24c;" horiz-adv-x="512" 
+d="M265 352v0h-9h-9c-65 0 -118 -2 -168 -4h-1h-1c-23 0 -42 -22 -42 -49v-1v-1c-2 -34 -3 -70 -3 -105v0v0c0 -35 1 -70 3 -104v-2v-1c0 -14 5 -26 14 -36c8 -9 17 -13 28 -13h1h1c52 -2 108 -4 166 -4h11v0v0h11c58 0 113 2 166 4h1h1c11 0 20 4 28 13c9 10 14 22 14 36v1
+v2c2 34 3 68 3 104v0v0c0 36 -1 71 -3 105v1v2c0 27 -19 49 -42 49h-1h-1c-49 2 -103 3 -168 3zM265 384v0c58 0 115 0 170 -3c41 0 74 -36 74 -81c2 -36 3 -72 3 -108s-1 -71 -3 -107c0 -45 -33 -81 -74 -81c-55 -3 -111 -4 -168 -4h-11h-11c-57 0 -113 1 -168 4
+c-41 0 -74 36 -74 81c-2 36 -3 71 -3 107s2 71 4 107c0 45 32 82 73 82c55 2 112 3 170 3h9h9zM207 94v197l145 -99z" />
+    <glyph glyph-name="ion-social-youtube" unicode="&#xf24d;" horiz-adv-x="512" 
+d="M509 299c2 -36 3 -71 3 -107s-1 -71 -3 -107c0 -45 -33 -81 -74 -81c-58 -3 -118 -4 -179 -4s-121 1 -179 4c-41 0 -74 36 -74 81c-2 36 -3 71 -3 107s2 71 4 107c0 45 32 81 73 81c55 3 112 4 170 4h9h9c58 0 115 -1 170 -4c41 0 74 -36 74 -81zM207 94l145 98l-145 99
+v-197z" />
+    <glyph glyph-name="ion-soup-can-outline" unicode="&#xf4f3;" horiz-adv-x="320" 
+d="M160 304c-88 0 -160 29 -160 64s72 64 160 64s160 -29 160 -64s-72 -64 -160 -64zM160 415c-70 0 -126 -19 -126 -43s56 -43 126 -43s126 19 126 43s-56 43 -126 43zM161 288c88 0 158 29 159 64c0 -5 0 -33 -8 -40v-240c0 -35 -64 -64 -152 -64s-152 29 -152 64v240
+c-8 6 -8 40 -8 40c0 -35 73 -64 161 -64zM280 72v80c-18 -10 -43 -17 -72 -21h-2c-6 -20 -24 -35 -46 -35s-40 15 -46 35h-2c-29 4 -54 11 -72 21v-80c1 -2 9 -10 30 -18c24 -9 55 -14 90 -14s67 5 91 14c21 8 29 16 29 18zM280 184v91c-33 -12 -75 -19 -119 -19
+c-45 0 -87 7 -121 19v-91c18 -10 43 -17 73 -21h3c7 17 24 29 44 29s37 -12 44 -29h3c30 4 55 11 73 21zM178 -16zM160 -16h1h-1v0zM312 32l8 -16c0 -7 -3 -14 -8 -20c-21 -26 -81 -44 -152 -44s-131 18 -152 44c-5 6 -8 13 -8 20l8 16v16c0 -35 63 -64 152 -64
+s152 28 152 64v-16z" />
+    <glyph glyph-name="ion-soup-can" unicode="&#xf4f4;" horiz-adv-x="320" 
+d="M0 368c0 43 53 64 160 64s160 -21 160 -64s-53 -64 -160 -64s-160 21 -160 64zM160 8c-44 0 -80 6 -109 18s-43 28 -43 46v128c0 -9 4 -19 13 -27s21 -15 37 -21s33 -10 54 -13c1 -12 7 -23 16 -31s20 -12 32 -12s23 4 32 12s15 19 16 31c31 4 56 12 75 23s29 24 29 38
+v-128c0 -18 -14 -34 -43 -46s-65 -18 -109 -18zM160 288c44 0 82 6 113 18s47 28 47 46v-8c0 -5 -1 -11 -2 -18s-3 -11 -6 -14v-96c0 -14 -10 -27 -29 -38s-44 -19 -76 -23c-2 11 -8 19 -17 26s-19 11 -30 11s-21 -4 -30 -11s-15 -15 -17 -26c-32 4 -57 12 -76 23
+s-29 24 -29 38v96c-5 5 -8 18 -8 40c0 -18 16 -34 47 -46s69 -18 113 -18zM312 56v-24l8 -16c0 -7 -3 -14 -8 -20c-11 -13 -30 -24 -58 -32s-59 -12 -94 -12s-66 4 -94 12s-47 19 -58 32c-5 6 -8 13 -8 20l8 16v24c0 -18 14 -34 43 -46s65 -18 109 -18s80 6 109 18
+s43 28 43 46z" />
+    <glyph glyph-name="ion-speakerphone" unicode="&#xf2b2;" 
+d="M39 266c0 -37 20 -69 50 -86c-1 0 -2 1 -3 1s-4 1 -5 1v0c-35 3 -62 33 -69 69c-6 0 -12 7 -12 16c0 8 5 15 11 16c6 42 40 75 81 75h8c-36 -15 -61 -51 -61 -92zM433 357c10 -25 15 -56 15 -88s-5 -63 -15 -88l-3 -9c-6 -14 -15 -26 -24 -34c-10 -10 -22 -19 -34 -20h-3
+c-7 0 -15 2 -22 5c-3 2 -10 5 -10 5c-22 10 -84 28 -115 29c-4 -8 -10 -20 -12 -30c-2 -9 -6 -27 -7 -61c-1 -32 1 -59 3 -82c0 -2 1 -5 1 -7c0 -6 -2 -9 -9 -9h-77c-6 0 -9 3 -9 6v7c2 72 25 140 26 145c2 9 5 17 7 30c2 12 -27 13 -40 24c-29 17 -47 49 -47 86
+c0 41 25 77 59 92h42h19c58 3 114 21 163 50c1 1 3 1 4 2v0c8 4 16 6 24 6c13 0 26 -6 37 -16c9 -9 18 -21 24 -35c1 -3 2 -5 3 -8zM410 180c9 22 15 54 15 89s-6 66 -15 88c-8 18 -19 29 -30 29s-21 -11 -29 -29c-9 -22 -15 -53 -15 -88s6 -67 15 -89c8 -19 18 -33 29 -33
+s22 15 30 33z" />
+    <glyph glyph-name="ion-speedometer" unicode="&#xf2b3;" 
+d="M312 192l8 -8l-64 -84v-4c0 -18 -14 -32 -32 -32s-32 14 -32 32s14 32 32 32h4zM224 352c124 0 224 -100 224 -224c0 -34 -8 -67 -22 -96h-36c15 27 25 57 26 88h-32v16h32c-1 29 -9 56 -22 81l-27 -15l-8 13l27 16c-8 12 -16 23 -26 33s-21 18 -33 26l-16 -27l-14 8
+l16 27c-25 13 -52 21 -81 22v-32h-16v32c-29 -1 -56 -9 -81 -22l16 -27l-14 -8l-16 27c-12 -8 -23 -16 -33 -26s-19 -21 -26 -33l28 -16l-8 -13l-28 15c-13 -25 -21 -52 -22 -81h32v-16h-32c1 -31 11 -61 26 -88h-36c-14 29 -22 62 -22 96c0 124 100 224 224 224z" />
+    <glyph glyph-name="ion-spoon" unicode="&#xf2b4;" horiz-adv-x="128" 
+d="M128 288c0 64 -26 128 -64 128s-64 -64 -64 -128v0c1 -25 16 -54 37 -64l1 -1v0c3 -2 10 -6 10 -10c0 0 -16 -199 -16 -210s4 -20 10 -26s14 -9 22 -9v0v0c8 0 16 3 22 9s10 13 10 26s-16 210 -16 210c0 4 7 8 10 10l1 1c22 10 37 38 37 64z" />
+    <glyph glyph-name="ion-star" unicode="&#xf24e;" 
+d="M448 248l-139 -104l55 -176l-140 112l-140 -112l55 176l-139 104h172l52 168l53 -168h171z" />
+    <glyph glyph-name="ion-stats-bars" unicode="&#xf2b5;" horiz-adv-x="352" 
+d="M96 32v320h64v-320h-64zM0 32v96h64v-96h-64zM192 32v160h64v-160h-64zM288 32v224h64v-224h-64z" />
+    <glyph glyph-name="ion-steam" unicode="&#xf30b;" horiz-adv-x="512" 
+d="M480 240c0 -20 -16 -37 -37 -37c-20 0 -37 16 -37 37c0 20 16 37 37 37c20 0 37 -17 37 -37zM443 309c38 0 69 -31 69 -69s-31 -70 -69 -70l-67 -48c-2 -26 -24 -47 -51 -47c-25 0 -46 18 -51 41l-196 78c-8 -5 -16 -7 -26 -7c-28 0 -52 24 -52 52s24 52 52 52
+c25 0 45 -18 50 -41l196 -79c8 5 17 8 27 8c2 0 3 -1 5 -1l43 62c0 38 32 69 70 69zM443 286c-26 0 -47 -20 -47 -46s21 -47 47 -47s46 21 46 47s-20 46 -46 46zM52 277c-21 0 -38 -17 -38 -38s17 -38 38 -38c3 0 5 0 8 1l-16 6v0c-15 7 -22 24 -16 39s24 23 39 17v0l19 -7
+c-6 12 -19 20 -34 20zM325 165c-3 0 -6 -1 -9 -1l16 -6c16 -6 23 -24 17 -40s-23 -23 -39 -17c-6 3 -13 6 -19 8c6 -12 19 -20 34 -20c21 0 38 17 38 38s-17 38 -38 38z" />
+    <glyph glyph-name="ion-stop" unicode="&#xf24f;" horiz-adv-x="384" 
+d="M373 384c6 0 11 -5 11 -11v-362c0 -6 -5 -11 -11 -11h-362c-6 0 -11 5 -11 11v362c0 6 5 11 11 11h362z" />
+    <glyph glyph-name="ion-thermometer" unicode="&#xf2b6;" horiz-adv-x="160" 
+d="M127 112c20 -14 33 -38 33 -64c0 -44 -36 -80 -80 -80s-80 36 -80 80c0 27 13 51 33 65v257c0 26 21 46 47 46s47 -20 47 -46v-258zM65 370v-50h30v50c0 8 -7 14 -15 14s-15 -6 -15 -14zM96 160v16h-16v-16h16zM96 192v64h-16v-64h16z" />
+    <glyph glyph-name="ion-thumbsdown" unicode="&#xf250;" horiz-adv-x="384" 
+d="M24 195c-10 5 -18 17 -18 29c0 14 8 25 20 30c-4 5 -6 12 -6 19c0 14 8 25 20 30c-3 5 -5 11 -5 17c0 18 11 24 35 30s74 12 126 9c23 -1 55 -7 76 -7v32h112v-240h-112v16c-15 -1 -31 -4 -40 -14c-22 -23 -40 -65 -40 -108c0 -19 1 -29 -4 -34c-13 -13 -44 9 -52 37
+c-9 34 -1 62 1 87h-103c-19 0 -34 15 -34 34c0 15 10 29 24 33zM336 352c-9 0 -16 -7 -16 -16s7 -16 16 -16s16 7 16 16s-7 16 -16 16z" />
+    <glyph glyph-name="ion-thumbsup" unicode="&#xf251;" horiz-adv-x="384" 
+d="M360 189c10 -5 18 -17 18 -29c0 -14 -8 -25 -20 -30c4 -5 6 -12 6 -19c0 -14 -8 -25 -20 -30c3 -5 5 -11 5 -17c0 -18 -11 -24 -35 -30s-74 -12 -126 -9c-23 1 -55 7 -76 7v-32h-112v240h112v-16c15 1 31 4 40 14c22 23 40 65 40 108c0 19 -1 29 4 34c13 13 44 -9 52 -37
+c9 -34 1 -62 -1 -87h103c19 0 34 -15 34 -34c0 -15 -10 -29 -24 -33zM48 32c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+    <glyph glyph-name="ion-toggle-filled" unicode="&#xf354;" 
+d="M320 240c26 0 48 -22 48 -48s-22 -48 -48 -48s-48 22 -48 48s22 48 48 48zM320 320c71 0 128 -57 128 -128s-57 -128 -128 -128h-192c-71 0 -128 57 -128 128s57 128 128 128h192zM320 112c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+    <glyph glyph-name="ion-toggle" unicode="&#xf355;" 
+d="M320 288h-192c-53 0 -96 -43 -96 -96s43 -96 96 -96h192c53 0 96 43 96 96s-43 96 -96 96zM320 320v0c71 0 128 -57 128 -128s-57 -128 -128 -128h-192c-71 0 -128 57 -128 128s57 128 128 128h192zM128 240c-26 0 -48 -22 -48 -48s22 -48 48 -48s48 22 48 48
+s-22 48 -48 48zM128 272v0c44 0 80 -36 80 -80s-36 -80 -80 -80s-80 36 -80 80s36 80 80 80z" />
+    <glyph glyph-name="ion-transgender" unicode="&#xf4f5;" horiz-adv-x="512" 
+d="M368 448h144v-144h-40v76l-101 -100c8 -17 13 -36 13 -56c0 -63 -46 -115 -104 -126v-52h72v-46h-72v-64h-48v64h-72v46h72v52c-59 11 -104 63 -104 126c0 20 5 39 13 56l-22 22l-36 -36l-33 33l36 36l-46 45v-76h-40v144h144v-40h-70l43 -42l36 36l33 -33l-36 -36
+l17 -17c23 22 54 36 89 36c27 0 53 -8 74 -23c0 0 6 -5 15 -13l93 92h-70v40zM256 144c44 0 80 36 80 80s-36 80 -80 80s-80 -36 -80 -80s36 -80 80 -80z" />
+    <glyph glyph-name="ion-trash-a" unicode="&#xf252;" horiz-adv-x="352" 
+d="M261 320v0h91v-32h-9s-5 -1 -8 -4s-4 -9 -4 -9l-19 -241c-2 -29 -2 -34 -36 -34h-200c-34 0 -34 5 -36 34l-19 242s-1 6 -4 9s-8 3 -8 3h-9v32h91v29c0 19 14 35 34 35h101c20 0 35 -16 35 -35v-29zM112 349v-29h128v29c0 10 -9 15 -19 15h-91c-10 0 -18 -5 -18 -15z
+M104 64h20l-10 192h-21zM187 64v192h-22v-192h22zM249 64l10 192h-20l-11 -192h21z" />
+    <glyph glyph-name="ion-trash-b" unicode="&#xf253;" horiz-adv-x="320" 
+d="M318 315c3 -12 4 -11 -7 -11h-302c-11 0 -10 -1 -7 11c2 9 4 13 4 13c3 9 9 9 19 11l53 7c7 1 7 1 10 7c9 20 10 31 20 31h103c10 0 12 -11 21 -31c3 -6 3 -6 10 -7l53 -6c10 -2 16 -2 19 -11c0 0 2 -5 4 -14zM283 272c17 0 18 -2 17 -15l-19 -242c-2 -12 -2 -15 -17 -15
+h-208c-15 0 -15 3 -17 15l-19 242c-1 12 0 15 17 15h246z" />
+    <glyph glyph-name="ion-trophy" unicode="&#xf356;" 
+d="M448 345c0 -25 2 -73 -22 -122c-15 -30 -36 -55 -63 -75c-23 -16 -49 -28 -77 -35c-16 -17 -32 -27 -46 -31v-33s0 -49 99 -49h13v-32h-256v32h13c85 0 97 35 99 46v36c-14 4 -30 14 -46 31c-28 7 -55 19 -77 35c-27 20 -48 45 -63 75c-17 36 -21 71 -22 97v0v11v0v21v0
+h80c-2 35 0 64 0 64h143h1h1h142s2 -29 0 -64h81v-7zM51 237c17 -34 43 -61 77 -78c-22 40 -33 84 -42 135c-1 8 -2 17 -3 26h-51c1 -23 5 -53 19 -83zM397 237c14 30 18 60 19 83h-51c-1 -9 -3 -18 -4 -26c-9 -51 -20 -95 -42 -135c34 17 61 43 78 78z" />
+    <glyph glyph-name="ion-tshirt-outline" unicode="&#xf4f6;" 
+d="M146 362l-104 -31l11 -32l39 4l38 5l-2 -38l-14 -255h220l-14 255l-2 38l38 -5l39 -4l11 32l-104 31c-6 -8 -13 -14 -21 -19c-15 -10 -34 -15 -57 -15v0v0c-34 1 -59 11 -78 34zM288 400v0l160 -48l-32 -88l-64 8l16 -289h-288l16 289l-64 -8l-32 88l160 48
+c14 -27 31 -39 64 -40c33 0 50 13 64 40z" />
+    <glyph glyph-name="ion-tshirt" unicode="&#xf4f7;" 
+d="M448 352l-32 -88l-64 8l16 -288h-288l16 288l-64 -8l-32 88l160 48c14 -27 31 -39 64 -40c33 0 50 13 64 40z" />
+    <glyph glyph-name="ion-umbrella" unicode="&#xf2b7;" 
+d="M344 160v0v0v0zM104 160v0v0v0zM240 399c116 -8 208 -109 208 -227v-12c-4 25 -26 52 -52 52c-29 0 -52 -23 -52 -52v0c0 29 -23 52 -52 52s-49 -12 -52 -45v-135c0 -17 -6 -33 -18 -45s-29 -19 -46 -19c-35 0 -63 29 -63 64c0 9 7 16 16 16s16 -7 16 -16
+c0 -18 14 -32 31 -32c18 0 32 14 32 32v134c-1 24 -26 46 -52 46c-29 0 -52 -23 -52 -52v0c0 29 -23 52 -52 52c-27 0 -49 -26 -52 -52v18c0 118 92 213 208 221v1c0 9 7 16 16 16s16 -7 16 -16v-1z" />
+    <glyph glyph-name="ion-university" unicode="&#xf357;" 
+d="M224 384l224 -111l-92 -60l-132 -85l-160 102v-198l-32 16v203l-32 21zM358 192l10 -82c-16 -12 -112 -78 -144 -110c-32 32 -128 98 -144 110l9 82l135 -88z" />
+    <glyph glyph-name="ion-unlocked" unicode="&#xf254;" horiz-adv-x="384" 
+d="M22 -32c-12 0 -22 10 -22 22v212c0 12 10 22 22 22h3h19v31c0 42 17 87 43 115s64 46 105 46v0v0c41 0 79 -18 105 -46c20 -21 33 -51 39 -82h-53c-5 18 -13 35 -24 47v0v1c-18 19 -42 29 -67 29v0v0c-25 0 -49 -10 -67 -29v-1v0c-18 -19 -28 -53 -28 -80v-31h265
+c12 0 22 -10 22 -22v-212c0 -12 -10 -22 -22 -22h-340z" />
+    <glyph glyph-name="ion-upload" unicode="&#xf255;" 
+d="M366 215c45 0 82 -37 82 -83s-37 -84 -82 -84h-110v80h48l-80 84l-80 -84h48v-80h-102c-49 0 -90 41 -90 91c0 40 26 74 61 86c5 29 29 51 59 51c10 0 18 -3 26 -7c19 40 59 67 105 67c64 0 115 -53 115 -118v-3z" />
+    <glyph glyph-name="ion-usb" unicode="&#xf2b8;" horiz-adv-x="256" 
+d="M16 228v0v0zM256 320c0 -11 -6 -21 -14 -27v0c-2 -1 -3 -5 -3 -7c-1 -20 -3 -36 -9 -50c-7 -19 -20 -33 -39 -46c-17 -12 -29 -21 -36 -34c-7 -12 -11 -28 -11 -53v-24c0 -7 2 -13 10 -18c4 -2 7 -6 10 -9c8 -9 14 -21 14 -34c0 -28 -22 -50 -50 -50s-50 22 -50 50v1v0
+c0 18 10 33 24 42c5 4 9 5 9 18v0c0 14 -3 17 -10 27s-18 17 -32 26c-19 13 -33 27 -40 46c-6 15 -8 31 -9 39s-2 9 -4 11c-10 6 -16 16 -16 28c0 18 14 32 32 32s32 -14 32 -32c0 -10 -4 -20 -12 -26c-3 -2 -4 -11 -4 -14v0v0c0 -9 3 -18 7 -28c10 -21 45 -44 52 -44
+s8 5 8 12v196s-1 2 -3 4h-1v1v0c-9 6 -15 16 -15 27c0 18 14 32 32 32s32 -14 32 -32c0 -11 -5 -21 -14 -27v0c-2 -2 -2 -3 -2 -5v-140c0 -10 2 -12 8 -11c13 3 48 30 52 43c3 10 6 23 7 41v1c0 2 -2 4 -3 6c-10 6 -16 16 -16 28c0 18 14 32 32 32s32 -14 32 -32zM32 240
+c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM128 368c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16zM224 304c9 0 16 7 16 16s-7 16 -16 16s-16 -7 -16 -16s7 -16 16 -16z" />
+    <glyph glyph-name="ion-videocamera" unicode="&#xf256;" 
+d="M335 263v-66l113 35v-89v-88l-113 35v-65c0 -5 -4 -9 -9 -9h-317c-5 0 -9 4 -9 9v12v55v171c0 5 4 9 9 9h208v38c0 4 -6 10 -10 10h-176v48h178c36 0 65 -29 65 -64v-32h52c5 0 9 -4 9 -9zM226 107c20 0 36 16 36 36s-16 35 -36 35s-36 -15 -36 -35c0 -10 4 -19 11 -26
+h-68c7 7 11 16 11 26c0 20 -16 36 -36 36s-36 -16 -36 -36s16 -36 36 -36h12h95h11z" />
+    <glyph glyph-name="ion-volume-high" unicode="&#xf257;" 
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 27 52 27 84s-10 60 -27 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100zM322 46l-21 16c27 36 43 81 43 130s-16 94 -43 130l21 16c30 -41 48 -91 48 -146s-18 -105 -48 -146zM365 369l20 15
+c39 -54 63 -120 63 -192s-24 -138 -63 -192l-20 15c36 49 58 111 58 177s-22 128 -58 177z" />
+    <glyph glyph-name="ion-volume-low" unicode="&#xf258;" horiz-adv-x="288" 
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 28 52 28 84s-11 60 -28 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100z" />
+    <glyph glyph-name="ion-volume-medium" unicode="&#xf259;" horiz-adv-x="370" 
+d="M199 40l-95 88h-104v128h104l95 88v-304zM255 92l-20 16c17 24 28 52 28 84s-11 60 -28 84l20 16c20 -28 33 -63 33 -100s-13 -72 -33 -100zM322 46l-21 16c27 36 43 81 43 130s-16 94 -43 130l21 16c30 -41 48 -91 48 -146s-18 -105 -48 -146z" />
+    <glyph glyph-name="ion-volume-mute" unicode="&#xf25a;" 
+d="M224 231l47 51v-180l-47 51h-65v78h65zM332 388c69 -38 116 -112 116 -196c0 -124 -100 -224 -224 -224c-39 0 -76 10 -108 27l-1 1c-69 38 -115 112 -115 196c0 124 100 224 224 224c39 0 75 -10 107 -28h1zM362 93c20 28 33 62 33 99c0 66 -38 123 -92 151
+c-6 3 -11 6 -17 8c-19 7 -40 11 -62 11c-37 0 -71 -12 -99 -32l73 -74h-76l-36 35c-20 -28 -32 -62 -32 -99c0 -65 36 -121 90 -150c6 -3 13 -7 19 -9c19 -7 39 -11 61 -11c37 0 72 12 100 32l-20 20v77z" />
+    <glyph glyph-name="ion-wand" unicode="&#xf358;" 
+d="M192 208l48 48l48 -48l-48 -48zM0 16l176 176l48 -48l-176 -176zM224 352v64h32v-64h-32zM398 344l-45 -45l-23 22l46 45zM127 299l-45 45l22 22l45 -45zM376 50l-46 45l23 23l45 -46zM384 192v32h64v-32h-64z" />
+    <glyph glyph-name="ion-waterdrop" unicode="&#xf25b;" horiz-adv-x="320" 
+d="M175 409c40 -41 145 -160 145 -288c0 -85 -72 -153 -160 -153c-56 0 -106 27 -134 69c-6 9 -11 19 -15 29c-7 17 -11 35 -11 55v4c1 67 31 131 64 183c20 31 42 57 59 77c9 10 16 18 22 24l1 1v0c4 3 8 6 14 6c5 0 10 -3 14 -6v0zM160 24c55 0 100 45 100 100
+c0 14 -3 28 -8 40c-17 -65 -70 -116 -136 -130c13 -6 28 -10 44 -10z" />
+    <glyph glyph-name="ion-wifi" unicode="&#xf25c;" 
+d="M224 352c80 0 156 -30 214 -84l10 -10l-10 -9l-32 -32l-10 -10l-9 9c-44 41 -103 64 -163 64s-119 -23 -163 -64l-9 -9l-10 10l-32 32l-10 9l10 10c58 54 134 84 214 84v0zM365 192l11 -10l-10 -10l-33 -32l-9 -9l-10 8c-25 22 -57 35 -90 35s-65 -13 -90 -35l-10 -8
+l-9 9l-33 32l-10 10l11 10c37 33 83 52 132 54v0h9v0v0c52 0 102 -19 141 -54zM224 32l-10 10l-52 52l-11 10l12 10c17 11 32 20 61 20s47 -9 62 -20l11 -10l-10 -10l-53 -52z" />
+    <glyph glyph-name="ion-wineglass" unicode="&#xf2b9;" horiz-adv-x="256" 
+d="M167 153c-11 -4 -24 -8 -24 -32v-94c0 -11 4 -19 12 -25c3 -2 7 -4 15 -6c32 -9 48 -16 50 -18c2 -1 4 -3 4 -7c0 0 -14 -3 -96 -3s-96 3 -96 3c0 4 2 6 4 7c2 2 18 9 50 18c8 2 11 4 14 6c8 6 11 14 11 25v94c0 24 -11 28 -22 32s-18 6 -26 11c-12 7 -23 16 -32 26
+c-20 23 -31 52 -31 87c0 50 4 100 8 114s14 25 31 25h178c17 0 27 -11 31 -25s8 -65 8 -115c0 -35 -11 -63 -31 -86c-9 -10 -20 -19 -32 -26c-8 -5 -15 -7 -26 -11zM128 178c26 0 50 11 67 28l6 6c16 18 22 35 23 65s-2 83 -8 107h-177c-7 -35 -8 -80 -7 -108s7 -46 23 -64
+c2 -3 4 -6 7 -8c17 -16 41 -26 66 -26zM208 277c0 -10 -1 -20 -4 -29s-8 -18 -15 -25l-5 -5c-14 -14 -34 -23 -56 -23c-21 0 -41 8 -55 22l-6 6c-7 7 -12 16 -15 25s-3 15 -4 29c-1 9 0 34 1 53c1 10 2 19 3 22h153c1 -6 2 -14 2 -22c1 -21 1 -45 1 -53zM192 269v0v26
+c0 4 -4 8 -8 8s-8 -4 -8 -8v-26c0 -3 1 -6 3 -7c1 -1 3 -1 5 -1c4 0 8 3 8 8zM191 316c1 2 1 4 1 6s-2 4 -4 5s-4 1 -6 1s-4 -1 -5 -3s-1 -4 -1 -6s2 -4 4 -5s4 -1 6 -1s4 1 5 3z" />
+    <glyph glyph-name="ion-woman" unicode="&#xf25d;" horiz-adv-x="192" 
+d="M30 299c3 12 17 33 42 34h48c24 -1 38 -22 42 -34l29 -104c6 -23 -21 -32 -27 -10l-26 96h-9l46 -169h-43v-127c0 -23 -31 -23 -31 0v127h-10v-127c0 -23 -32 -23 -32 0v127h-42l45 169h-7l-27 -96c-7 -21 -33 -13 -27 10zM133 379c0 -21 -17 -37 -37 -37s-37 16 -37 37
+s17 37 37 37s37 -16 37 -37z" />
+    <glyph glyph-name="ion-wrench" unicode="&#xf2ba;" 
+d="M430 333c14 -14 19 -31 18 -44s-6 -39 -32 -65s-77 -42 -113 -24c-5 3 -13 5 -21 -3c-10 -9 -202 -215 -202 -215c-17 -19 -48 -18 -66 0s-19 49 0 66c0 0 207 194 215 202s5 16 3 22c-20 47 2 89 24 112c22 24 51 31 65 32c13 1 31 -5 44 -18l-57 -56l10 -56l55 -10z
+M59 5c6 6 6 17 0 23s-16 6 -22 0s-6 -17 0 -23s16 -6 22 0z" />
+    <glyph glyph-name="ion-xbox" unicode="&#xf30c;" 
+d="M95 200c-49 -72 -50 -139 -50 -143c-28 38 -45 84 -45 135c0 67 30 128 77 169l3 -1c51 -18 93 -68 93 -68s-38 -33 -78 -92zM448 192c0 -51 -17 -97 -45 -135c0 4 -1 71 -50 143c-40 59 -78 92 -78 92s42 50 93 68l3 1c47 -41 77 -102 77 -169zM169 367
+c-37 17 -65 12 -72 10c36 25 80 39 127 39s91 -14 127 -39c-7 2 -35 6 -72 -10c-29 -13 -55 -35 -55 -35s-26 22 -55 35zM327 155c40 -49 54 -85 62 -108l2 -5c-41 -46 -101 -74 -167 -74s-126 28 -167 74l1 5c8 23 23 59 63 108c46 57 103 94 103 94s57 -37 103 -94z" />
+  </font>
+</defs></svg>

src/web/res/bower_components/Ionicons/less/_ionicons-font.less

@@ -0,0 +1,27 @@
+// Ionicons Font Path
+// --------------------------
+
+@font-face {
+ font-family: @ionicons-font-family;
+ src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}");
+ src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}#iefix") format("embedded-opentype"),
+  url("@{ionicons-font-path}/ionicons.ttf?v=@{ionicons-version}") format("truetype"),
+  url("@{ionicons-font-path}/ionicons.woff?v=@{ionicons-version}") format("woff"),
+  url("@{ionicons-font-path}/ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+.ion {
+  display: inline-block;
+  font-family: @ionicons-font-family;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  text-rendering: auto;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

src/web/res/bower_components/Ionicons/less/_ionicons-icons.less

@@ -0,0 +1,1473 @@
+// Ionicons Icons
+// --------------------------
+
+.ionicons,
+.@{ionicons-prefix}alert:before,
+.@{ionicons-prefix}alert-circled:before,
+.@{ionicons-prefix}android-add:before,
+.@{ionicons-prefix}android-add-circle:before,
+.@{ionicons-prefix}android-alarm-clock:before,
+.@{ionicons-prefix}android-alert:before,
+.@{ionicons-prefix}android-apps:before,
+.@{ionicons-prefix}android-archive:before,
+.@{ionicons-prefix}android-arrow-back:before,
+.@{ionicons-prefix}android-arrow-down:before,
+.@{ionicons-prefix}android-arrow-dropdown:before,
+.@{ionicons-prefix}android-arrow-dropdown-circle:before,
+.@{ionicons-prefix}android-arrow-dropleft:before,
+.@{ionicons-prefix}android-arrow-dropleft-circle:before,
+.@{ionicons-prefix}android-arrow-dropright:before,
+.@{ionicons-prefix}android-arrow-dropright-circle:before,
+.@{ionicons-prefix}android-arrow-dropup:before,
+.@{ionicons-prefix}android-arrow-dropup-circle:before,
+.@{ionicons-prefix}android-arrow-forward:before,
+.@{ionicons-prefix}android-arrow-up:before,
+.@{ionicons-prefix}android-attach:before,
+.@{ionicons-prefix}android-bar:before,
+.@{ionicons-prefix}android-bicycle:before,
+.@{ionicons-prefix}android-boat:before,
+.@{ionicons-prefix}android-bookmark:before,
+.@{ionicons-prefix}android-bulb:before,
+.@{ionicons-prefix}android-bus:before,
+.@{ionicons-prefix}android-calendar:before,
+.@{ionicons-prefix}android-call:before,
+.@{ionicons-prefix}android-camera:before,
+.@{ionicons-prefix}android-cancel:before,
+.@{ionicons-prefix}android-car:before,
+.@{ionicons-prefix}android-cart:before,
+.@{ionicons-prefix}android-chat:before,
+.@{ionicons-prefix}android-checkbox:before,
+.@{ionicons-prefix}android-checkbox-blank:before,
+.@{ionicons-prefix}android-checkbox-outline:before,
+.@{ionicons-prefix}android-checkbox-outline-blank:before,
+.@{ionicons-prefix}android-checkmark-circle:before,
+.@{ionicons-prefix}android-clipboard:before,
+.@{ionicons-prefix}android-close:before,
+.@{ionicons-prefix}android-cloud:before,
+.@{ionicons-prefix}android-cloud-circle:before,
+.@{ionicons-prefix}android-cloud-done:before,
+.@{ionicons-prefix}android-cloud-outline:before,
+.@{ionicons-prefix}android-color-palette:before,
+.@{ionicons-prefix}android-compass:before,
+.@{ionicons-prefix}android-contact:before,
+.@{ionicons-prefix}android-contacts:before,
+.@{ionicons-prefix}android-contract:before,
+.@{ionicons-prefix}android-create:before,
+.@{ionicons-prefix}android-delete:before,
+.@{ionicons-prefix}android-desktop:before,
+.@{ionicons-prefix}android-document:before,
+.@{ionicons-prefix}android-done:before,
+.@{ionicons-prefix}android-done-all:before,
+.@{ionicons-prefix}android-download:before,
+.@{ionicons-prefix}android-drafts:before,
+.@{ionicons-prefix}android-exit:before,
+.@{ionicons-prefix}android-expand:before,
+.@{ionicons-prefix}android-favorite:before,
+.@{ionicons-prefix}android-favorite-outline:before,
+.@{ionicons-prefix}android-film:before,
+.@{ionicons-prefix}android-folder:before,
+.@{ionicons-prefix}android-folder-open:before,
+.@{ionicons-prefix}android-funnel:before,
+.@{ionicons-prefix}android-globe:before,
+.@{ionicons-prefix}android-hand:before,
+.@{ionicons-prefix}android-hangout:before,
+.@{ionicons-prefix}android-happy:before,
+.@{ionicons-prefix}android-home:before,
+.@{ionicons-prefix}android-image:before,
+.@{ionicons-prefix}android-laptop:before,
+.@{ionicons-prefix}android-list:before,
+.@{ionicons-prefix}android-locate:before,
+.@{ionicons-prefix}android-lock:before,
+.@{ionicons-prefix}android-mail:before,
+.@{ionicons-prefix}android-map:before,
+.@{ionicons-prefix}android-menu:before,
+.@{ionicons-prefix}android-microphone:before,
+.@{ionicons-prefix}android-microphone-off:before,
+.@{ionicons-prefix}android-more-horizontal:before,
+.@{ionicons-prefix}android-more-vertical:before,
+.@{ionicons-prefix}android-navigate:before,
+.@{ionicons-prefix}android-notifications:before,
+.@{ionicons-prefix}android-notifications-none:before,
+.@{ionicons-prefix}android-notifications-off:before,
+.@{ionicons-prefix}android-open:before,
+.@{ionicons-prefix}android-options:before,
+.@{ionicons-prefix}android-people:before,
+.@{ionicons-prefix}android-person:before,
+.@{ionicons-prefix}android-person-add:before,
+.@{ionicons-prefix}android-phone-landscape:before,
+.@{ionicons-prefix}android-phone-portrait:before,
+.@{ionicons-prefix}android-pin:before,
+.@{ionicons-prefix}android-plane:before,
+.@{ionicons-prefix}android-playstore:before,
+.@{ionicons-prefix}android-print:before,
+.@{ionicons-prefix}android-radio-button-off:before,
+.@{ionicons-prefix}android-radio-button-on:before,
+.@{ionicons-prefix}android-refresh:before,
+.@{ionicons-prefix}android-remove:before,
+.@{ionicons-prefix}android-remove-circle:before,
+.@{ionicons-prefix}android-restaurant:before,
+.@{ionicons-prefix}android-sad:before,
+.@{ionicons-prefix}android-search:before,
+.@{ionicons-prefix}android-send:before,
+.@{ionicons-prefix}android-settings:before,
+.@{ionicons-prefix}android-share:before,
+.@{ionicons-prefix}android-share-alt:before,
+.@{ionicons-prefix}android-star:before,
+.@{ionicons-prefix}android-star-half:before,
+.@{ionicons-prefix}android-star-outline:before,
+.@{ionicons-prefix}android-stopwatch:before,
+.@{ionicons-prefix}android-subway:before,
+.@{ionicons-prefix}android-sunny:before,
+.@{ionicons-prefix}android-sync:before,
+.@{ionicons-prefix}android-textsms:before,
+.@{ionicons-prefix}android-time:before,
+.@{ionicons-prefix}android-train:before,
+.@{ionicons-prefix}android-unlock:before,
+.@{ionicons-prefix}android-upload:before,
+.@{ionicons-prefix}android-volume-down:before,
+.@{ionicons-prefix}android-volume-mute:before,
+.@{ionicons-prefix}android-volume-off:before,
+.@{ionicons-prefix}android-volume-up:before,
+.@{ionicons-prefix}android-walk:before,
+.@{ionicons-prefix}android-warning:before,
+.@{ionicons-prefix}android-watch:before,
+.@{ionicons-prefix}android-wifi:before,
+.@{ionicons-prefix}aperture:before,
+.@{ionicons-prefix}archive:before,
+.@{ionicons-prefix}arrow-down-a:before,
+.@{ionicons-prefix}arrow-down-b:before,
+.@{ionicons-prefix}arrow-down-c:before,
+.@{ionicons-prefix}arrow-expand:before,
+.@{ionicons-prefix}arrow-graph-down-left:before,
+.@{ionicons-prefix}arrow-graph-down-right:before,
+.@{ionicons-prefix}arrow-graph-up-left:before,
+.@{ionicons-prefix}arrow-graph-up-right:before,
+.@{ionicons-prefix}arrow-left-a:before,
+.@{ionicons-prefix}arrow-left-b:before,
+.@{ionicons-prefix}arrow-left-c:before,
+.@{ionicons-prefix}arrow-move:before,
+.@{ionicons-prefix}arrow-resize:before,
+.@{ionicons-prefix}arrow-return-left:before,
+.@{ionicons-prefix}arrow-return-right:before,
+.@{ionicons-prefix}arrow-right-a:before,
+.@{ionicons-prefix}arrow-right-b:before,
+.@{ionicons-prefix}arrow-right-c:before,
+.@{ionicons-prefix}arrow-shrink:before,
+.@{ionicons-prefix}arrow-swap:before,
+.@{ionicons-prefix}arrow-up-a:before,
+.@{ionicons-prefix}arrow-up-b:before,
+.@{ionicons-prefix}arrow-up-c:before,
+.@{ionicons-prefix}asterisk:before,
+.@{ionicons-prefix}at:before,
+.@{ionicons-prefix}backspace:before,
+.@{ionicons-prefix}backspace-outline:before,
+.@{ionicons-prefix}bag:before,
+.@{ionicons-prefix}battery-charging:before,
+.@{ionicons-prefix}battery-empty:before,
+.@{ionicons-prefix}battery-full:before,
+.@{ionicons-prefix}battery-half:before,
+.@{ionicons-prefix}battery-low:before,
+.@{ionicons-prefix}beaker:before,
+.@{ionicons-prefix}beer:before,
+.@{ionicons-prefix}bluetooth:before,
+.@{ionicons-prefix}bonfire:before,
+.@{ionicons-prefix}bookmark:before,
+.@{ionicons-prefix}bowtie:before,
+.@{ionicons-prefix}briefcase:before,
+.@{ionicons-prefix}bug:before,
+.@{ionicons-prefix}calculator:before,
+.@{ionicons-prefix}calendar:before,
+.@{ionicons-prefix}camera:before,
+.@{ionicons-prefix}card:before,
+.@{ionicons-prefix}cash:before,
+.@{ionicons-prefix}chatbox:before,
+.@{ionicons-prefix}chatbox-working:before,
+.@{ionicons-prefix}chatboxes:before,
+.@{ionicons-prefix}chatbubble:before,
+.@{ionicons-prefix}chatbubble-working:before,
+.@{ionicons-prefix}chatbubbles:before,
+.@{ionicons-prefix}checkmark:before,
+.@{ionicons-prefix}checkmark-circled:before,
+.@{ionicons-prefix}checkmark-round:before,
+.@{ionicons-prefix}chevron-down:before,
+.@{ionicons-prefix}chevron-left:before,
+.@{ionicons-prefix}chevron-right:before,
+.@{ionicons-prefix}chevron-up:before,
+.@{ionicons-prefix}clipboard:before,
+.@{ionicons-prefix}clock:before,
+.@{ionicons-prefix}close:before,
+.@{ionicons-prefix}close-circled:before,
+.@{ionicons-prefix}close-round:before,
+.@{ionicons-prefix}closed-captioning:before,
+.@{ionicons-prefix}cloud:before,
+.@{ionicons-prefix}code:before,
+.@{ionicons-prefix}code-download:before,
+.@{ionicons-prefix}code-working:before,
+.@{ionicons-prefix}coffee:before,
+.@{ionicons-prefix}compass:before,
+.@{ionicons-prefix}compose:before,
+.@{ionicons-prefix}connection-bars:before,
+.@{ionicons-prefix}contrast:before,
+.@{ionicons-prefix}crop:before,
+.@{ionicons-prefix}cube:before,
+.@{ionicons-prefix}disc:before,
+.@{ionicons-prefix}document:before,
+.@{ionicons-prefix}document-text:before,
+.@{ionicons-prefix}drag:before,
+.@{ionicons-prefix}earth:before,
+.@{ionicons-prefix}easel:before,
+.@{ionicons-prefix}edit:before,
+.@{ionicons-prefix}egg:before,
+.@{ionicons-prefix}eject:before,
+.@{ionicons-prefix}email:before,
+.@{ionicons-prefix}email-unread:before,
+.@{ionicons-prefix}erlenmeyer-flask:before,
+.@{ionicons-prefix}erlenmeyer-flask-bubbles:before,
+.@{ionicons-prefix}eye:before,
+.@{ionicons-prefix}eye-disabled:before,
+.@{ionicons-prefix}female:before,
+.@{ionicons-prefix}filing:before,
+.@{ionicons-prefix}film-marker:before,
+.@{ionicons-prefix}fireball:before,
+.@{ionicons-prefix}flag:before,
+.@{ionicons-prefix}flame:before,
+.@{ionicons-prefix}flash:before,
+.@{ionicons-prefix}flash-off:before,
+.@{ionicons-prefix}folder:before,
+.@{ionicons-prefix}fork:before,
+.@{ionicons-prefix}fork-repo:before,
+.@{ionicons-prefix}forward:before,
+.@{ionicons-prefix}funnel:before,
+.@{ionicons-prefix}gear-a:before,
+.@{ionicons-prefix}gear-b:before,
+.@{ionicons-prefix}grid:before,
+.@{ionicons-prefix}hammer:before,
+.@{ionicons-prefix}happy:before,
+.@{ionicons-prefix}happy-outline:before,
+.@{ionicons-prefix}headphone:before,
+.@{ionicons-prefix}heart:before,
+.@{ionicons-prefix}heart-broken:before,
+.@{ionicons-prefix}help:before,
+.@{ionicons-prefix}help-buoy:before,
+.@{ionicons-prefix}help-circled:before,
+.@{ionicons-prefix}home:before,
+.@{ionicons-prefix}icecream:before,
+.@{ionicons-prefix}image:before,
+.@{ionicons-prefix}images:before,
+.@{ionicons-prefix}information:before,
+.@{ionicons-prefix}information-circled:before,
+.@{ionicons-prefix}ionic:before,
+.@{ionicons-prefix}ios-alarm:before,
+.@{ionicons-prefix}ios-alarm-outline:before,
+.@{ionicons-prefix}ios-albums:before,
+.@{ionicons-prefix}ios-albums-outline:before,
+.@{ionicons-prefix}ios-americanfootball:before,
+.@{ionicons-prefix}ios-americanfootball-outline:before,
+.@{ionicons-prefix}ios-analytics:before,
+.@{ionicons-prefix}ios-analytics-outline:before,
+.@{ionicons-prefix}ios-arrow-back:before,
+.@{ionicons-prefix}ios-arrow-down:before,
+.@{ionicons-prefix}ios-arrow-forward:before,
+.@{ionicons-prefix}ios-arrow-left:before,
+.@{ionicons-prefix}ios-arrow-right:before,
+.@{ionicons-prefix}ios-arrow-thin-down:before,
+.@{ionicons-prefix}ios-arrow-thin-left:before,
+.@{ionicons-prefix}ios-arrow-thin-right:before,
+.@{ionicons-prefix}ios-arrow-thin-up:before,
+.@{ionicons-prefix}ios-arrow-up:before,
+.@{ionicons-prefix}ios-at:before,
+.@{ionicons-prefix}ios-at-outline:before,
+.@{ionicons-prefix}ios-barcode:before,
+.@{ionicons-prefix}ios-barcode-outline:before,
+.@{ionicons-prefix}ios-baseball:before,
+.@{ionicons-prefix}ios-baseball-outline:before,
+.@{ionicons-prefix}ios-basketball:before,
+.@{ionicons-prefix}ios-basketball-outline:before,
+.@{ionicons-prefix}ios-bell:before,
+.@{ionicons-prefix}ios-bell-outline:before,
+.@{ionicons-prefix}ios-body:before,
+.@{ionicons-prefix}ios-body-outline:before,
+.@{ionicons-prefix}ios-bolt:before,
+.@{ionicons-prefix}ios-bolt-outline:before,
+.@{ionicons-prefix}ios-book:before,
+.@{ionicons-prefix}ios-book-outline:before,
+.@{ionicons-prefix}ios-bookmarks:before,
+.@{ionicons-prefix}ios-bookmarks-outline:before,
+.@{ionicons-prefix}ios-box:before,
+.@{ionicons-prefix}ios-box-outline:before,
+.@{ionicons-prefix}ios-briefcase:before,
+.@{ionicons-prefix}ios-briefcase-outline:before,
+.@{ionicons-prefix}ios-browsers:before,
+.@{ionicons-prefix}ios-browsers-outline:before,
+.@{ionicons-prefix}ios-calculator:before,
+.@{ionicons-prefix}ios-calculator-outline:before,
+.@{ionicons-prefix}ios-calendar:before,
+.@{ionicons-prefix}ios-calendar-outline:before,
+.@{ionicons-prefix}ios-camera:before,
+.@{ionicons-prefix}ios-camera-outline:before,
+.@{ionicons-prefix}ios-cart:before,
+.@{ionicons-prefix}ios-cart-outline:before,
+.@{ionicons-prefix}ios-chatboxes:before,
+.@{ionicons-prefix}ios-chatboxes-outline:before,
+.@{ionicons-prefix}ios-chatbubble:before,
+.@{ionicons-prefix}ios-chatbubble-outline:before,
+.@{ionicons-prefix}ios-checkmark:before,
+.@{ionicons-prefix}ios-checkmark-empty:before,
+.@{ionicons-prefix}ios-checkmark-outline:before,
+.@{ionicons-prefix}ios-circle-filled:before,
+.@{ionicons-prefix}ios-circle-outline:before,
+.@{ionicons-prefix}ios-clock:before,
+.@{ionicons-prefix}ios-clock-outline:before,
+.@{ionicons-prefix}ios-close:before,
+.@{ionicons-prefix}ios-close-empty:before,
+.@{ionicons-prefix}ios-close-outline:before,
+.@{ionicons-prefix}ios-cloud:before,
+.@{ionicons-prefix}ios-cloud-download:before,
+.@{ionicons-prefix}ios-cloud-download-outline:before,
+.@{ionicons-prefix}ios-cloud-outline:before,
+.@{ionicons-prefix}ios-cloud-upload:before,
+.@{ionicons-prefix}ios-cloud-upload-outline:before,
+.@{ionicons-prefix}ios-cloudy:before,
+.@{ionicons-prefix}ios-cloudy-night:before,
+.@{ionicons-prefix}ios-cloudy-night-outline:before,
+.@{ionicons-prefix}ios-cloudy-outline:before,
+.@{ionicons-prefix}ios-cog:before,
+.@{ionicons-prefix}ios-cog-outline:before,
+.@{ionicons-prefix}ios-color-filter:before,
+.@{ionicons-prefix}ios-color-filter-outline:before,
+.@{ionicons-prefix}ios-color-wand:before,
+.@{ionicons-prefix}ios-color-wand-outline:before,
+.@{ionicons-prefix}ios-compose:before,
+.@{ionicons-prefix}ios-compose-outline:before,
+.@{ionicons-prefix}ios-contact:before,
+.@{ionicons-prefix}ios-contact-outline:before,
+.@{ionicons-prefix}ios-copy:before,
+.@{ionicons-prefix}ios-copy-outline:before,
+.@{ionicons-prefix}ios-crop:before,
+.@{ionicons-prefix}ios-crop-strong:before,
+.@{ionicons-prefix}ios-download:before,
+.@{ionicons-prefix}ios-download-outline:before,
+.@{ionicons-prefix}ios-drag:before,
+.@{ionicons-prefix}ios-email:before,
+.@{ionicons-prefix}ios-email-outline:before,
+.@{ionicons-prefix}ios-eye:before,
+.@{ionicons-prefix}ios-eye-outline:before,
+.@{ionicons-prefix}ios-fastforward:before,
+.@{ionicons-prefix}ios-fastforward-outline:before,
+.@{ionicons-prefix}ios-filing:before,
+.@{ionicons-prefix}ios-filing-outline:before,
+.@{ionicons-prefix}ios-film:before,
+.@{ionicons-prefix}ios-film-outline:before,
+.@{ionicons-prefix}ios-flag:before,
+.@{ionicons-prefix}ios-flag-outline:before,
+.@{ionicons-prefix}ios-flame:before,
+.@{ionicons-prefix}ios-flame-outline:before,
+.@{ionicons-prefix}ios-flask:before,
+.@{ionicons-prefix}ios-flask-outline:before,
+.@{ionicons-prefix}ios-flower:before,
+.@{ionicons-prefix}ios-flower-outline:before,
+.@{ionicons-prefix}ios-folder:before,
+.@{ionicons-prefix}ios-folder-outline:before,
+.@{ionicons-prefix}ios-football:before,
+.@{ionicons-prefix}ios-football-outline:before,
+.@{ionicons-prefix}ios-game-controller-a:before,
+.@{ionicons-prefix}ios-game-controller-a-outline:before,
+.@{ionicons-prefix}ios-game-controller-b:before,
+.@{ionicons-prefix}ios-game-controller-b-outline:before,
+.@{ionicons-prefix}ios-gear:before,
+.@{ionicons-prefix}ios-gear-outline:before,
+.@{ionicons-prefix}ios-glasses:before,
+.@{ionicons-prefix}ios-glasses-outline:before,
+.@{ionicons-prefix}ios-grid-view:before,
+.@{ionicons-prefix}ios-grid-view-outline:before,
+.@{ionicons-prefix}ios-heart:before,
+.@{ionicons-prefix}ios-heart-outline:before,
+.@{ionicons-prefix}ios-help:before,
+.@{ionicons-prefix}ios-help-empty:before,
+.@{ionicons-prefix}ios-help-outline:before,
+.@{ionicons-prefix}ios-home:before,
+.@{ionicons-prefix}ios-home-outline:before,
+.@{ionicons-prefix}ios-infinite:before,
+.@{ionicons-prefix}ios-infinite-outline:before,
+.@{ionicons-prefix}ios-information:before,
+.@{ionicons-prefix}ios-information-empty:before,
+.@{ionicons-prefix}ios-information-outline:before,
+.@{ionicons-prefix}ios-ionic-outline:before,
+.@{ionicons-prefix}ios-keypad:before,
+.@{ionicons-prefix}ios-keypad-outline:before,
+.@{ionicons-prefix}ios-lightbulb:before,
+.@{ionicons-prefix}ios-lightbulb-outline:before,
+.@{ionicons-prefix}ios-list:before,
+.@{ionicons-prefix}ios-list-outline:before,
+.@{ionicons-prefix}ios-location:before,
+.@{ionicons-prefix}ios-location-outline:before,
+.@{ionicons-prefix}ios-locked:before,
+.@{ionicons-prefix}ios-locked-outline:before,
+.@{ionicons-prefix}ios-loop:before,
+.@{ionicons-prefix}ios-loop-strong:before,
+.@{ionicons-prefix}ios-medical:before,
+.@{ionicons-prefix}ios-medical-outline:before,
+.@{ionicons-prefix}ios-medkit:before,
+.@{ionicons-prefix}ios-medkit-outline:before,
+.@{ionicons-prefix}ios-mic:before,
+.@{ionicons-prefix}ios-mic-off:before,
+.@{ionicons-prefix}ios-mic-outline:before,
+.@{ionicons-prefix}ios-minus:before,
+.@{ionicons-prefix}ios-minus-empty:before,
+.@{ionicons-prefix}ios-minus-outline:before,
+.@{ionicons-prefix}ios-monitor:before,
+.@{ionicons-prefix}ios-monitor-outline:before,
+.@{ionicons-prefix}ios-moon:before,
+.@{ionicons-prefix}ios-moon-outline:before,
+.@{ionicons-prefix}ios-more:before,
+.@{ionicons-prefix}ios-more-outline:before,
+.@{ionicons-prefix}ios-musical-note:before,
+.@{ionicons-prefix}ios-musical-notes:before,
+.@{ionicons-prefix}ios-navigate:before,
+.@{ionicons-prefix}ios-navigate-outline:before,
+.@{ionicons-prefix}ios-nutrition:before,
+.@{ionicons-prefix}ios-nutrition-outline:before,
+.@{ionicons-prefix}ios-paper:before,
+.@{ionicons-prefix}ios-paper-outline:before,
+.@{ionicons-prefix}ios-paperplane:before,
+.@{ionicons-prefix}ios-paperplane-outline:before,
+.@{ionicons-prefix}ios-partlysunny:before,
+.@{ionicons-prefix}ios-partlysunny-outline:before,
+.@{ionicons-prefix}ios-pause:before,
+.@{ionicons-prefix}ios-pause-outline:before,
+.@{ionicons-prefix}ios-paw:before,
+.@{ionicons-prefix}ios-paw-outline:before,
+.@{ionicons-prefix}ios-people:before,
+.@{ionicons-prefix}ios-people-outline:before,
+.@{ionicons-prefix}ios-person:before,
+.@{ionicons-prefix}ios-person-outline:before,
+.@{ionicons-prefix}ios-personadd:before,
+.@{ionicons-prefix}ios-personadd-outline:before,
+.@{ionicons-prefix}ios-photos:before,
+.@{ionicons-prefix}ios-photos-outline:before,
+.@{ionicons-prefix}ios-pie:before,
+.@{ionicons-prefix}ios-pie-outline:before,
+.@{ionicons-prefix}ios-pint:before,
+.@{ionicons-prefix}ios-pint-outline:before,
+.@{ionicons-prefix}ios-play:before,
+.@{ionicons-prefix}ios-play-outline:before,
+.@{ionicons-prefix}ios-plus:before,
+.@{ionicons-prefix}ios-plus-empty:before,
+.@{ionicons-prefix}ios-plus-outline:before,
+.@{ionicons-prefix}ios-pricetag:before,
+.@{ionicons-prefix}ios-pricetag-outline:before,
+.@{ionicons-prefix}ios-pricetags:before,
+.@{ionicons-prefix}ios-pricetags-outline:before,
+.@{ionicons-prefix}ios-printer:before,
+.@{ionicons-prefix}ios-printer-outline:before,
+.@{ionicons-prefix}ios-pulse:before,
+.@{ionicons-prefix}ios-pulse-strong:before,
+.@{ionicons-prefix}ios-rainy:before,
+.@{ionicons-prefix}ios-rainy-outline:before,
+.@{ionicons-prefix}ios-recording:before,
+.@{ionicons-prefix}ios-recording-outline:before,
+.@{ionicons-prefix}ios-redo:before,
+.@{ionicons-prefix}ios-redo-outline:before,
+.@{ionicons-prefix}ios-refresh:before,
+.@{ionicons-prefix}ios-refresh-empty:before,
+.@{ionicons-prefix}ios-refresh-outline:before,
+.@{ionicons-prefix}ios-reload:before,
+.@{ionicons-prefix}ios-reverse-camera:before,
+.@{ionicons-prefix}ios-reverse-camera-outline:before,
+.@{ionicons-prefix}ios-rewind:before,
+.@{ionicons-prefix}ios-rewind-outline:before,
+.@{ionicons-prefix}ios-rose:before,
+.@{ionicons-prefix}ios-rose-outline:before,
+.@{ionicons-prefix}ios-search:before,
+.@{ionicons-prefix}ios-search-strong:before,
+.@{ionicons-prefix}ios-settings:before,
+.@{ionicons-prefix}ios-settings-strong:before,
+.@{ionicons-prefix}ios-shuffle:before,
+.@{ionicons-prefix}ios-shuffle-strong:before,
+.@{ionicons-prefix}ios-skipbackward:before,
+.@{ionicons-prefix}ios-skipbackward-outline:before,
+.@{ionicons-prefix}ios-skipforward:before,
+.@{ionicons-prefix}ios-skipforward-outline:before,
+.@{ionicons-prefix}ios-snowy:before,
+.@{ionicons-prefix}ios-speedometer:before,
+.@{ionicons-prefix}ios-speedometer-outline:before,
+.@{ionicons-prefix}ios-star:before,
+.@{ionicons-prefix}ios-star-half:before,
+.@{ionicons-prefix}ios-star-outline:before,
+.@{ionicons-prefix}ios-stopwatch:before,
+.@{ionicons-prefix}ios-stopwatch-outline:before,
+.@{ionicons-prefix}ios-sunny:before,
+.@{ionicons-prefix}ios-sunny-outline:before,
+.@{ionicons-prefix}ios-telephone:before,
+.@{ionicons-prefix}ios-telephone-outline:before,
+.@{ionicons-prefix}ios-tennisball:before,
+.@{ionicons-prefix}ios-tennisball-outline:before,
+.@{ionicons-prefix}ios-thunderstorm:before,
+.@{ionicons-prefix}ios-thunderstorm-outline:before,
+.@{ionicons-prefix}ios-time:before,
+.@{ionicons-prefix}ios-time-outline:before,
+.@{ionicons-prefix}ios-timer:before,
+.@{ionicons-prefix}ios-timer-outline:before,
+.@{ionicons-prefix}ios-toggle:before,
+.@{ionicons-prefix}ios-toggle-outline:before,
+.@{ionicons-prefix}ios-trash:before,
+.@{ionicons-prefix}ios-trash-outline:before,
+.@{ionicons-prefix}ios-undo:before,
+.@{ionicons-prefix}ios-undo-outline:before,
+.@{ionicons-prefix}ios-unlocked:before,
+.@{ionicons-prefix}ios-unlocked-outline:before,
+.@{ionicons-prefix}ios-upload:before,
+.@{ionicons-prefix}ios-upload-outline:before,
+.@{ionicons-prefix}ios-videocam:before,
+.@{ionicons-prefix}ios-videocam-outline:before,
+.@{ionicons-prefix}ios-volume-high:before,
+.@{ionicons-prefix}ios-volume-low:before,
+.@{ionicons-prefix}ios-wineglass:before,
+.@{ionicons-prefix}ios-wineglass-outline:before,
+.@{ionicons-prefix}ios-world:before,
+.@{ionicons-prefix}ios-world-outline:before,
+.@{ionicons-prefix}ipad:before,
+.@{ionicons-prefix}iphone:before,
+.@{ionicons-prefix}ipod:before,
+.@{ionicons-prefix}jet:before,
+.@{ionicons-prefix}key:before,
+.@{ionicons-prefix}knife:before,
+.@{ionicons-prefix}laptop:before,
+.@{ionicons-prefix}leaf:before,
+.@{ionicons-prefix}levels:before,
+.@{ionicons-prefix}lightbulb:before,
+.@{ionicons-prefix}link:before,
+.@{ionicons-prefix}load-a:before,
+.@{ionicons-prefix}load-b:before,
+.@{ionicons-prefix}load-c:before,
+.@{ionicons-prefix}load-d:before,
+.@{ionicons-prefix}location:before,
+.@{ionicons-prefix}lock-combination:before,
+.@{ionicons-prefix}locked:before,
+.@{ionicons-prefix}log-in:before,
+.@{ionicons-prefix}log-out:before,
+.@{ionicons-prefix}loop:before,
+.@{ionicons-prefix}magnet:before,
+.@{ionicons-prefix}male:before,
+.@{ionicons-prefix}man:before,
+.@{ionicons-prefix}map:before,
+.@{ionicons-prefix}medkit:before,
+.@{ionicons-prefix}merge:before,
+.@{ionicons-prefix}mic-a:before,
+.@{ionicons-prefix}mic-b:before,
+.@{ionicons-prefix}mic-c:before,
+.@{ionicons-prefix}minus:before,
+.@{ionicons-prefix}minus-circled:before,
+.@{ionicons-prefix}minus-round:before,
+.@{ionicons-prefix}model-s:before,
+.@{ionicons-prefix}monitor:before,
+.@{ionicons-prefix}more:before,
+.@{ionicons-prefix}mouse:before,
+.@{ionicons-prefix}music-note:before,
+.@{ionicons-prefix}navicon:before,
+.@{ionicons-prefix}navicon-round:before,
+.@{ionicons-prefix}navigate:before,
+.@{ionicons-prefix}network:before,
+.@{ionicons-prefix}no-smoking:before,
+.@{ionicons-prefix}nuclear:before,
+.@{ionicons-prefix}outlet:before,
+.@{ionicons-prefix}paintbrush:before,
+.@{ionicons-prefix}paintbucket:before,
+.@{ionicons-prefix}paper-airplane:before,
+.@{ionicons-prefix}paperclip:before,
+.@{ionicons-prefix}pause:before,
+.@{ionicons-prefix}person:before,
+.@{ionicons-prefix}person-add:before,
+.@{ionicons-prefix}person-stalker:before,
+.@{ionicons-prefix}pie-graph:before,
+.@{ionicons-prefix}pin:before,
+.@{ionicons-prefix}pinpoint:before,
+.@{ionicons-prefix}pizza:before,
+.@{ionicons-prefix}plane:before,
+.@{ionicons-prefix}planet:before,
+.@{ionicons-prefix}play:before,
+.@{ionicons-prefix}playstation:before,
+.@{ionicons-prefix}plus:before,
+.@{ionicons-prefix}plus-circled:before,
+.@{ionicons-prefix}plus-round:before,
+.@{ionicons-prefix}podium:before,
+.@{ionicons-prefix}pound:before,
+.@{ionicons-prefix}power:before,
+.@{ionicons-prefix}pricetag:before,
+.@{ionicons-prefix}pricetags:before,
+.@{ionicons-prefix}printer:before,
+.@{ionicons-prefix}pull-request:before,
+.@{ionicons-prefix}qr-scanner:before,
+.@{ionicons-prefix}quote:before,
+.@{ionicons-prefix}radio-waves:before,
+.@{ionicons-prefix}record:before,
+.@{ionicons-prefix}refresh:before,
+.@{ionicons-prefix}reply:before,
+.@{ionicons-prefix}reply-all:before,
+.@{ionicons-prefix}ribbon-a:before,
+.@{ionicons-prefix}ribbon-b:before,
+.@{ionicons-prefix}sad:before,
+.@{ionicons-prefix}sad-outline:before,
+.@{ionicons-prefix}scissors:before,
+.@{ionicons-prefix}search:before,
+.@{ionicons-prefix}settings:before,
+.@{ionicons-prefix}share:before,
+.@{ionicons-prefix}shuffle:before,
+.@{ionicons-prefix}skip-backward:before,
+.@{ionicons-prefix}skip-forward:before,
+.@{ionicons-prefix}social-android:before,
+.@{ionicons-prefix}social-android-outline:before,
+.@{ionicons-prefix}social-angular:before,
+.@{ionicons-prefix}social-angular-outline:before,
+.@{ionicons-prefix}social-apple:before,
+.@{ionicons-prefix}social-apple-outline:before,
+.@{ionicons-prefix}social-bitcoin:before,
+.@{ionicons-prefix}social-bitcoin-outline:before,
+.@{ionicons-prefix}social-buffer:before,
+.@{ionicons-prefix}social-buffer-outline:before,
+.@{ionicons-prefix}social-chrome:before,
+.@{ionicons-prefix}social-chrome-outline:before,
+.@{ionicons-prefix}social-codepen:before,
+.@{ionicons-prefix}social-codepen-outline:before,
+.@{ionicons-prefix}social-css3:before,
+.@{ionicons-prefix}social-css3-outline:before,
+.@{ionicons-prefix}social-designernews:before,
+.@{ionicons-prefix}social-designernews-outline:before,
+.@{ionicons-prefix}social-dribbble:before,
+.@{ionicons-prefix}social-dribbble-outline:before,
+.@{ionicons-prefix}social-dropbox:before,
+.@{ionicons-prefix}social-dropbox-outline:before,
+.@{ionicons-prefix}social-euro:before,
+.@{ionicons-prefix}social-euro-outline:before,
+.@{ionicons-prefix}social-facebook:before,
+.@{ionicons-prefix}social-facebook-outline:before,
+.@{ionicons-prefix}social-foursquare:before,
+.@{ionicons-prefix}social-foursquare-outline:before,
+.@{ionicons-prefix}social-freebsd-devil:before,
+.@{ionicons-prefix}social-github:before,
+.@{ionicons-prefix}social-github-outline:before,
+.@{ionicons-prefix}social-google:before,
+.@{ionicons-prefix}social-google-outline:before,
+.@{ionicons-prefix}social-googleplus:before,
+.@{ionicons-prefix}social-googleplus-outline:before,
+.@{ionicons-prefix}social-hackernews:before,
+.@{ionicons-prefix}social-hackernews-outline:before,
+.@{ionicons-prefix}social-html5:before,
+.@{ionicons-prefix}social-html5-outline:before,
+.@{ionicons-prefix}social-instagram:before,
+.@{ionicons-prefix}social-instagram-outline:before,
+.@{ionicons-prefix}social-javascript:before,
+.@{ionicons-prefix}social-javascript-outline:before,
+.@{ionicons-prefix}social-linkedin:before,
+.@{ionicons-prefix}social-linkedin-outline:before,
+.@{ionicons-prefix}social-markdown:before,
+.@{ionicons-prefix}social-nodejs:before,
+.@{ionicons-prefix}social-octocat:before,
+.@{ionicons-prefix}social-pinterest:before,
+.@{ionicons-prefix}social-pinterest-outline:before,
+.@{ionicons-prefix}social-python:before,
+.@{ionicons-prefix}social-reddit:before,
+.@{ionicons-prefix}social-reddit-outline:before,
+.@{ionicons-prefix}social-rss:before,
+.@{ionicons-prefix}social-rss-outline:before,
+.@{ionicons-prefix}social-sass:before,
+.@{ionicons-prefix}social-skype:before,
+.@{ionicons-prefix}social-skype-outline:before,
+.@{ionicons-prefix}social-snapchat:before,
+.@{ionicons-prefix}social-snapchat-outline:before,
+.@{ionicons-prefix}social-tumblr:before,
+.@{ionicons-prefix}social-tumblr-outline:before,
+.@{ionicons-prefix}social-tux:before,
+.@{ionicons-prefix}social-twitch:before,
+.@{ionicons-prefix}social-twitch-outline:before,
+.@{ionicons-prefix}social-twitter:before,
+.@{ionicons-prefix}social-twitter-outline:before,
+.@{ionicons-prefix}social-usd:before,
+.@{ionicons-prefix}social-usd-outline:before,
+.@{ionicons-prefix}social-vimeo:before,
+.@{ionicons-prefix}social-vimeo-outline:before,
+.@{ionicons-prefix}social-whatsapp:before,
+.@{ionicons-prefix}social-whatsapp-outline:before,
+.@{ionicons-prefix}social-windows:before,
+.@{ionicons-prefix}social-windows-outline:before,
+.@{ionicons-prefix}social-wordpress:before,
+.@{ionicons-prefix}social-wordpress-outline:before,
+.@{ionicons-prefix}social-yahoo:before,
+.@{ionicons-prefix}social-yahoo-outline:before,
+.@{ionicons-prefix}social-yen:before,
+.@{ionicons-prefix}social-yen-outline:before,
+.@{ionicons-prefix}social-youtube:before,
+.@{ionicons-prefix}social-youtube-outline:before,
+.@{ionicons-prefix}soup-can:before,
+.@{ionicons-prefix}soup-can-outline:before,
+.@{ionicons-prefix}speakerphone:before,
+.@{ionicons-prefix}speedometer:before,
+.@{ionicons-prefix}spoon:before,
+.@{ionicons-prefix}star:before,
+.@{ionicons-prefix}stats-bars:before,
+.@{ionicons-prefix}steam:before,
+.@{ionicons-prefix}stop:before,
+.@{ionicons-prefix}thermometer:before,
+.@{ionicons-prefix}thumbsdown:before,
+.@{ionicons-prefix}thumbsup:before,
+.@{ionicons-prefix}toggle:before,
+.@{ionicons-prefix}toggle-filled:before,
+.@{ionicons-prefix}transgender:before,
+.@{ionicons-prefix}trash-a:before,
+.@{ionicons-prefix}trash-b:before,
+.@{ionicons-prefix}trophy:before,
+.@{ionicons-prefix}tshirt:before,
+.@{ionicons-prefix}tshirt-outline:before,
+.@{ionicons-prefix}umbrella:before,
+.@{ionicons-prefix}university:before,
+.@{ionicons-prefix}unlocked:before,
+.@{ionicons-prefix}upload:before,
+.@{ionicons-prefix}usb:before,
+.@{ionicons-prefix}videocamera:before,
+.@{ionicons-prefix}volume-high:before,
+.@{ionicons-prefix}volume-low:before,
+.@{ionicons-prefix}volume-medium:before,
+.@{ionicons-prefix}volume-mute:before,
+.@{ionicons-prefix}wand:before,
+.@{ionicons-prefix}waterdrop:before,
+.@{ionicons-prefix}wifi:before,
+.@{ionicons-prefix}wineglass:before,
+.@{ionicons-prefix}woman:before,
+.@{ionicons-prefix}wrench:before,
+.@{ionicons-prefix}xbox:before
+{
+  &:extend(.ion);
+}
+.@{ionicons-prefix}alert:before { content: @ionicon-var-alert; }
+.@{ionicons-prefix}alert-circled:before { content: @ionicon-var-alert-circled; }
+.@{ionicons-prefix}android-add:before { content: @ionicon-var-android-add; }
+.@{ionicons-prefix}android-add-circle:before { content: @ionicon-var-android-add-circle; }
+.@{ionicons-prefix}android-alarm-clock:before { content: @ionicon-var-android-alarm-clock; }
+.@{ionicons-prefix}android-alert:before { content: @ionicon-var-android-alert; }
+.@{ionicons-prefix}android-apps:before { content: @ionicon-var-android-apps; }
+.@{ionicons-prefix}android-archive:before { content: @ionicon-var-android-archive; }
+.@{ionicons-prefix}android-arrow-back:before { content: @ionicon-var-android-arrow-back; }
+.@{ionicons-prefix}android-arrow-down:before { content: @ionicon-var-android-arrow-down; }
+.@{ionicons-prefix}android-arrow-dropdown:before { content: @ionicon-var-android-arrow-dropdown; }
+.@{ionicons-prefix}android-arrow-dropdown-circle:before { content: @ionicon-var-android-arrow-dropdown-circle; }
+.@{ionicons-prefix}android-arrow-dropleft:before { content: @ionicon-var-android-arrow-dropleft; }
+.@{ionicons-prefix}android-arrow-dropleft-circle:before { content: @ionicon-var-android-arrow-dropleft-circle; }
+.@{ionicons-prefix}android-arrow-dropright:before { content: @ionicon-var-android-arrow-dropright; }
+.@{ionicons-prefix}android-arrow-dropright-circle:before { content: @ionicon-var-android-arrow-dropright-circle; }
+.@{ionicons-prefix}android-arrow-dropup:before { content: @ionicon-var-android-arrow-dropup; }
+.@{ionicons-prefix}android-arrow-dropup-circle:before { content: @ionicon-var-android-arrow-dropup-circle; }
+.@{ionicons-prefix}android-arrow-forward:before { content: @ionicon-var-android-arrow-forward; }
+.@{ionicons-prefix}android-arrow-up:before { content: @ionicon-var-android-arrow-up; }
+.@{ionicons-prefix}android-attach:before { content: @ionicon-var-android-attach; }
+.@{ionicons-prefix}android-bar:before { content: @ionicon-var-android-bar; }
+.@{ionicons-prefix}android-bicycle:before { content: @ionicon-var-android-bicycle; }
+.@{ionicons-prefix}android-boat:before { content: @ionicon-var-android-boat; }
+.@{ionicons-prefix}android-bookmark:before { content: @ionicon-var-android-bookmark; }
+.@{ionicons-prefix}android-bulb:before { content: @ionicon-var-android-bulb; }
+.@{ionicons-prefix}android-bus:before { content: @ionicon-var-android-bus; }
+.@{ionicons-prefix}android-calendar:before { content: @ionicon-var-android-calendar; }
+.@{ionicons-prefix}android-call:before { content: @ionicon-var-android-call; }
+.@{ionicons-prefix}android-camera:before { content: @ionicon-var-android-camera; }
+.@{ionicons-prefix}android-cancel:before { content: @ionicon-var-android-cancel; }
+.@{ionicons-prefix}android-car:before { content: @ionicon-var-android-car; }
+.@{ionicons-prefix}android-cart:before { content: @ionicon-var-android-cart; }
+.@{ionicons-prefix}android-chat:before { content: @ionicon-var-android-chat; }
+.@{ionicons-prefix}android-checkbox:before { content: @ionicon-var-android-checkbox; }
+.@{ionicons-prefix}android-checkbox-blank:before { content: @ionicon-var-android-checkbox-blank; }
+.@{ionicons-prefix}android-checkbox-outline:before { content: @ionicon-var-android-checkbox-outline; }
+.@{ionicons-prefix}android-checkbox-outline-blank:before { content: @ionicon-var-android-checkbox-outline-blank; }
+.@{ionicons-prefix}android-checkmark-circle:before { content: @ionicon-var-android-checkmark-circle; }
+.@{ionicons-prefix}android-clipboard:before { content: @ionicon-var-android-clipboard; }
+.@{ionicons-prefix}android-close:before { content: @ionicon-var-android-close; }
+.@{ionicons-prefix}android-cloud:before { content: @ionicon-var-android-cloud; }
+.@{ionicons-prefix}android-cloud-circle:before { content: @ionicon-var-android-cloud-circle; }
+.@{ionicons-prefix}android-cloud-done:before { content: @ionicon-var-android-cloud-done; }
+.@{ionicons-prefix}android-cloud-outline:before { content: @ionicon-var-android-cloud-outline; }
+.@{ionicons-prefix}android-color-palette:before { content: @ionicon-var-android-color-palette; }
+.@{ionicons-prefix}android-compass:before { content: @ionicon-var-android-compass; }
+.@{ionicons-prefix}android-contact:before { content: @ionicon-var-android-contact; }
+.@{ionicons-prefix}android-contacts:before { content: @ionicon-var-android-contacts; }
+.@{ionicons-prefix}android-contract:before { content: @ionicon-var-android-contract; }
+.@{ionicons-prefix}android-create:before { content: @ionicon-var-android-create; }
+.@{ionicons-prefix}android-delete:before { content: @ionicon-var-android-delete; }
+.@{ionicons-prefix}android-desktop:before { content: @ionicon-var-android-desktop; }
+.@{ionicons-prefix}android-document:before { content: @ionicon-var-android-document; }
+.@{ionicons-prefix}android-done:before { content: @ionicon-var-android-done; }
+.@{ionicons-prefix}android-done-all:before { content: @ionicon-var-android-done-all; }
+.@{ionicons-prefix}android-download:before { content: @ionicon-var-android-download; }
+.@{ionicons-prefix}android-drafts:before { content: @ionicon-var-android-drafts; }
+.@{ionicons-prefix}android-exit:before { content: @ionicon-var-android-exit; }
+.@{ionicons-prefix}android-expand:before { content: @ionicon-var-android-expand; }
+.@{ionicons-prefix}android-favorite:before { content: @ionicon-var-android-favorite; }
+.@{ionicons-prefix}android-favorite-outline:before { content: @ionicon-var-android-favorite-outline; }
+.@{ionicons-prefix}android-film:before { content: @ionicon-var-android-film; }
+.@{ionicons-prefix}android-folder:before { content: @ionicon-var-android-folder; }
+.@{ionicons-prefix}android-folder-open:before { content: @ionicon-var-android-folder-open; }
+.@{ionicons-prefix}android-funnel:before { content: @ionicon-var-android-funnel; }
+.@{ionicons-prefix}android-globe:before { content: @ionicon-var-android-globe; }
+.@{ionicons-prefix}android-hand:before { content: @ionicon-var-android-hand; }
+.@{ionicons-prefix}android-hangout:before { content: @ionicon-var-android-hangout; }
+.@{ionicons-prefix}android-happy:before { content: @ionicon-var-android-happy; }
+.@{ionicons-prefix}android-home:before { content: @ionicon-var-android-home; }
+.@{ionicons-prefix}android-image:before { content: @ionicon-var-android-image; }
+.@{ionicons-prefix}android-laptop:before { content: @ionicon-var-android-laptop; }
+.@{ionicons-prefix}android-list:before { content: @ionicon-var-android-list; }
+.@{ionicons-prefix}android-locate:before { content: @ionicon-var-android-locate; }
+.@{ionicons-prefix}android-lock:before { content: @ionicon-var-android-lock; }
+.@{ionicons-prefix}android-mail:before { content: @ionicon-var-android-mail; }
+.@{ionicons-prefix}android-map:before { content: @ionicon-var-android-map; }
+.@{ionicons-prefix}android-menu:before { content: @ionicon-var-android-menu; }
+.@{ionicons-prefix}android-microphone:before { content: @ionicon-var-android-microphone; }
+.@{ionicons-prefix}android-microphone-off:before { content: @ionicon-var-android-microphone-off; }
+.@{ionicons-prefix}android-more-horizontal:before { content: @ionicon-var-android-more-horizontal; }
+.@{ionicons-prefix}android-more-vertical:before { content: @ionicon-var-android-more-vertical; }
+.@{ionicons-prefix}android-navigate:before { content: @ionicon-var-android-navigate; }
+.@{ionicons-prefix}android-notifications:before { content: @ionicon-var-android-notifications; }
+.@{ionicons-prefix}android-notifications-none:before { content: @ionicon-var-android-notifications-none; }
+.@{ionicons-prefix}android-notifications-off:before { content: @ionicon-var-android-notifications-off; }
+.@{ionicons-prefix}android-open:before { content: @ionicon-var-android-open; }
+.@{ionicons-prefix}android-options:before { content: @ionicon-var-android-options; }
+.@{ionicons-prefix}android-people:before { content: @ionicon-var-android-people; }
+.@{ionicons-prefix}android-person:before { content: @ionicon-var-android-person; }
+.@{ionicons-prefix}android-person-add:before { content: @ionicon-var-android-person-add; }
+.@{ionicons-prefix}android-phone-landscape:before { content: @ionicon-var-android-phone-landscape; }
+.@{ionicons-prefix}android-phone-portrait:before { content: @ionicon-var-android-phone-portrait; }
+.@{ionicons-prefix}android-pin:before { content: @ionicon-var-android-pin; }
+.@{ionicons-prefix}android-plane:before { content: @ionicon-var-android-plane; }
+.@{ionicons-prefix}android-playstore:before { content: @ionicon-var-android-playstore; }
+.@{ionicons-prefix}android-print:before { content: @ionicon-var-android-print; }
+.@{ionicons-prefix}android-radio-button-off:before { content: @ionicon-var-android-radio-button-off; }
+.@{ionicons-prefix}android-radio-button-on:before { content: @ionicon-var-android-radio-button-on; }
+.@{ionicons-prefix}android-refresh:before { content: @ionicon-var-android-refresh; }
+.@{ionicons-prefix}android-remove:before { content: @ionicon-var-android-remove; }
+.@{ionicons-prefix}android-remove-circle:before { content: @ionicon-var-android-remove-circle; }
+.@{ionicons-prefix}android-restaurant:before { content: @ionicon-var-android-restaurant; }
+.@{ionicons-prefix}android-sad:before { content: @ionicon-var-android-sad; }
+.@{ionicons-prefix}android-search:before { content: @ionicon-var-android-search; }
+.@{ionicons-prefix}android-send:before { content: @ionicon-var-android-send; }
+.@{ionicons-prefix}android-settings:before { content: @ionicon-var-android-settings; }
+.@{ionicons-prefix}android-share:before { content: @ionicon-var-android-share; }
+.@{ionicons-prefix}android-share-alt:before { content: @ionicon-var-android-share-alt; }
+.@{ionicons-prefix}android-star:before { content: @ionicon-var-android-star; }
+.@{ionicons-prefix}android-star-half:before { content: @ionicon-var-android-star-half; }
+.@{ionicons-prefix}android-star-outline:before { content: @ionicon-var-android-star-outline; }
+.@{ionicons-prefix}android-stopwatch:before { content: @ionicon-var-android-stopwatch; }
+.@{ionicons-prefix}android-subway:before { content: @ionicon-var-android-subway; }
+.@{ionicons-prefix}android-sunny:before { content: @ionicon-var-android-sunny; }
+.@{ionicons-prefix}android-sync:before { content: @ionicon-var-android-sync; }
+.@{ionicons-prefix}android-textsms:before { content: @ionicon-var-android-textsms; }
+.@{ionicons-prefix}android-time:before { content: @ionicon-var-android-time; }
+.@{ionicons-prefix}android-train:before { content: @ionicon-var-android-train; }
+.@{ionicons-prefix}android-unlock:before { content: @ionicon-var-android-unlock; }
+.@{ionicons-prefix}android-upload:before { content: @ionicon-var-android-upload; }
+.@{ionicons-prefix}android-volume-down:before { content: @ionicon-var-android-volume-down; }
+.@{ionicons-prefix}android-volume-mute:before { content: @ionicon-var-android-volume-mute; }
+.@{ionicons-prefix}android-volume-off:before { content: @ionicon-var-android-volume-off; }
+.@{ionicons-prefix}android-volume-up:before { content: @ionicon-var-android-volume-up; }
+.@{ionicons-prefix}android-walk:before { content: @ionicon-var-android-walk; }
+.@{ionicons-prefix}android-warning:before { content: @ionicon-var-android-warning; }
+.@{ionicons-prefix}android-watch:before { content: @ionicon-var-android-watch; }
+.@{ionicons-prefix}android-wifi:before { content: @ionicon-var-android-wifi; }
+.@{ionicons-prefix}aperture:before { content: @ionicon-var-aperture; }
+.@{ionicons-prefix}archive:before { content: @ionicon-var-archive; }
+.@{ionicons-prefix}arrow-down-a:before { content: @ionicon-var-arrow-down-a; }
+.@{ionicons-prefix}arrow-down-b:before { content: @ionicon-var-arrow-down-b; }
+.@{ionicons-prefix}arrow-down-c:before { content: @ionicon-var-arrow-down-c; }
+.@{ionicons-prefix}arrow-expand:before { content: @ionicon-var-arrow-expand; }
+.@{ionicons-prefix}arrow-graph-down-left:before { content: @ionicon-var-arrow-graph-down-left; }
+.@{ionicons-prefix}arrow-graph-down-right:before { content: @ionicon-var-arrow-graph-down-right; }
+.@{ionicons-prefix}arrow-graph-up-left:before { content: @ionicon-var-arrow-graph-up-left; }
+.@{ionicons-prefix}arrow-graph-up-right:before { content: @ionicon-var-arrow-graph-up-right; }
+.@{ionicons-prefix}arrow-left-a:before { content: @ionicon-var-arrow-left-a; }
+.@{ionicons-prefix}arrow-left-b:before { content: @ionicon-var-arrow-left-b; }
+.@{ionicons-prefix}arrow-left-c:before { content: @ionicon-var-arrow-left-c; }
+.@{ionicons-prefix}arrow-move:before { content: @ionicon-var-arrow-move; }
+.@{ionicons-prefix}arrow-resize:before { content: @ionicon-var-arrow-resize; }
+.@{ionicons-prefix}arrow-return-left:before { content: @ionicon-var-arrow-return-left; }
+.@{ionicons-prefix}arrow-return-right:before { content: @ionicon-var-arrow-return-right; }
+.@{ionicons-prefix}arrow-right-a:before { content: @ionicon-var-arrow-right-a; }
+.@{ionicons-prefix}arrow-right-b:before { content: @ionicon-var-arrow-right-b; }
+.@{ionicons-prefix}arrow-right-c:before { content: @ionicon-var-arrow-right-c; }
+.@{ionicons-prefix}arrow-shrink:before { content: @ionicon-var-arrow-shrink; }
+.@{ionicons-prefix}arrow-swap:before { content: @ionicon-var-arrow-swap; }
+.@{ionicons-prefix}arrow-up-a:before { content: @ionicon-var-arrow-up-a; }
+.@{ionicons-prefix}arrow-up-b:before { content: @ionicon-var-arrow-up-b; }
+.@{ionicons-prefix}arrow-up-c:before { content: @ionicon-var-arrow-up-c; }
+.@{ionicons-prefix}asterisk:before { content: @ionicon-var-asterisk; }
+.@{ionicons-prefix}at:before { content: @ionicon-var-at; }
+.@{ionicons-prefix}backspace:before { content: @ionicon-var-backspace; }
+.@{ionicons-prefix}backspace-outline:before { content: @ionicon-var-backspace-outline; }
+.@{ionicons-prefix}bag:before { content: @ionicon-var-bag; }
+.@{ionicons-prefix}battery-charging:before { content: @ionicon-var-battery-charging; }
+.@{ionicons-prefix}battery-empty:before { content: @ionicon-var-battery-empty; }
+.@{ionicons-prefix}battery-full:before { content: @ionicon-var-battery-full; }
+.@{ionicons-prefix}battery-half:before { content: @ionicon-var-battery-half; }
+.@{ionicons-prefix}battery-low:before { content: @ionicon-var-battery-low; }
+.@{ionicons-prefix}beaker:before { content: @ionicon-var-beaker; }
+.@{ionicons-prefix}beer:before { content: @ionicon-var-beer; }
+.@{ionicons-prefix}bluetooth:before { content: @ionicon-var-bluetooth; }
+.@{ionicons-prefix}bonfire:before { content: @ionicon-var-bonfire; }
+.@{ionicons-prefix}bookmark:before { content: @ionicon-var-bookmark; }
+.@{ionicons-prefix}bowtie:before { content: @ionicon-var-bowtie; }
+.@{ionicons-prefix}briefcase:before { content: @ionicon-var-briefcase; }
+.@{ionicons-prefix}bug:before { content: @ionicon-var-bug; }
+.@{ionicons-prefix}calculator:before { content: @ionicon-var-calculator; }
+.@{ionicons-prefix}calendar:before { content: @ionicon-var-calendar; }
+.@{ionicons-prefix}camera:before { content: @ionicon-var-camera; }
+.@{ionicons-prefix}card:before { content: @ionicon-var-card; }
+.@{ionicons-prefix}cash:before { content: @ionicon-var-cash; }
+.@{ionicons-prefix}chatbox:before { content: @ionicon-var-chatbox; }
+.@{ionicons-prefix}chatbox-working:before { content: @ionicon-var-chatbox-working; }
+.@{ionicons-prefix}chatboxes:before { content: @ionicon-var-chatboxes; }
+.@{ionicons-prefix}chatbubble:before { content: @ionicon-var-chatbubble; }
+.@{ionicons-prefix}chatbubble-working:before { content: @ionicon-var-chatbubble-working; }
+.@{ionicons-prefix}chatbubbles:before { content: @ionicon-var-chatbubbles; }
+.@{ionicons-prefix}checkmark:before { content: @ionicon-var-checkmark; }
+.@{ionicons-prefix}checkmark-circled:before { content: @ionicon-var-checkmark-circled; }
+.@{ionicons-prefix}checkmark-round:before { content: @ionicon-var-checkmark-round; }
+.@{ionicons-prefix}chevron-down:before { content: @ionicon-var-chevron-down; }
+.@{ionicons-prefix}chevron-left:before { content: @ionicon-var-chevron-left; }
+.@{ionicons-prefix}chevron-right:before { content: @ionicon-var-chevron-right; }
+.@{ionicons-prefix}chevron-up:before { content: @ionicon-var-chevron-up; }
+.@{ionicons-prefix}clipboard:before { content: @ionicon-var-clipboard; }
+.@{ionicons-prefix}clock:before { content: @ionicon-var-clock; }
+.@{ionicons-prefix}close:before { content: @ionicon-var-close; }
+.@{ionicons-prefix}close-circled:before { content: @ionicon-var-close-circled; }
+.@{ionicons-prefix}close-round:before { content: @ionicon-var-close-round; }
+.@{ionicons-prefix}closed-captioning:before { content: @ionicon-var-closed-captioning; }
+.@{ionicons-prefix}cloud:before { content: @ionicon-var-cloud; }
+.@{ionicons-prefix}code:before { content: @ionicon-var-code; }
+.@{ionicons-prefix}code-download:before { content: @ionicon-var-code-download; }
+.@{ionicons-prefix}code-working:before { content: @ionicon-var-code-working; }
+.@{ionicons-prefix}coffee:before { content: @ionicon-var-coffee; }
+.@{ionicons-prefix}compass:before { content: @ionicon-var-compass; }
+.@{ionicons-prefix}compose:before { content: @ionicon-var-compose; }
+.@{ionicons-prefix}connection-bars:before { content: @ionicon-var-connection-bars; }
+.@{ionicons-prefix}contrast:before { content: @ionicon-var-contrast; }
+.@{ionicons-prefix}crop:before { content: @ionicon-var-crop; }
+.@{ionicons-prefix}cube:before { content: @ionicon-var-cube; }
+.@{ionicons-prefix}disc:before { content: @ionicon-var-disc; }
+.@{ionicons-prefix}document:before { content: @ionicon-var-document; }
+.@{ionicons-prefix}document-text:before { content: @ionicon-var-document-text; }
+.@{ionicons-prefix}drag:before { content: @ionicon-var-drag; }
+.@{ionicons-prefix}earth:before { content: @ionicon-var-earth; }
+.@{ionicons-prefix}easel:before { content: @ionicon-var-easel; }
+.@{ionicons-prefix}edit:before { content: @ionicon-var-edit; }
+.@{ionicons-prefix}egg:before { content: @ionicon-var-egg; }
+.@{ionicons-prefix}eject:before { content: @ionicon-var-eject; }
+.@{ionicons-prefix}email:before { content: @ionicon-var-email; }
+.@{ionicons-prefix}email-unread:before { content: @ionicon-var-email-unread; }
+.@{ionicons-prefix}erlenmeyer-flask:before { content: @ionicon-var-erlenmeyer-flask; }
+.@{ionicons-prefix}erlenmeyer-flask-bubbles:before { content: @ionicon-var-erlenmeyer-flask-bubbles; }
+.@{ionicons-prefix}eye:before { content: @ionicon-var-eye; }
+.@{ionicons-prefix}eye-disabled:before { content: @ionicon-var-eye-disabled; }
+.@{ionicons-prefix}female:before { content: @ionicon-var-female; }
+.@{ionicons-prefix}filing:before { content: @ionicon-var-filing; }
+.@{ionicons-prefix}film-marker:before { content: @ionicon-var-film-marker; }
+.@{ionicons-prefix}fireball:before { content: @ionicon-var-fireball; }
+.@{ionicons-prefix}flag:before { content: @ionicon-var-flag; }
+.@{ionicons-prefix}flame:before { content: @ionicon-var-flame; }
+.@{ionicons-prefix}flash:before { content: @ionicon-var-flash; }
+.@{ionicons-prefix}flash-off:before { content: @ionicon-var-flash-off; }
+.@{ionicons-prefix}folder:before { content: @ionicon-var-folder; }
+.@{ionicons-prefix}fork:before { content: @ionicon-var-fork; }
+.@{ionicons-prefix}fork-repo:before { content: @ionicon-var-fork-repo; }
+.@{ionicons-prefix}forward:before { content: @ionicon-var-forward; }
+.@{ionicons-prefix}funnel:before { content: @ionicon-var-funnel; }
+.@{ionicons-prefix}gear-a:before { content: @ionicon-var-gear-a; }
+.@{ionicons-prefix}gear-b:before { content: @ionicon-var-gear-b; }
+.@{ionicons-prefix}grid:before { content: @ionicon-var-grid; }
+.@{ionicons-prefix}hammer:before { content: @ionicon-var-hammer; }
+.@{ionicons-prefix}happy:before { content: @ionicon-var-happy; }
+.@{ionicons-prefix}happy-outline:before { content: @ionicon-var-happy-outline; }
+.@{ionicons-prefix}headphone:before { content: @ionicon-var-headphone; }
+.@{ionicons-prefix}heart:before { content: @ionicon-var-heart; }
+.@{ionicons-prefix}heart-broken:before { content: @ionicon-var-heart-broken; }
+.@{ionicons-prefix}help:before { content: @ionicon-var-help; }
+.@{ionicons-prefix}help-buoy:before { content: @ionicon-var-help-buoy; }
+.@{ionicons-prefix}help-circled:before { content: @ionicon-var-help-circled; }
+.@{ionicons-prefix}home:before { content: @ionicon-var-home; }
+.@{ionicons-prefix}icecream:before { content: @ionicon-var-icecream; }
+.@{ionicons-prefix}image:before { content: @ionicon-var-image; }
+.@{ionicons-prefix}images:before { content: @ionicon-var-images; }
+.@{ionicons-prefix}information:before { content: @ionicon-var-information; }
+.@{ionicons-prefix}information-circled:before { content: @ionicon-var-information-circled; }
+.@{ionicons-prefix}ionic:before { content: @ionicon-var-ionic; }
+.@{ionicons-prefix}ios-alarm:before { content: @ionicon-var-ios-alarm; }
+.@{ionicons-prefix}ios-alarm-outline:before { content: @ionicon-var-ios-alarm-outline; }
+.@{ionicons-prefix}ios-albums:before { content: @ionicon-var-ios-albums; }
+.@{ionicons-prefix}ios-albums-outline:before { content: @ionicon-var-ios-albums-outline; }
+.@{ionicons-prefix}ios-americanfootball:before { content: @ionicon-var-ios-americanfootball; }
+.@{ionicons-prefix}ios-americanfootball-outline:before { content: @ionicon-var-ios-americanfootball-outline; }
+.@{ionicons-prefix}ios-analytics:before { content: @ionicon-var-ios-analytics; }
+.@{ionicons-prefix}ios-analytics-outline:before { content: @ionicon-var-ios-analytics-outline; }
+.@{ionicons-prefix}ios-arrow-back:before { content: @ionicon-var-ios-arrow-back; }
+.@{ionicons-prefix}ios-arrow-down:before { content: @ionicon-var-ios-arrow-down; }
+.@{ionicons-prefix}ios-arrow-forward:before { content: @ionicon-var-ios-arrow-forward; }
+.@{ionicons-prefix}ios-arrow-left:before { content: @ionicon-var-ios-arrow-left; }
+.@{ionicons-prefix}ios-arrow-right:before { content: @ionicon-var-ios-arrow-right; }
+.@{ionicons-prefix}ios-arrow-thin-down:before { content: @ionicon-var-ios-arrow-thin-down; }
+.@{ionicons-prefix}ios-arrow-thin-left:before { content: @ionicon-var-ios-arrow-thin-left; }
+.@{ionicons-prefix}ios-arrow-thin-right:before { content: @ionicon-var-ios-arrow-thin-right; }
+.@{ionicons-prefix}ios-arrow-thin-up:before { content: @ionicon-var-ios-arrow-thin-up; }
+.@{ionicons-prefix}ios-arrow-up:before { content: @ionicon-var-ios-arrow-up; }
+.@{ionicons-prefix}ios-at:before { content: @ionicon-var-ios-at; }
+.@{ionicons-prefix}ios-at-outline:before { content: @ionicon-var-ios-at-outline; }
+.@{ionicons-prefix}ios-barcode:before { content: @ionicon-var-ios-barcode; }
+.@{ionicons-prefix}ios-barcode-outline:before { content: @ionicon-var-ios-barcode-outline; }
+.@{ionicons-prefix}ios-baseball:before { content: @ionicon-var-ios-baseball; }
+.@{ionicons-prefix}ios-baseball-outline:before { content: @ionicon-var-ios-baseball-outline; }
+.@{ionicons-prefix}ios-basketball:before { content: @ionicon-var-ios-basketball; }
+.@{ionicons-prefix}ios-basketball-outline:before { content: @ionicon-var-ios-basketball-outline; }
+.@{ionicons-prefix}ios-bell:before { content: @ionicon-var-ios-bell; }
+.@{ionicons-prefix}ios-bell-outline:before { content: @ionicon-var-ios-bell-outline; }
+.@{ionicons-prefix}ios-body:before { content: @ionicon-var-ios-body; }
+.@{ionicons-prefix}ios-body-outline:before { content: @ionicon-var-ios-body-outline; }
+.@{ionicons-prefix}ios-bolt:before { content: @ionicon-var-ios-bolt; }
+.@{ionicons-prefix}ios-bolt-outline:before { content: @ionicon-var-ios-bolt-outline; }
+.@{ionicons-prefix}ios-book:before { content: @ionicon-var-ios-book; }
+.@{ionicons-prefix}ios-book-outline:before { content: @ionicon-var-ios-book-outline; }
+.@{ionicons-prefix}ios-bookmarks:before { content: @ionicon-var-ios-bookmarks; }
+.@{ionicons-prefix}ios-bookmarks-outline:before { content: @ionicon-var-ios-bookmarks-outline; }
+.@{ionicons-prefix}ios-box:before { content: @ionicon-var-ios-box; }
+.@{ionicons-prefix}ios-box-outline:before { content: @ionicon-var-ios-box-outline; }
+.@{ionicons-prefix}ios-briefcase:before { content: @ionicon-var-ios-briefcase; }
+.@{ionicons-prefix}ios-briefcase-outline:before { content: @ionicon-var-ios-briefcase-outline; }
+.@{ionicons-prefix}ios-browsers:before { content: @ionicon-var-ios-browsers; }
+.@{ionicons-prefix}ios-browsers-outline:before { content: @ionicon-var-ios-browsers-outline; }
+.@{ionicons-prefix}ios-calculator:before { content: @ionicon-var-ios-calculator; }
+.@{ionicons-prefix}ios-calculator-outline:before { content: @ionicon-var-ios-calculator-outline; }
+.@{ionicons-prefix}ios-calendar:before { content: @ionicon-var-ios-calendar; }
+.@{ionicons-prefix}ios-calendar-outline:before { content: @ionicon-var-ios-calendar-outline; }
+.@{ionicons-prefix}ios-camera:before { content: @ionicon-var-ios-camera; }
+.@{ionicons-prefix}ios-camera-outline:before { content: @ionicon-var-ios-camera-outline; }
+.@{ionicons-prefix}ios-cart:before { content: @ionicon-var-ios-cart; }
+.@{ionicons-prefix}ios-cart-outline:before { content: @ionicon-var-ios-cart-outline; }
+.@{ionicons-prefix}ios-chatboxes:before { content: @ionicon-var-ios-chatboxes; }
+.@{ionicons-prefix}ios-chatboxes-outline:before { content: @ionicon-var-ios-chatboxes-outline; }
+.@{ionicons-prefix}ios-chatbubble:before { content: @ionicon-var-ios-chatbubble; }
+.@{ionicons-prefix}ios-chatbubble-outline:before { content: @ionicon-var-ios-chatbubble-outline; }
+.@{ionicons-prefix}ios-checkmark:before { content: @ionicon-var-ios-checkmark; }
+.@{ionicons-prefix}ios-checkmark-empty:before { content: @ionicon-var-ios-checkmark-empty; }
+.@{ionicons-prefix}ios-checkmark-outline:before { content: @ionicon-var-ios-checkmark-outline; }
+.@{ionicons-prefix}ios-circle-filled:before { content: @ionicon-var-ios-circle-filled; }
+.@{ionicons-prefix}ios-circle-outline:before { content: @ionicon-var-ios-circle-outline; }
+.@{ionicons-prefix}ios-clock:before { content: @ionicon-var-ios-clock; }
+.@{ionicons-prefix}ios-clock-outline:before { content: @ionicon-var-ios-clock-outline; }
+.@{ionicons-prefix}ios-close:before { content: @ionicon-var-ios-close; }
+.@{ionicons-prefix}ios-close-empty:before { content: @ionicon-var-ios-close-empty; }
+.@{ionicons-prefix}ios-close-outline:before { content: @ionicon-var-ios-close-outline; }
+.@{ionicons-prefix}ios-cloud:before { content: @ionicon-var-ios-cloud; }
+.@{ionicons-prefix}ios-cloud-download:before { content: @ionicon-var-ios-cloud-download; }
+.@{ionicons-prefix}ios-cloud-download-outline:before { content: @ionicon-var-ios-cloud-download-outline; }
+.@{ionicons-prefix}ios-cloud-outline:before { content: @ionicon-var-ios-cloud-outline; }
+.@{ionicons-prefix}ios-cloud-upload:before { content: @ionicon-var-ios-cloud-upload; }
+.@{ionicons-prefix}ios-cloud-upload-outline:before { content: @ionicon-var-ios-cloud-upload-outline; }
+.@{ionicons-prefix}ios-cloudy:before { content: @ionicon-var-ios-cloudy; }
+.@{ionicons-prefix}ios-cloudy-night:before { content: @ionicon-var-ios-cloudy-night; }
+.@{ionicons-prefix}ios-cloudy-night-outline:before { content: @ionicon-var-ios-cloudy-night-outline; }
+.@{ionicons-prefix}ios-cloudy-outline:before { content: @ionicon-var-ios-cloudy-outline; }
+.@{ionicons-prefix}ios-cog:before { content: @ionicon-var-ios-cog; }
+.@{ionicons-prefix}ios-cog-outline:before { content: @ionicon-var-ios-cog-outline; }
+.@{ionicons-prefix}ios-color-filter:before { content: @ionicon-var-ios-color-filter; }
+.@{ionicons-prefix}ios-color-filter-outline:before { content: @ionicon-var-ios-color-filter-outline; }
+.@{ionicons-prefix}ios-color-wand:before { content: @ionicon-var-ios-color-wand; }
+.@{ionicons-prefix}ios-color-wand-outline:before { content: @ionicon-var-ios-color-wand-outline; }
+.@{ionicons-prefix}ios-compose:before { content: @ionicon-var-ios-compose; }
+.@{ionicons-prefix}ios-compose-outline:before { content: @ionicon-var-ios-compose-outline; }
+.@{ionicons-prefix}ios-contact:before { content: @ionicon-var-ios-contact; }
+.@{ionicons-prefix}ios-contact-outline:before { content: @ionicon-var-ios-contact-outline; }
+.@{ionicons-prefix}ios-copy:before { content: @ionicon-var-ios-copy; }
+.@{ionicons-prefix}ios-copy-outline:before { content: @ionicon-var-ios-copy-outline; }
+.@{ionicons-prefix}ios-crop:before { content: @ionicon-var-ios-crop; }
+.@{ionicons-prefix}ios-crop-strong:before { content: @ionicon-var-ios-crop-strong; }
+.@{ionicons-prefix}ios-download:before { content: @ionicon-var-ios-download; }
+.@{ionicons-prefix}ios-download-outline:before { content: @ionicon-var-ios-download-outline; }
+.@{ionicons-prefix}ios-drag:before { content: @ionicon-var-ios-drag; }
+.@{ionicons-prefix}ios-email:before { content: @ionicon-var-ios-email; }
+.@{ionicons-prefix}ios-email-outline:before { content: @ionicon-var-ios-email-outline; }
+.@{ionicons-prefix}ios-eye:before { content: @ionicon-var-ios-eye; }
+.@{ionicons-prefix}ios-eye-outline:before { content: @ionicon-var-ios-eye-outline; }
+.@{ionicons-prefix}ios-fastforward:before { content: @ionicon-var-ios-fastforward; }
+.@{ionicons-prefix}ios-fastforward-outline:before { content: @ionicon-var-ios-fastforward-outline; }
+.@{ionicons-prefix}ios-filing:before { content: @ionicon-var-ios-filing; }
+.@{ionicons-prefix}ios-filing-outline:before { content: @ionicon-var-ios-filing-outline; }
+.@{ionicons-prefix}ios-film:before { content: @ionicon-var-ios-film; }
+.@{ionicons-prefix}ios-film-outline:before { content: @ionicon-var-ios-film-outline; }
+.@{ionicons-prefix}ios-flag:before { content: @ionicon-var-ios-flag; }
+.@{ionicons-prefix}ios-flag-outline:before { content: @ionicon-var-ios-flag-outline; }
+.@{ionicons-prefix}ios-flame:before { content: @ionicon-var-ios-flame; }
+.@{ionicons-prefix}ios-flame-outline:before { content: @ionicon-var-ios-flame-outline; }
+.@{ionicons-prefix}ios-flask:before { content: @ionicon-var-ios-flask; }
+.@{ionicons-prefix}ios-flask-outline:before { content: @ionicon-var-ios-flask-outline; }
+.@{ionicons-prefix}ios-flower:before { content: @ionicon-var-ios-flower; }
+.@{ionicons-prefix}ios-flower-outline:before { content: @ionicon-var-ios-flower-outline; }
+.@{ionicons-prefix}ios-folder:before { content: @ionicon-var-ios-folder; }
+.@{ionicons-prefix}ios-folder-outline:before { content: @ionicon-var-ios-folder-outline; }
+.@{ionicons-prefix}ios-football:before { content: @ionicon-var-ios-football; }
+.@{ionicons-prefix}ios-football-outline:before { content: @ionicon-var-ios-football-outline; }
+.@{ionicons-prefix}ios-game-controller-a:before { content: @ionicon-var-ios-game-controller-a; }
+.@{ionicons-prefix}ios-game-controller-a-outline:before { content: @ionicon-var-ios-game-controller-a-outline; }
+.@{ionicons-prefix}ios-game-controller-b:before { content: @ionicon-var-ios-game-controller-b; }
+.@{ionicons-prefix}ios-game-controller-b-outline:before { content: @ionicon-var-ios-game-controller-b-outline; }
+.@{ionicons-prefix}ios-gear:before { content: @ionicon-var-ios-gear; }
+.@{ionicons-prefix}ios-gear-outline:before { content: @ionicon-var-ios-gear-outline; }
+.@{ionicons-prefix}ios-glasses:before { content: @ionicon-var-ios-glasses; }
+.@{ionicons-prefix}ios-glasses-outline:before { content: @ionicon-var-ios-glasses-outline; }
+.@{ionicons-prefix}ios-grid-view:before { content: @ionicon-var-ios-grid-view; }
+.@{ionicons-prefix}ios-grid-view-outline:before { content: @ionicon-var-ios-grid-view-outline; }
+.@{ionicons-prefix}ios-heart:before { content: @ionicon-var-ios-heart; }
+.@{ionicons-prefix}ios-heart-outline:before { content: @ionicon-var-ios-heart-outline; }
+.@{ionicons-prefix}ios-help:before { content: @ionicon-var-ios-help; }
+.@{ionicons-prefix}ios-help-empty:before { content: @ionicon-var-ios-help-empty; }
+.@{ionicons-prefix}ios-help-outline:before { content: @ionicon-var-ios-help-outline; }
+.@{ionicons-prefix}ios-home:before { content: @ionicon-var-ios-home; }
+.@{ionicons-prefix}ios-home-outline:before { content: @ionicon-var-ios-home-outline; }
+.@{ionicons-prefix}ios-infinite:before { content: @ionicon-var-ios-infinite; }
+.@{ionicons-prefix}ios-infinite-outline:before { content: @ionicon-var-ios-infinite-outline; }
+.@{ionicons-prefix}ios-information:before { content: @ionicon-var-ios-information; }
+.@{ionicons-prefix}ios-information-empty:before { content: @ionicon-var-ios-information-empty; }
+.@{ionicons-prefix}ios-information-outline:before { content: @ionicon-var-ios-information-outline; }
+.@{ionicons-prefix}ios-ionic-outline:before { content: @ionicon-var-ios-ionic-outline; }
+.@{ionicons-prefix}ios-keypad:before { content: @ionicon-var-ios-keypad; }
+.@{ionicons-prefix}ios-keypad-outline:before { content: @ionicon-var-ios-keypad-outline; }
+.@{ionicons-prefix}ios-lightbulb:before { content: @ionicon-var-ios-lightbulb; }
+.@{ionicons-prefix}ios-lightbulb-outline:before { content: @ionicon-var-ios-lightbulb-outline; }
+.@{ionicons-prefix}ios-list:before { content: @ionicon-var-ios-list; }
+.@{ionicons-prefix}ios-list-outline:before { content: @ionicon-var-ios-list-outline; }
+.@{ionicons-prefix}ios-location:before { content: @ionicon-var-ios-location; }
+.@{ionicons-prefix}ios-location-outline:before { content: @ionicon-var-ios-location-outline; }
+.@{ionicons-prefix}ios-locked:before { content: @ionicon-var-ios-locked; }
+.@{ionicons-prefix}ios-locked-outline:before { content: @ionicon-var-ios-locked-outline; }
+.@{ionicons-prefix}ios-loop:before { content: @ionicon-var-ios-loop; }
+.@{ionicons-prefix}ios-loop-strong:before { content: @ionicon-var-ios-loop-strong; }
+.@{ionicons-prefix}ios-medical:before { content: @ionicon-var-ios-medical; }
+.@{ionicons-prefix}ios-medical-outline:before { content: @ionicon-var-ios-medical-outline; }
+.@{ionicons-prefix}ios-medkit:before { content: @ionicon-var-ios-medkit; }
+.@{ionicons-prefix}ios-medkit-outline:before { content: @ionicon-var-ios-medkit-outline; }
+.@{ionicons-prefix}ios-mic:before { content: @ionicon-var-ios-mic; }
+.@{ionicons-prefix}ios-mic-off:before { content: @ionicon-var-ios-mic-off; }
+.@{ionicons-prefix}ios-mic-outline:before { content: @ionicon-var-ios-mic-outline; }
+.@{ionicons-prefix}ios-minus:before { content: @ionicon-var-ios-minus; }
+.@{ionicons-prefix}ios-minus-empty:before { content: @ionicon-var-ios-minus-empty; }
+.@{ionicons-prefix}ios-minus-outline:before { content: @ionicon-var-ios-minus-outline; }
+.@{ionicons-prefix}ios-monitor:before { content: @ionicon-var-ios-monitor; }
+.@{ionicons-prefix}ios-monitor-outline:before { content: @ionicon-var-ios-monitor-outline; }
+.@{ionicons-prefix}ios-moon:before { content: @ionicon-var-ios-moon; }
+.@{ionicons-prefix}ios-moon-outline:before { content: @ionicon-var-ios-moon-outline; }
+.@{ionicons-prefix}ios-more:before { content: @ionicon-var-ios-more; }
+.@{ionicons-prefix}ios-more-outline:before { content: @ionicon-var-ios-more-outline; }
+.@{ionicons-prefix}ios-musical-note:before { content: @ionicon-var-ios-musical-note; }
+.@{ionicons-prefix}ios-musical-notes:before { content: @ionicon-var-ios-musical-notes; }
+.@{ionicons-prefix}ios-navigate:before { content: @ionicon-var-ios-navigate; }
+.@{ionicons-prefix}ios-navigate-outline:before { content: @ionicon-var-ios-navigate-outline; }
+.@{ionicons-prefix}ios-nutrition:before { content: @ionicon-var-ios-nutrition; }
+.@{ionicons-prefix}ios-nutrition-outline:before { content: @ionicon-var-ios-nutrition-outline; }
+.@{ionicons-prefix}ios-paper:before { content: @ionicon-var-ios-paper; }
+.@{ionicons-prefix}ios-paper-outline:before { content: @ionicon-var-ios-paper-outline; }
+.@{ionicons-prefix}ios-paperplane:before { content: @ionicon-var-ios-paperplane; }
+.@{ionicons-prefix}ios-paperplane-outline:before { content: @ionicon-var-ios-paperplane-outline; }
+.@{ionicons-prefix}ios-partlysunny:before { content: @ionicon-var-ios-partlysunny; }
+.@{ionicons-prefix}ios-partlysunny-outline:before { content: @ionicon-var-ios-partlysunny-outline; }
+.@{ionicons-prefix}ios-pause:before { content: @ionicon-var-ios-pause; }
+.@{ionicons-prefix}ios-pause-outline:before { content: @ionicon-var-ios-pause-outline; }
+.@{ionicons-prefix}ios-paw:before { content: @ionicon-var-ios-paw; }
+.@{ionicons-prefix}ios-paw-outline:before { content: @ionicon-var-ios-paw-outline; }
+.@{ionicons-prefix}ios-people:before { content: @ionicon-var-ios-people; }
+.@{ionicons-prefix}ios-people-outline:before { content: @ionicon-var-ios-people-outline; }
+.@{ionicons-prefix}ios-person:before { content: @ionicon-var-ios-person; }
+.@{ionicons-prefix}ios-person-outline:before { content: @ionicon-var-ios-person-outline; }
+.@{ionicons-prefix}ios-personadd:before { content: @ionicon-var-ios-personadd; }
+.@{ionicons-prefix}ios-personadd-outline:before { content: @ionicon-var-ios-personadd-outline; }
+.@{ionicons-prefix}ios-photos:before { content: @ionicon-var-ios-photos; }
+.@{ionicons-prefix}ios-photos-outline:before { content: @ionicon-var-ios-photos-outline; }
+.@{ionicons-prefix}ios-pie:before { content: @ionicon-var-ios-pie; }
+.@{ionicons-prefix}ios-pie-outline:before { content: @ionicon-var-ios-pie-outline; }
+.@{ionicons-prefix}ios-pint:before { content: @ionicon-var-ios-pint; }
+.@{ionicons-prefix}ios-pint-outline:before { content: @ionicon-var-ios-pint-outline; }
+.@{ionicons-prefix}ios-play:before { content: @ionicon-var-ios-play; }
+.@{ionicons-prefix}ios-play-outline:before { content: @ionicon-var-ios-play-outline; }
+.@{ionicons-prefix}ios-plus:before { content: @ionicon-var-ios-plus; }
+.@{ionicons-prefix}ios-plus-empty:before { content: @ionicon-var-ios-plus-empty; }
+.@{ionicons-prefix}ios-plus-outline:before { content: @ionicon-var-ios-plus-outline; }
+.@{ionicons-prefix}ios-pricetag:before { content: @ionicon-var-ios-pricetag; }
+.@{ionicons-prefix}ios-pricetag-outline:before { content: @ionicon-var-ios-pricetag-outline; }
+.@{ionicons-prefix}ios-pricetags:before { content: @ionicon-var-ios-pricetags; }
+.@{ionicons-prefix}ios-pricetags-outline:before { content: @ionicon-var-ios-pricetags-outline; }
+.@{ionicons-prefix}ios-printer:before { content: @ionicon-var-ios-printer; }
+.@{ionicons-prefix}ios-printer-outline:before { content: @ionicon-var-ios-printer-outline; }
+.@{ionicons-prefix}ios-pulse:before { content: @ionicon-var-ios-pulse; }
+.@{ionicons-prefix}ios-pulse-strong:before { content: @ionicon-var-ios-pulse-strong; }
+.@{ionicons-prefix}ios-rainy:before { content: @ionicon-var-ios-rainy; }
+.@{ionicons-prefix}ios-rainy-outline:before { content: @ionicon-var-ios-rainy-outline; }
+.@{ionicons-prefix}ios-recording:before { content: @ionicon-var-ios-recording; }
+.@{ionicons-prefix}ios-recording-outline:before { content: @ionicon-var-ios-recording-outline; }
+.@{ionicons-prefix}ios-redo:before { content: @ionicon-var-ios-redo; }
+.@{ionicons-prefix}ios-redo-outline:before { content: @ionicon-var-ios-redo-outline; }
+.@{ionicons-prefix}ios-refresh:before { content: @ionicon-var-ios-refresh; }
+.@{ionicons-prefix}ios-refresh-empty:before { content: @ionicon-var-ios-refresh-empty; }
+.@{ionicons-prefix}ios-refresh-outline:before { content: @ionicon-var-ios-refresh-outline; }
+.@{ionicons-prefix}ios-reload:before { content: @ionicon-var-ios-reload; }
+.@{ionicons-prefix}ios-reverse-camera:before { content: @ionicon-var-ios-reverse-camera; }
+.@{ionicons-prefix}ios-reverse-camera-outline:before { content: @ionicon-var-ios-reverse-camera-outline; }
+.@{ionicons-prefix}ios-rewind:before { content: @ionicon-var-ios-rewind; }
+.@{ionicons-prefix}ios-rewind-outline:before { content: @ionicon-var-ios-rewind-outline; }
+.@{ionicons-prefix}ios-rose:before { content: @ionicon-var-ios-rose; }
+.@{ionicons-prefix}ios-rose-outline:before { content: @ionicon-var-ios-rose-outline; }
+.@{ionicons-prefix}ios-search:before { content: @ionicon-var-ios-search; }
+.@{ionicons-prefix}ios-search-strong:before { content: @ionicon-var-ios-search-strong; }
+.@{ionicons-prefix}ios-settings:before { content: @ionicon-var-ios-settings; }
+.@{ionicons-prefix}ios-settings-strong:before { content: @ionicon-var-ios-settings-strong; }
+.@{ionicons-prefix}ios-shuffle:before { content: @ionicon-var-ios-shuffle; }
+.@{ionicons-prefix}ios-shuffle-strong:before { content: @ionicon-var-ios-shuffle-strong; }
+.@{ionicons-prefix}ios-skipbackward:before { content: @ionicon-var-ios-skipbackward; }
+.@{ionicons-prefix}ios-skipbackward-outline:before { content: @ionicon-var-ios-skipbackward-outline; }
+.@{ionicons-prefix}ios-skipforward:before { content: @ionicon-var-ios-skipforward; }
+.@{ionicons-prefix}ios-skipforward-outline:before { content: @ionicon-var-ios-skipforward-outline; }
+.@{ionicons-prefix}ios-snowy:before { content: @ionicon-var-ios-snowy; }
+.@{ionicons-prefix}ios-speedometer:before { content: @ionicon-var-ios-speedometer; }
+.@{ionicons-prefix}ios-speedometer-outline:before { content: @ionicon-var-ios-speedometer-outline; }
+.@{ionicons-prefix}ios-star:before { content: @ionicon-var-ios-star; }
+.@{ionicons-prefix}ios-star-half:before { content: @ionicon-var-ios-star-half; }
+.@{ionicons-prefix}ios-star-outline:before { content: @ionicon-var-ios-star-outline; }
+.@{ionicons-prefix}ios-stopwatch:before { content: @ionicon-var-ios-stopwatch; }
+.@{ionicons-prefix}ios-stopwatch-outline:before { content: @ionicon-var-ios-stopwatch-outline; }
+.@{ionicons-prefix}ios-sunny:before { content: @ionicon-var-ios-sunny; }
+.@{ionicons-prefix}ios-sunny-outline:before { content: @ionicon-var-ios-sunny-outline; }
+.@{ionicons-prefix}ios-telephone:before { content: @ionicon-var-ios-telephone; }
+.@{ionicons-prefix}ios-telephone-outline:before { content: @ionicon-var-ios-telephone-outline; }
+.@{ionicons-prefix}ios-tennisball:before { content: @ionicon-var-ios-tennisball; }
+.@{ionicons-prefix}ios-tennisball-outline:before { content: @ionicon-var-ios-tennisball-outline; }
+.@{ionicons-prefix}ios-thunderstorm:before { content: @ionicon-var-ios-thunderstorm; }
+.@{ionicons-prefix}ios-thunderstorm-outline:before { content: @ionicon-var-ios-thunderstorm-outline; }
+.@{ionicons-prefix}ios-time:before { content: @ionicon-var-ios-time; }
+.@{ionicons-prefix}ios-time-outline:before { content: @ionicon-var-ios-time-outline; }
+.@{ionicons-prefix}ios-timer:before { content: @ionicon-var-ios-timer; }
+.@{ionicons-prefix}ios-timer-outline:before { content: @ionicon-var-ios-timer-outline; }
+.@{ionicons-prefix}ios-toggle:before { content: @ionicon-var-ios-toggle; }
+.@{ionicons-prefix}ios-toggle-outline:before { content: @ionicon-var-ios-toggle-outline; }
+.@{ionicons-prefix}ios-trash:before { content: @ionicon-var-ios-trash; }
+.@{ionicons-prefix}ios-trash-outline:before { content: @ionicon-var-ios-trash-outline; }
+.@{ionicons-prefix}ios-undo:before { content: @ionicon-var-ios-undo; }
+.@{ionicons-prefix}ios-undo-outline:before { content: @ionicon-var-ios-undo-outline; }
+.@{ionicons-prefix}ios-unlocked:before { content: @ionicon-var-ios-unlocked; }
+.@{ionicons-prefix}ios-unlocked-outline:before { content: @ionicon-var-ios-unlocked-outline; }
+.@{ionicons-prefix}ios-upload:before { content: @ionicon-var-ios-upload; }
+.@{ionicons-prefix}ios-upload-outline:before { content: @ionicon-var-ios-upload-outline; }
+.@{ionicons-prefix}ios-videocam:before { content: @ionicon-var-ios-videocam; }
+.@{ionicons-prefix}ios-videocam-outline:before { content: @ionicon-var-ios-videocam-outline; }
+.@{ionicons-prefix}ios-volume-high:before { content: @ionicon-var-ios-volume-high; }
+.@{ionicons-prefix}ios-volume-low:before { content: @ionicon-var-ios-volume-low; }
+.@{ionicons-prefix}ios-wineglass:before { content: @ionicon-var-ios-wineglass; }
+.@{ionicons-prefix}ios-wineglass-outline:before { content: @ionicon-var-ios-wineglass-outline; }
+.@{ionicons-prefix}ios-world:before { content: @ionicon-var-ios-world; }
+.@{ionicons-prefix}ios-world-outline:before { content: @ionicon-var-ios-world-outline; }
+.@{ionicons-prefix}ipad:before { content: @ionicon-var-ipad; }
+.@{ionicons-prefix}iphone:before { content: @ionicon-var-iphone; }
+.@{ionicons-prefix}ipod:before { content: @ionicon-var-ipod; }
+.@{ionicons-prefix}jet:before { content: @ionicon-var-jet; }
+.@{ionicons-prefix}key:before { content: @ionicon-var-key; }
+.@{ionicons-prefix}knife:before { content: @ionicon-var-knife; }
+.@{ionicons-prefix}laptop:before { content: @ionicon-var-laptop; }
+.@{ionicons-prefix}leaf:before { content: @ionicon-var-leaf; }
+.@{ionicons-prefix}levels:before { content: @ionicon-var-levels; }
+.@{ionicons-prefix}lightbulb:before { content: @ionicon-var-lightbulb; }
+.@{ionicons-prefix}link:before { content: @ionicon-var-link; }
+.@{ionicons-prefix}load-a:before { content: @ionicon-var-load-a; }
+.@{ionicons-prefix}load-b:before { content: @ionicon-var-load-b; }
+.@{ionicons-prefix}load-c:before { content: @ionicon-var-load-c; }
+.@{ionicons-prefix}load-d:before { content: @ionicon-var-load-d; }
+.@{ionicons-prefix}location:before { content: @ionicon-var-location; }
+.@{ionicons-prefix}lock-combination:before { content: @ionicon-var-lock-combination; }
+.@{ionicons-prefix}locked:before { content: @ionicon-var-locked; }
+.@{ionicons-prefix}log-in:before { content: @ionicon-var-log-in; }
+.@{ionicons-prefix}log-out:before { content: @ionicon-var-log-out; }
+.@{ionicons-prefix}loop:before { content: @ionicon-var-loop; }
+.@{ionicons-prefix}magnet:before { content: @ionicon-var-magnet; }
+.@{ionicons-prefix}male:before { content: @ionicon-var-male; }
+.@{ionicons-prefix}man:before { content: @ionicon-var-man; }
+.@{ionicons-prefix}map:before { content: @ionicon-var-map; }
+.@{ionicons-prefix}medkit:before { content: @ionicon-var-medkit; }
+.@{ionicons-prefix}merge:before { content: @ionicon-var-merge; }
+.@{ionicons-prefix}mic-a:before { content: @ionicon-var-mic-a; }
+.@{ionicons-prefix}mic-b:before { content: @ionicon-var-mic-b; }
+.@{ionicons-prefix}mic-c:before { content: @ionicon-var-mic-c; }
+.@{ionicons-prefix}minus:before { content: @ionicon-var-minus; }
+.@{ionicons-prefix}minus-circled:before { content: @ionicon-var-minus-circled; }
+.@{ionicons-prefix}minus-round:before { content: @ionicon-var-minus-round; }
+.@{ionicons-prefix}model-s:before { content: @ionicon-var-model-s; }
+.@{ionicons-prefix}monitor:before { content: @ionicon-var-monitor; }
+.@{ionicons-prefix}more:before { content: @ionicon-var-more; }
+.@{ionicons-prefix}mouse:before { content: @ionicon-var-mouse; }
+.@{ionicons-prefix}music-note:before { content: @ionicon-var-music-note; }
+.@{ionicons-prefix}navicon:before { content: @ionicon-var-navicon; }
+.@{ionicons-prefix}navicon-round:before { content: @ionicon-var-navicon-round; }
+.@{ionicons-prefix}navigate:before { content: @ionicon-var-navigate; }
+.@{ionicons-prefix}network:before { content: @ionicon-var-network; }
+.@{ionicons-prefix}no-smoking:before { content: @ionicon-var-no-smoking; }
+.@{ionicons-prefix}nuclear:before { content: @ionicon-var-nuclear; }
+.@{ionicons-prefix}outlet:before { content: @ionicon-var-outlet; }
+.@{ionicons-prefix}paintbrush:before { content: @ionicon-var-paintbrush; }
+.@{ionicons-prefix}paintbucket:before { content: @ionicon-var-paintbucket; }
+.@{ionicons-prefix}paper-airplane:before { content: @ionicon-var-paper-airplane; }
+.@{ionicons-prefix}paperclip:before { content: @ionicon-var-paperclip; }
+.@{ionicons-prefix}pause:before { content: @ionicon-var-pause; }
+.@{ionicons-prefix}person:before { content: @ionicon-var-person; }
+.@{ionicons-prefix}person-add:before { content: @ionicon-var-person-add; }
+.@{ionicons-prefix}person-stalker:before { content: @ionicon-var-person-stalker; }
+.@{ionicons-prefix}pie-graph:before { content: @ionicon-var-pie-graph; }
+.@{ionicons-prefix}pin:before { content: @ionicon-var-pin; }
+.@{ionicons-prefix}pinpoint:before { content: @ionicon-var-pinpoint; }
+.@{ionicons-prefix}pizza:before { content: @ionicon-var-pizza; }
+.@{ionicons-prefix}plane:before { content: @ionicon-var-plane; }
+.@{ionicons-prefix}planet:before { content: @ionicon-var-planet; }
+.@{ionicons-prefix}play:before { content: @ionicon-var-play; }
+.@{ionicons-prefix}playstation:before { content: @ionicon-var-playstation; }
+.@{ionicons-prefix}plus:before { content: @ionicon-var-plus; }
+.@{ionicons-prefix}plus-circled:before { content: @ionicon-var-plus-circled; }
+.@{ionicons-prefix}plus-round:before { content: @ionicon-var-plus-round; }
+.@{ionicons-prefix}podium:before { content: @ionicon-var-podium; }
+.@{ionicons-prefix}pound:before { content: @ionicon-var-pound; }
+.@{ionicons-prefix}power:before { content: @ionicon-var-power; }
+.@{ionicons-prefix}pricetag:before { content: @ionicon-var-pricetag; }
+.@{ionicons-prefix}pricetags:before { content: @ionicon-var-pricetags; }
+.@{ionicons-prefix}printer:before { content: @ionicon-var-printer; }
+.@{ionicons-prefix}pull-request:before { content: @ionicon-var-pull-request; }
+.@{ionicons-prefix}qr-scanner:before { content: @ionicon-var-qr-scanner; }
+.@{ionicons-prefix}quote:before { content: @ionicon-var-quote; }
+.@{ionicons-prefix}radio-waves:before { content: @ionicon-var-radio-waves; }
+.@{ionicons-prefix}record:before { content: @ionicon-var-record; }
+.@{ionicons-prefix}refresh:before { content: @ionicon-var-refresh; }
+.@{ionicons-prefix}reply:before { content: @ionicon-var-reply; }
+.@{ionicons-prefix}reply-all:before { content: @ionicon-var-reply-all; }
+.@{ionicons-prefix}ribbon-a:before { content: @ionicon-var-ribbon-a; }
+.@{ionicons-prefix}ribbon-b:before { content: @ionicon-var-ribbon-b; }
+.@{ionicons-prefix}sad:before { content: @ionicon-var-sad; }
+.@{ionicons-prefix}sad-outline:before { content: @ionicon-var-sad-outline; }
+.@{ionicons-prefix}scissors:before { content: @ionicon-var-scissors; }
+.@{ionicons-prefix}search:before { content: @ionicon-var-search; }
+.@{ionicons-prefix}settings:before { content: @ionicon-var-settings; }
+.@{ionicons-prefix}share:before { content: @ionicon-var-share; }
+.@{ionicons-prefix}shuffle:before { content: @ionicon-var-shuffle; }
+.@{ionicons-prefix}skip-backward:before { content: @ionicon-var-skip-backward; }
+.@{ionicons-prefix}skip-forward:before { content: @ionicon-var-skip-forward; }
+.@{ionicons-prefix}social-android:before { content: @ionicon-var-social-android; }
+.@{ionicons-prefix}social-android-outline:before { content: @ionicon-var-social-android-outline; }
+.@{ionicons-prefix}social-angular:before { content: @ionicon-var-social-angular; }
+.@{ionicons-prefix}social-angular-outline:before { content: @ionicon-var-social-angular-outline; }
+.@{ionicons-prefix}social-apple:before { content: @ionicon-var-social-apple; }
+.@{ionicons-prefix}social-apple-outline:before { content: @ionicon-var-social-apple-outline; }
+.@{ionicons-prefix}social-bitcoin:before { content: @ionicon-var-social-bitcoin; }
+.@{ionicons-prefix}social-bitcoin-outline:before { content: @ionicon-var-social-bitcoin-outline; }
+.@{ionicons-prefix}social-buffer:before { content: @ionicon-var-social-buffer; }
+.@{ionicons-prefix}social-buffer-outline:before { content: @ionicon-var-social-buffer-outline; }
+.@{ionicons-prefix}social-chrome:before { content: @ionicon-var-social-chrome; }
+.@{ionicons-prefix}social-chrome-outline:before { content: @ionicon-var-social-chrome-outline; }
+.@{ionicons-prefix}social-codepen:before { content: @ionicon-var-social-codepen; }
+.@{ionicons-prefix}social-codepen-outline:before { content: @ionicon-var-social-codepen-outline; }
+.@{ionicons-prefix}social-css3:before { content: @ionicon-var-social-css3; }
+.@{ionicons-prefix}social-css3-outline:before { content: @ionicon-var-social-css3-outline; }
+.@{ionicons-prefix}social-designernews:before { content: @ionicon-var-social-designernews; }
+.@{ionicons-prefix}social-designernews-outline:before { content: @ionicon-var-social-designernews-outline; }
+.@{ionicons-prefix}social-dribbble:before { content: @ionicon-var-social-dribbble; }
+.@{ionicons-prefix}social-dribbble-outline:before { content: @ionicon-var-social-dribbble-outline; }
+.@{ionicons-prefix}social-dropbox:before { content: @ionicon-var-social-dropbox; }
+.@{ionicons-prefix}social-dropbox-outline:before { content: @ionicon-var-social-dropbox-outline; }
+.@{ionicons-prefix}social-euro:before { content: @ionicon-var-social-euro; }
+.@{ionicons-prefix}social-euro-outline:before { content: @ionicon-var-social-euro-outline; }
+.@{ionicons-prefix}social-facebook:before { content: @ionicon-var-social-facebook; }
+.@{ionicons-prefix}social-facebook-outline:before { content: @ionicon-var-social-facebook-outline; }
+.@{ionicons-prefix}social-foursquare:before { content: @ionicon-var-social-foursquare; }
+.@{ionicons-prefix}social-foursquare-outline:before { content: @ionicon-var-social-foursquare-outline; }
+.@{ionicons-prefix}social-freebsd-devil:before { content: @ionicon-var-social-freebsd-devil; }
+.@{ionicons-prefix}social-github:before { content: @ionicon-var-social-github; }
+.@{ionicons-prefix}social-github-outline:before { content: @ionicon-var-social-github-outline; }
+.@{ionicons-prefix}social-google:before { content: @ionicon-var-social-google; }
+.@{ionicons-prefix}social-google-outline:before { content: @ionicon-var-social-google-outline; }
+.@{ionicons-prefix}social-googleplus:before { content: @ionicon-var-social-googleplus; }
+.@{ionicons-prefix}social-googleplus-outline:before { content: @ionicon-var-social-googleplus-outline; }
+.@{ionicons-prefix}social-hackernews:before { content: @ionicon-var-social-hackernews; }
+.@{ionicons-prefix}social-hackernews-outline:before { content: @ionicon-var-social-hackernews-outline; }
+.@{ionicons-prefix}social-html5:before { content: @ionicon-var-social-html5; }
+.@{ionicons-prefix}social-html5-outline:before { content: @ionicon-var-social-html5-outline; }
+.@{ionicons-prefix}social-instagram:before { content: @ionicon-var-social-instagram; }
+.@{ionicons-prefix}social-instagram-outline:before { content: @ionicon-var-social-instagram-outline; }
+.@{ionicons-prefix}social-javascript:before { content: @ionicon-var-social-javascript; }
+.@{ionicons-prefix}social-javascript-outline:before { content: @ionicon-var-social-javascript-outline; }
+.@{ionicons-prefix}social-linkedin:before { content: @ionicon-var-social-linkedin; }
+.@{ionicons-prefix}social-linkedin-outline:before { content: @ionicon-var-social-linkedin-outline; }
+.@{ionicons-prefix}social-markdown:before { content: @ionicon-var-social-markdown; }
+.@{ionicons-prefix}social-nodejs:before { content: @ionicon-var-social-nodejs; }
+.@{ionicons-prefix}social-octocat:before { content: @ionicon-var-social-octocat; }
+.@{ionicons-prefix}social-pinterest:before { content: @ionicon-var-social-pinterest; }
+.@{ionicons-prefix}social-pinterest-outline:before { content: @ionicon-var-social-pinterest-outline; }
+.@{ionicons-prefix}social-python:before { content: @ionicon-var-social-python; }
+.@{ionicons-prefix}social-reddit:before { content: @ionicon-var-social-reddit; }
+.@{ionicons-prefix}social-reddit-outline:before { content: @ionicon-var-social-reddit-outline; }
+.@{ionicons-prefix}social-rss:before { content: @ionicon-var-social-rss; }
+.@{ionicons-prefix}social-rss-outline:before { content: @ionicon-var-social-rss-outline; }
+.@{ionicons-prefix}social-sass:before { content: @ionicon-var-social-sass; }
+.@{ionicons-prefix}social-skype:before { content: @ionicon-var-social-skype; }
+.@{ionicons-prefix}social-skype-outline:before { content: @ionicon-var-social-skype-outline; }
+.@{ionicons-prefix}social-snapchat:before { content: @ionicon-var-social-snapchat; }
+.@{ionicons-prefix}social-snapchat-outline:before { content: @ionicon-var-social-snapchat-outline; }
+.@{ionicons-prefix}social-tumblr:before { content: @ionicon-var-social-tumblr; }
+.@{ionicons-prefix}social-tumblr-outline:before { content: @ionicon-var-social-tumblr-outline; }
+.@{ionicons-prefix}social-tux:before { content: @ionicon-var-social-tux; }
+.@{ionicons-prefix}social-twitch:before { content: @ionicon-var-social-twitch; }
+.@{ionicons-prefix}social-twitch-outline:before { content: @ionicon-var-social-twitch-outline; }
+.@{ionicons-prefix}social-twitter:before { content: @ionicon-var-social-twitter; }
+.@{ionicons-prefix}social-twitter-outline:before { content: @ionicon-var-social-twitter-outline; }
+.@{ionicons-prefix}social-usd:before { content: @ionicon-var-social-usd; }
+.@{ionicons-prefix}social-usd-outline:before { content: @ionicon-var-social-usd-outline; }
+.@{ionicons-prefix}social-vimeo:before { content: @ionicon-var-social-vimeo; }
+.@{ionicons-prefix}social-vimeo-outline:before { content: @ionicon-var-social-vimeo-outline; }
+.@{ionicons-prefix}social-whatsapp:before { content: @ionicon-var-social-whatsapp; }
+.@{ionicons-prefix}social-whatsapp-outline:before { content: @ionicon-var-social-whatsapp-outline; }
+.@{ionicons-prefix}social-windows:before { content: @ionicon-var-social-windows; }
+.@{ionicons-prefix}social-windows-outline:before { content: @ionicon-var-social-windows-outline; }
+.@{ionicons-prefix}social-wordpress:before { content: @ionicon-var-social-wordpress; }
+.@{ionicons-prefix}social-wordpress-outline:before { content: @ionicon-var-social-wordpress-outline; }
+.@{ionicons-prefix}social-yahoo:before { content: @ionicon-var-social-yahoo; }
+.@{ionicons-prefix}social-yahoo-outline:before { content: @ionicon-var-social-yahoo-outline; }
+.@{ionicons-prefix}social-yen:before { content: @ionicon-var-social-yen; }
+.@{ionicons-prefix}social-yen-outline:before { content: @ionicon-var-social-yen-outline; }
+.@{ionicons-prefix}social-youtube:before { content: @ionicon-var-social-youtube; }
+.@{ionicons-prefix}social-youtube-outline:before { content: @ionicon-var-social-youtube-outline; }
+.@{ionicons-prefix}soup-can:before { content: @ionicon-var-soup-can; }
+.@{ionicons-prefix}soup-can-outline:before { content: @ionicon-var-soup-can-outline; }
+.@{ionicons-prefix}speakerphone:before { content: @ionicon-var-speakerphone; }
+.@{ionicons-prefix}speedometer:before { content: @ionicon-var-speedometer; }
+.@{ionicons-prefix}spoon:before { content: @ionicon-var-spoon; }
+.@{ionicons-prefix}star:before { content: @ionicon-var-star; }
+.@{ionicons-prefix}stats-bars:before { content: @ionicon-var-stats-bars; }
+.@{ionicons-prefix}steam:before { content: @ionicon-var-steam; }
+.@{ionicons-prefix}stop:before { content: @ionicon-var-stop; }
+.@{ionicons-prefix}thermometer:before { content: @ionicon-var-thermometer; }
+.@{ionicons-prefix}thumbsdown:before { content: @ionicon-var-thumbsdown; }
+.@{ionicons-prefix}thumbsup:before { content: @ionicon-var-thumbsup; }
+.@{ionicons-prefix}toggle:before { content: @ionicon-var-toggle; }
+.@{ionicons-prefix}toggle-filled:before { content: @ionicon-var-toggle-filled; }
+.@{ionicons-prefix}transgender:before { content: @ionicon-var-transgender; }
+.@{ionicons-prefix}trash-a:before { content: @ionicon-var-trash-a; }
+.@{ionicons-prefix}trash-b:before { content: @ionicon-var-trash-b; }
+.@{ionicons-prefix}trophy:before { content: @ionicon-var-trophy; }
+.@{ionicons-prefix}tshirt:before { content: @ionicon-var-tshirt; }
+.@{ionicons-prefix}tshirt-outline:before { content: @ionicon-var-tshirt-outline; }
+.@{ionicons-prefix}umbrella:before { content: @ionicon-var-umbrella; }
+.@{ionicons-prefix}university:before { content: @ionicon-var-university; }
+.@{ionicons-prefix}unlocked:before { content: @ionicon-var-unlocked; }
+.@{ionicons-prefix}upload:before { content: @ionicon-var-upload; }
+.@{ionicons-prefix}usb:before { content: @ionicon-var-usb; }
+.@{ionicons-prefix}videocamera:before { content: @ionicon-var-videocamera; }
+.@{ionicons-prefix}volume-high:before { content: @ionicon-var-volume-high; }
+.@{ionicons-prefix}volume-low:before { content: @ionicon-var-volume-low; }
+.@{ionicons-prefix}volume-medium:before { content: @ionicon-var-volume-medium; }
+.@{ionicons-prefix}volume-mute:before { content: @ionicon-var-volume-mute; }
+.@{ionicons-prefix}wand:before { content: @ionicon-var-wand; }
+.@{ionicons-prefix}waterdrop:before { content: @ionicon-var-waterdrop; }
+.@{ionicons-prefix}wifi:before { content: @ionicon-var-wifi; }
+.@{ionicons-prefix}wineglass:before { content: @ionicon-var-wineglass; }
+.@{ionicons-prefix}woman:before { content: @ionicon-var-woman; }
+.@{ionicons-prefix}wrench:before { content: @ionicon-var-wrench; }
+.@{ionicons-prefix}xbox:before { content: @ionicon-var-xbox; }

src/web/res/bower_components/Ionicons/less/_ionicons-variables.less

@@ -0,0 +1,747 @@
+/*!
+Ionicons, v2.0.0
+Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
+https://twitter.com/benjsperry  https://twitter.com/ionicframework
+MIT License: https://github.com/driftyco/ionicons
+*/
+// Ionicons Variables
+// --------------------------
+
+@ionicons-font-path: "../fonts";
+@ionicons-font-family: "Ionicons";
+@ionicons-version: "2.0.0";
+@ionicons-prefix: ion-;
+
+@ionicon-var-alert: "\f101";
+@ionicon-var-alert-circled: "\f100";
+@ionicon-var-android-add: "\f2c7";
+@ionicon-var-android-add-circle: "\f359";
+@ionicon-var-android-alarm-clock: "\f35a";
+@ionicon-var-android-alert: "\f35b";
+@ionicon-var-android-apps: "\f35c";
+@ionicon-var-android-archive: "\f2c9";
+@ionicon-var-android-arrow-back: "\f2ca";
+@ionicon-var-android-arrow-down: "\f35d";
+@ionicon-var-android-arrow-dropdown: "\f35f";
+@ionicon-var-android-arrow-dropdown-circle: "\f35e";
+@ionicon-var-android-arrow-dropleft: "\f361";
+@ionicon-var-android-arrow-dropleft-circle: "\f360";
+@ionicon-var-android-arrow-dropright: "\f363";
+@ionicon-var-android-arrow-dropright-circle: "\f362";
+@ionicon-var-android-arrow-dropup: "\f365";
+@ionicon-var-android-arrow-dropup-circle: "\f364";
+@ionicon-var-android-arrow-forward: "\f30f";
+@ionicon-var-android-arrow-up: "\f366";
+@ionicon-var-android-attach: "\f367";
+@ionicon-var-android-bar: "\f368";
+@ionicon-var-android-bicycle: "\f369";
+@ionicon-var-android-boat: "\f36a";
+@ionicon-var-android-bookmark: "\f36b";
+@ionicon-var-android-bulb: "\f36c";
+@ionicon-var-android-bus: "\f36d";
+@ionicon-var-android-calendar: "\f2d1";
+@ionicon-var-android-call: "\f2d2";
+@ionicon-var-android-camera: "\f2d3";
+@ionicon-var-android-cancel: "\f36e";
+@ionicon-var-android-car: "\f36f";
+@ionicon-var-android-cart: "\f370";
+@ionicon-var-android-chat: "\f2d4";
+@ionicon-var-android-checkbox: "\f374";
+@ionicon-var-android-checkbox-blank: "\f371";
+@ionicon-var-android-checkbox-outline: "\f373";
+@ionicon-var-android-checkbox-outline-blank: "\f372";
+@ionicon-var-android-checkmark-circle: "\f375";
+@ionicon-var-android-clipboard: "\f376";
+@ionicon-var-android-close: "\f2d7";
+@ionicon-var-android-cloud: "\f37a";
+@ionicon-var-android-cloud-circle: "\f377";
+@ionicon-var-android-cloud-done: "\f378";
+@ionicon-var-android-cloud-outline: "\f379";
+@ionicon-var-android-color-palette: "\f37b";
+@ionicon-var-android-compass: "\f37c";
+@ionicon-var-android-contact: "\f2d8";
+@ionicon-var-android-contacts: "\f2d9";
+@ionicon-var-android-contract: "\f37d";
+@ionicon-var-android-create: "\f37e";
+@ionicon-var-android-delete: "\f37f";
+@ionicon-var-android-desktop: "\f380";
+@ionicon-var-android-document: "\f381";
+@ionicon-var-android-done: "\f383";
+@ionicon-var-android-done-all: "\f382";
+@ionicon-var-android-download: "\f2dd";
+@ionicon-var-android-drafts: "\f384";
+@ionicon-var-android-exit: "\f385";
+@ionicon-var-android-expand: "\f386";
+@ionicon-var-android-favorite: "\f388";
+@ionicon-var-android-favorite-outline: "\f387";
+@ionicon-var-android-film: "\f389";
+@ionicon-var-android-folder: "\f2e0";
+@ionicon-var-android-folder-open: "\f38a";
+@ionicon-var-android-funnel: "\f38b";
+@ionicon-var-android-globe: "\f38c";
+@ionicon-var-android-hand: "\f2e3";
+@ionicon-var-android-hangout: "\f38d";
+@ionicon-var-android-happy: "\f38e";
+@ionicon-var-android-home: "\f38f";
+@ionicon-var-android-image: "\f2e4";
+@ionicon-var-android-laptop: "\f390";
+@ionicon-var-android-list: "\f391";
+@ionicon-var-android-locate: "\f2e9";
+@ionicon-var-android-lock: "\f392";
+@ionicon-var-android-mail: "\f2eb";
+@ionicon-var-android-map: "\f393";
+@ionicon-var-android-menu: "\f394";
+@ionicon-var-android-microphone: "\f2ec";
+@ionicon-var-android-microphone-off: "\f395";
+@ionicon-var-android-more-horizontal: "\f396";
+@ionicon-var-android-more-vertical: "\f397";
+@ionicon-var-android-navigate: "\f398";
+@ionicon-var-android-notifications: "\f39b";
+@ionicon-var-android-notifications-none: "\f399";
+@ionicon-var-android-notifications-off: "\f39a";
+@ionicon-var-android-open: "\f39c";
+@ionicon-var-android-options: "\f39d";
+@ionicon-var-android-people: "\f39e";
+@ionicon-var-android-person: "\f3a0";
+@ionicon-var-android-person-add: "\f39f";
+@ionicon-var-android-phone-landscape: "\f3a1";
+@ionicon-var-android-phone-portrait: "\f3a2";
+@ionicon-var-android-pin: "\f3a3";
+@ionicon-var-android-plane: "\f3a4";
+@ionicon-var-android-playstore: "\f2f0";
+@ionicon-var-android-print: "\f3a5";
+@ionicon-var-android-radio-button-off: "\f3a6";
+@ionicon-var-android-radio-button-on: "\f3a7";
+@ionicon-var-android-refresh: "\f3a8";
+@ionicon-var-android-remove: "\f2f4";
+@ionicon-var-android-remove-circle: "\f3a9";
+@ionicon-var-android-restaurant: "\f3aa";
+@ionicon-var-android-sad: "\f3ab";
+@ionicon-var-android-search: "\f2f5";
+@ionicon-var-android-send: "\f2f6";
+@ionicon-var-android-settings: "\f2f7";
+@ionicon-var-android-share: "\f2f8";
+@ionicon-var-android-share-alt: "\f3ac";
+@ionicon-var-android-star: "\f2fc";
+@ionicon-var-android-star-half: "\f3ad";
+@ionicon-var-android-star-outline: "\f3ae";
+@ionicon-var-android-stopwatch: "\f2fd";
+@ionicon-var-android-subway: "\f3af";
+@ionicon-var-android-sunny: "\f3b0";
+@ionicon-var-android-sync: "\f3b1";
+@ionicon-var-android-textsms: "\f3b2";
+@ionicon-var-android-time: "\f3b3";
+@ionicon-var-android-train: "\f3b4";
+@ionicon-var-android-unlock: "\f3b5";
+@ionicon-var-android-upload: "\f3b6";
+@ionicon-var-android-volume-down: "\f3b7";
+@ionicon-var-android-volume-mute: "\f3b8";
+@ionicon-var-android-volume-off: "\f3b9";
+@ionicon-var-android-volume-up: "\f3ba";
+@ionicon-var-android-walk: "\f3bb";
+@ionicon-var-android-warning: "\f3bc";
+@ionicon-var-android-watch: "\f3bd";
+@ionicon-var-android-wifi: "\f305";
+@ionicon-var-aperture: "\f313";
+@ionicon-var-archive: "\f102";
+@ionicon-var-arrow-down-a: "\f103";
+@ionicon-var-arrow-down-b: "\f104";
+@ionicon-var-arrow-down-c: "\f105";
+@ionicon-var-arrow-expand: "\f25e";
+@ionicon-var-arrow-graph-down-left: "\f25f";
+@ionicon-var-arrow-graph-down-right: "\f260";
+@ionicon-var-arrow-graph-up-left: "\f261";
+@ionicon-var-arrow-graph-up-right: "\f262";
+@ionicon-var-arrow-left-a: "\f106";
+@ionicon-var-arrow-left-b: "\f107";
+@ionicon-var-arrow-left-c: "\f108";
+@ionicon-var-arrow-move: "\f263";
+@ionicon-var-arrow-resize: "\f264";
+@ionicon-var-arrow-return-left: "\f265";
+@ionicon-var-arrow-return-right: "\f266";
+@ionicon-var-arrow-right-a: "\f109";
+@ionicon-var-arrow-right-b: "\f10a";
+@ionicon-var-arrow-right-c: "\f10b";
+@ionicon-var-arrow-shrink: "\f267";
+@ionicon-var-arrow-swap: "\f268";
+@ionicon-var-arrow-up-a: "\f10c";
+@ionicon-var-arrow-up-b: "\f10d";
+@ionicon-var-arrow-up-c: "\f10e";
+@ionicon-var-asterisk: "\f314";
+@ionicon-var-at: "\f10f";
+@ionicon-var-backspace: "\f3bf";
+@ionicon-var-backspace-outline: "\f3be";
+@ionicon-var-bag: "\f110";
+@ionicon-var-battery-charging: "\f111";
+@ionicon-var-battery-empty: "\f112";
+@ionicon-var-battery-full: "\f113";
+@ionicon-var-battery-half: "\f114";
+@ionicon-var-battery-low: "\f115";
+@ionicon-var-beaker: "\f269";
+@ionicon-var-beer: "\f26a";
+@ionicon-var-bluetooth: "\f116";
+@ionicon-var-bonfire: "\f315";
+@ionicon-var-bookmark: "\f26b";
+@ionicon-var-bowtie: "\f3c0";
+@ionicon-var-briefcase: "\f26c";
+@ionicon-var-bug: "\f2be";
+@ionicon-var-calculator: "\f26d";
+@ionicon-var-calendar: "\f117";
+@ionicon-var-camera: "\f118";
+@ionicon-var-card: "\f119";
+@ionicon-var-cash: "\f316";
+@ionicon-var-chatbox: "\f11b";
+@ionicon-var-chatbox-working: "\f11a";
+@ionicon-var-chatboxes: "\f11c";
+@ionicon-var-chatbubble: "\f11e";
+@ionicon-var-chatbubble-working: "\f11d";
+@ionicon-var-chatbubbles: "\f11f";
+@ionicon-var-checkmark: "\f122";
+@ionicon-var-checkmark-circled: "\f120";
+@ionicon-var-checkmark-round: "\f121";
+@ionicon-var-chevron-down: "\f123";
+@ionicon-var-chevron-left: "\f124";
+@ionicon-var-chevron-right: "\f125";
+@ionicon-var-chevron-up: "\f126";
+@ionicon-var-clipboard: "\f127";
+@ionicon-var-clock: "\f26e";
+@ionicon-var-close: "\f12a";
+@ionicon-var-close-circled: "\f128";
+@ionicon-var-close-round: "\f129";
+@ionicon-var-closed-captioning: "\f317";
+@ionicon-var-cloud: "\f12b";
+@ionicon-var-code: "\f271";
+@ionicon-var-code-download: "\f26f";
+@ionicon-var-code-working: "\f270";
+@ionicon-var-coffee: "\f272";
+@ionicon-var-compass: "\f273";
+@ionicon-var-compose: "\f12c";
+@ionicon-var-connection-bars: "\f274";
+@ionicon-var-contrast: "\f275";
+@ionicon-var-crop: "\f3c1";
+@ionicon-var-cube: "\f318";
+@ionicon-var-disc: "\f12d";
+@ionicon-var-document: "\f12f";
+@ionicon-var-document-text: "\f12e";
+@ionicon-var-drag: "\f130";
+@ionicon-var-earth: "\f276";
+@ionicon-var-easel: "\f3c2";
+@ionicon-var-edit: "\f2bf";
+@ionicon-var-egg: "\f277";
+@ionicon-var-eject: "\f131";
+@ionicon-var-email: "\f132";
+@ionicon-var-email-unread: "\f3c3";
+@ionicon-var-erlenmeyer-flask: "\f3c5";
+@ionicon-var-erlenmeyer-flask-bubbles: "\f3c4";
+@ionicon-var-eye: "\f133";
+@ionicon-var-eye-disabled: "\f306";
+@ionicon-var-female: "\f278";
+@ionicon-var-filing: "\f134";
+@ionicon-var-film-marker: "\f135";
+@ionicon-var-fireball: "\f319";
+@ionicon-var-flag: "\f279";
+@ionicon-var-flame: "\f31a";
+@ionicon-var-flash: "\f137";
+@ionicon-var-flash-off: "\f136";
+@ionicon-var-folder: "\f139";
+@ionicon-var-fork: "\f27a";
+@ionicon-var-fork-repo: "\f2c0";
+@ionicon-var-forward: "\f13a";
+@ionicon-var-funnel: "\f31b";
+@ionicon-var-gear-a: "\f13d";
+@ionicon-var-gear-b: "\f13e";
+@ionicon-var-grid: "\f13f";
+@ionicon-var-hammer: "\f27b";
+@ionicon-var-happy: "\f31c";
+@ionicon-var-happy-outline: "\f3c6";
+@ionicon-var-headphone: "\f140";
+@ionicon-var-heart: "\f141";
+@ionicon-var-heart-broken: "\f31d";
+@ionicon-var-help: "\f143";
+@ionicon-var-help-buoy: "\f27c";
+@ionicon-var-help-circled: "\f142";
+@ionicon-var-home: "\f144";
+@ionicon-var-icecream: "\f27d";
+@ionicon-var-image: "\f147";
+@ionicon-var-images: "\f148";
+@ionicon-var-information: "\f14a";
+@ionicon-var-information-circled: "\f149";
+@ionicon-var-ionic: "\f14b";
+@ionicon-var-ios-alarm: "\f3c8";
+@ionicon-var-ios-alarm-outline: "\f3c7";
+@ionicon-var-ios-albums: "\f3ca";
+@ionicon-var-ios-albums-outline: "\f3c9";
+@ionicon-var-ios-americanfootball: "\f3cc";
+@ionicon-var-ios-americanfootball-outline: "\f3cb";
+@ionicon-var-ios-analytics: "\f3ce";
+@ionicon-var-ios-analytics-outline: "\f3cd";
+@ionicon-var-ios-arrow-back: "\f3cf";
+@ionicon-var-ios-arrow-down: "\f3d0";
+@ionicon-var-ios-arrow-forward: "\f3d1";
+@ionicon-var-ios-arrow-left: "\f3d2";
+@ionicon-var-ios-arrow-right: "\f3d3";
+@ionicon-var-ios-arrow-thin-down: "\f3d4";
+@ionicon-var-ios-arrow-thin-left: "\f3d5";
+@ionicon-var-ios-arrow-thin-right: "\f3d6";
+@ionicon-var-ios-arrow-thin-up: "\f3d7";
+@ionicon-var-ios-arrow-up: "\f3d8";
+@ionicon-var-ios-at: "\f3da";
+@ionicon-var-ios-at-outline: "\f3d9";
+@ionicon-var-ios-barcode: "\f3dc";
+@ionicon-var-ios-barcode-outline: "\f3db";
+@ionicon-var-ios-baseball: "\f3de";
+@ionicon-var-ios-baseball-outline: "\f3dd";
+@ionicon-var-ios-basketball: "\f3e0";
+@ionicon-var-ios-basketball-outline: "\f3df";
+@ionicon-var-ios-bell: "\f3e2";
+@ionicon-var-ios-bell-outline: "\f3e1";
+@ionicon-var-ios-body: "\f3e4";
+@ionicon-var-ios-body-outline: "\f3e3";
+@ionicon-var-ios-bolt: "\f3e6";
+@ionicon-var-ios-bolt-outline: "\f3e5";
+@ionicon-var-ios-book: "\f3e8";
+@ionicon-var-ios-book-outline: "\f3e7";
+@ionicon-var-ios-bookmarks: "\f3ea";
+@ionicon-var-ios-bookmarks-outline: "\f3e9";
+@ionicon-var-ios-box: "\f3ec";
+@ionicon-var-ios-box-outline: "\f3eb";
+@ionicon-var-ios-briefcase: "\f3ee";
+@ionicon-var-ios-briefcase-outline: "\f3ed";
+@ionicon-var-ios-browsers: "\f3f0";
+@ionicon-var-ios-browsers-outline: "\f3ef";
+@ionicon-var-ios-calculator: "\f3f2";
+@ionicon-var-ios-calculator-outline: "\f3f1";
+@ionicon-var-ios-calendar: "\f3f4";
+@ionicon-var-ios-calendar-outline: "\f3f3";
+@ionicon-var-ios-camera: "\f3f6";
+@ionicon-var-ios-camera-outline: "\f3f5";
+@ionicon-var-ios-cart: "\f3f8";
+@ionicon-var-ios-cart-outline: "\f3f7";
+@ionicon-var-ios-chatboxes: "\f3fa";
+@ionicon-var-ios-chatboxes-outline: "\f3f9";
+@ionicon-var-ios-chatbubble: "\f3fc";
+@ionicon-var-ios-chatbubble-outline: "\f3fb";
+@ionicon-var-ios-checkmark: "\f3ff";
+@ionicon-var-ios-checkmark-empty: "\f3fd";
+@ionicon-var-ios-checkmark-outline: "\f3fe";
+@ionicon-var-ios-circle-filled: "\f400";
+@ionicon-var-ios-circle-outline: "\f401";
+@ionicon-var-ios-clock: "\f403";
+@ionicon-var-ios-clock-outline: "\f402";
+@ionicon-var-ios-close: "\f406";
+@ionicon-var-ios-close-empty: "\f404";
+@ionicon-var-ios-close-outline: "\f405";
+@ionicon-var-ios-cloud: "\f40c";
+@ionicon-var-ios-cloud-download: "\f408";
+@ionicon-var-ios-cloud-download-outline: "\f407";
+@ionicon-var-ios-cloud-outline: "\f409";
+@ionicon-var-ios-cloud-upload: "\f40b";
+@ionicon-var-ios-cloud-upload-outline: "\f40a";
+@ionicon-var-ios-cloudy: "\f410";
+@ionicon-var-ios-cloudy-night: "\f40e";
+@ionicon-var-ios-cloudy-night-outline: "\f40d";
+@ionicon-var-ios-cloudy-outline: "\f40f";
+@ionicon-var-ios-cog: "\f412";
+@ionicon-var-ios-cog-outline: "\f411";
+@ionicon-var-ios-color-filter: "\f414";
+@ionicon-var-ios-color-filter-outline: "\f413";
+@ionicon-var-ios-color-wand: "\f416";
+@ionicon-var-ios-color-wand-outline: "\f415";
+@ionicon-var-ios-compose: "\f418";
+@ionicon-var-ios-compose-outline: "\f417";
+@ionicon-var-ios-contact: "\f41a";
+@ionicon-var-ios-contact-outline: "\f419";
+@ionicon-var-ios-copy: "\f41c";
+@ionicon-var-ios-copy-outline: "\f41b";
+@ionicon-var-ios-crop: "\f41e";
+@ionicon-var-ios-crop-strong: "\f41d";
+@ionicon-var-ios-download: "\f420";
+@ionicon-var-ios-download-outline: "\f41f";
+@ionicon-var-ios-drag: "\f421";
+@ionicon-var-ios-email: "\f423";
+@ionicon-var-ios-email-outline: "\f422";
+@ionicon-var-ios-eye: "\f425";
+@ionicon-var-ios-eye-outline: "\f424";
+@ionicon-var-ios-fastforward: "\f427";
+@ionicon-var-ios-fastforward-outline: "\f426";
+@ionicon-var-ios-filing: "\f429";
+@ionicon-var-ios-filing-outline: "\f428";
+@ionicon-var-ios-film: "\f42b";
+@ionicon-var-ios-film-outline: "\f42a";
+@ionicon-var-ios-flag: "\f42d";
+@ionicon-var-ios-flag-outline: "\f42c";
+@ionicon-var-ios-flame: "\f42f";
+@ionicon-var-ios-flame-outline: "\f42e";
+@ionicon-var-ios-flask: "\f431";
+@ionicon-var-ios-flask-outline: "\f430";
+@ionicon-var-ios-flower: "\f433";
+@ionicon-var-ios-flower-outline: "\f432";
+@ionicon-var-ios-folder: "\f435";
+@ionicon-var-ios-folder-outline: "\f434";
+@ionicon-var-ios-football: "\f437";
+@ionicon-var-ios-football-outline: "\f436";
+@ionicon-var-ios-game-controller-a: "\f439";
+@ionicon-var-ios-game-controller-a-outline: "\f438";
+@ionicon-var-ios-game-controller-b: "\f43b";
+@ionicon-var-ios-game-controller-b-outline: "\f43a";
+@ionicon-var-ios-gear: "\f43d";
+@ionicon-var-ios-gear-outline: "\f43c";
+@ionicon-var-ios-glasses: "\f43f";
+@ionicon-var-ios-glasses-outline: "\f43e";
+@ionicon-var-ios-grid-view: "\f441";
+@ionicon-var-ios-grid-view-outline: "\f440";
+@ionicon-var-ios-heart: "\f443";
+@ionicon-var-ios-heart-outline: "\f442";
+@ionicon-var-ios-help: "\f446";
+@ionicon-var-ios-help-empty: "\f444";
+@ionicon-var-ios-help-outline: "\f445";
+@ionicon-var-ios-home: "\f448";
+@ionicon-var-ios-home-outline: "\f447";
+@ionicon-var-ios-infinite: "\f44a";
+@ionicon-var-ios-infinite-outline: "\f449";
+@ionicon-var-ios-information: "\f44d";
+@ionicon-var-ios-information-empty: "\f44b";
+@ionicon-var-ios-information-outline: "\f44c";
+@ionicon-var-ios-ionic-outline: "\f44e";
+@ionicon-var-ios-keypad: "\f450";
+@ionicon-var-ios-keypad-outline: "\f44f";
+@ionicon-var-ios-lightbulb: "\f452";
+@ionicon-var-ios-lightbulb-outline: "\f451";
+@ionicon-var-ios-list: "\f454";
+@ionicon-var-ios-list-outline: "\f453";
+@ionicon-var-ios-location: "\f456";
+@ionicon-var-ios-location-outline: "\f455";
+@ionicon-var-ios-locked: "\f458";
+@ionicon-var-ios-locked-outline: "\f457";
+@ionicon-var-ios-loop: "\f45a";
+@ionicon-var-ios-loop-strong: "\f459";
+@ionicon-var-ios-medical: "\f45c";
+@ionicon-var-ios-medical-outline: "\f45b";
+@ionicon-var-ios-medkit: "\f45e";
+@ionicon-var-ios-medkit-outline: "\f45d";
+@ionicon-var-ios-mic: "\f461";
+@ionicon-var-ios-mic-off: "\f45f";
+@ionicon-var-ios-mic-outline: "\f460";
+@ionicon-var-ios-minus: "\f464";
+@ionicon-var-ios-minus-empty: "\f462";
+@ionicon-var-ios-minus-outline: "\f463";
+@ionicon-var-ios-monitor: "\f466";
+@ionicon-var-ios-monitor-outline: "\f465";
+@ionicon-var-ios-moon: "\f468";
+@ionicon-var-ios-moon-outline: "\f467";
+@ionicon-var-ios-more: "\f46a";
+@ionicon-var-ios-more-outline: "\f469";
+@ionicon-var-ios-musical-note: "\f46b";
+@ionicon-var-ios-musical-notes: "\f46c";
+@ionicon-var-ios-navigate: "\f46e";
+@ionicon-var-ios-navigate-outline: "\f46d";
+@ionicon-var-ios-nutrition: "\f470";
+@ionicon-var-ios-nutrition-outline: "\f46f";
+@ionicon-var-ios-paper: "\f472";
+@ionicon-var-ios-paper-outline: "\f471";
+@ionicon-var-ios-paperplane: "\f474";
+@ionicon-var-ios-paperplane-outline: "\f473";
+@ionicon-var-ios-partlysunny: "\f476";
+@ionicon-var-ios-partlysunny-outline: "\f475";
+@ionicon-var-ios-pause: "\f478";
+@ionicon-var-ios-pause-outline: "\f477";
+@ionicon-var-ios-paw: "\f47a";
+@ionicon-var-ios-paw-outline: "\f479";
+@ionicon-var-ios-people: "\f47c";
+@ionicon-var-ios-people-outline: "\f47b";
+@ionicon-var-ios-person: "\f47e";
+@ionicon-var-ios-person-outline: "\f47d";
+@ionicon-var-ios-personadd: "\f480";
+@ionicon-var-ios-personadd-outline: "\f47f";
+@ionicon-var-ios-photos: "\f482";
+@ionicon-var-ios-photos-outline: "\f481";
+@ionicon-var-ios-pie: "\f484";
+@ionicon-var-ios-pie-outline: "\f483";
+@ionicon-var-ios-pint: "\f486";
+@ionicon-var-ios-pint-outline: "\f485";
+@ionicon-var-ios-play: "\f488";
+@ionicon-var-ios-play-outline: "\f487";
+@ionicon-var-ios-plus: "\f48b";
+@ionicon-var-ios-plus-empty: "\f489";
+@ionicon-var-ios-plus-outline: "\f48a";
+@ionicon-var-ios-pricetag: "\f48d";
+@ionicon-var-ios-pricetag-outline: "\f48c";
+@ionicon-var-ios-pricetags: "\f48f";
+@ionicon-var-ios-pricetags-outline: "\f48e";
+@ionicon-var-ios-printer: "\f491";
+@ionicon-var-ios-printer-outline: "\f490";
+@ionicon-var-ios-pulse: "\f493";
+@ionicon-var-ios-pulse-strong: "\f492";
+@ionicon-var-ios-rainy: "\f495";
+@ionicon-var-ios-rainy-outline: "\f494";
+@ionicon-var-ios-recording: "\f497";
+@ionicon-var-ios-recording-outline: "\f496";
+@ionicon-var-ios-redo: "\f499";
+@ionicon-var-ios-redo-outline: "\f498";
+@ionicon-var-ios-refresh: "\f49c";
+@ionicon-var-ios-refresh-empty: "\f49a";
+@ionicon-var-ios-refresh-outline: "\f49b";
+@ionicon-var-ios-reload: "\f49d";
+@ionicon-var-ios-reverse-camera: "\f49f";
+@ionicon-var-ios-reverse-camera-outline: "\f49e";
+@ionicon-var-ios-rewind: "\f4a1";
+@ionicon-var-ios-rewind-outline: "\f4a0";
+@ionicon-var-ios-rose: "\f4a3";
+@ionicon-var-ios-rose-outline: "\f4a2";
+@ionicon-var-ios-search: "\f4a5";
+@ionicon-var-ios-search-strong: "\f4a4";
+@ionicon-var-ios-settings: "\f4a7";
+@ionicon-var-ios-settings-strong: "\f4a6";
+@ionicon-var-ios-shuffle: "\f4a9";
+@ionicon-var-ios-shuffle-strong: "\f4a8";
+@ionicon-var-ios-skipbackward: "\f4ab";
+@ionicon-var-ios-skipbackward-outline: "\f4aa";
+@ionicon-var-ios-skipforward: "\f4ad";
+@ionicon-var-ios-skipforward-outline: "\f4ac";
+@ionicon-var-ios-snowy: "\f4ae";
+@ionicon-var-ios-speedometer: "\f4b0";
+@ionicon-var-ios-speedometer-outline: "\f4af";
+@ionicon-var-ios-star: "\f4b3";
+@ionicon-var-ios-star-half: "\f4b1";
+@ionicon-var-ios-star-outline: "\f4b2";
+@ionicon-var-ios-stopwatch: "\f4b5";
+@ionicon-var-ios-stopwatch-outline: "\f4b4";
+@ionicon-var-ios-sunny: "\f4b7";
+@ionicon-var-ios-sunny-outline: "\f4b6";
+@ionicon-var-ios-telephone: "\f4b9";
+@ionicon-var-ios-telephone-outline: "\f4b8";
+@ionicon-var-ios-tennisball: "\f4bb";
+@ionicon-var-ios-tennisball-outline: "\f4ba";
+@ionicon-var-ios-thunderstorm: "\f4bd";
+@ionicon-var-ios-thunderstorm-outline: "\f4bc";
+@ionicon-var-ios-time: "\f4bf";
+@ionicon-var-ios-time-outline: "\f4be";
+@ionicon-var-ios-timer: "\f4c1";
+@ionicon-var-ios-timer-outline: "\f4c0";
+@ionicon-var-ios-toggle: "\f4c3";
+@ionicon-var-ios-toggle-outline: "\f4c2";
+@ionicon-var-ios-trash: "\f4c5";
+@ionicon-var-ios-trash-outline: "\f4c4";
+@ionicon-var-ios-undo: "\f4c7";
+@ionicon-var-ios-undo-outline: "\f4c6";
+@ionicon-var-ios-unlocked: "\f4c9";
+@ionicon-var-ios-unlocked-outline: "\f4c8";
+@ionicon-var-ios-upload: "\f4cb";
+@ionicon-var-ios-upload-outline: "\f4ca";
+@ionicon-var-ios-videocam: "\f4cd";
+@ionicon-var-ios-videocam-outline: "\f4cc";
+@ionicon-var-ios-volume-high: "\f4ce";
+@ionicon-var-ios-volume-low: "\f4cf";
+@ionicon-var-ios-wineglass: "\f4d1";
+@ionicon-var-ios-wineglass-outline: "\f4d0";
+@ionicon-var-ios-world: "\f4d3";
+@ionicon-var-ios-world-outline: "\f4d2";
+@ionicon-var-ipad: "\f1f9";
+@ionicon-var-iphone: "\f1fa";
+@ionicon-var-ipod: "\f1fb";
+@ionicon-var-jet: "\f295";
+@ionicon-var-key: "\f296";
+@ionicon-var-knife: "\f297";
+@ionicon-var-laptop: "\f1fc";
+@ionicon-var-leaf: "\f1fd";
+@ionicon-var-levels: "\f298";
+@ionicon-var-lightbulb: "\f299";
+@ionicon-var-link: "\f1fe";
+@ionicon-var-load-a: "\f29a";
+@ionicon-var-load-b: "\f29b";
+@ionicon-var-load-c: "\f29c";
+@ionicon-var-load-d: "\f29d";
+@ionicon-var-location: "\f1ff";
+@ionicon-var-lock-combination: "\f4d4";
+@ionicon-var-locked: "\f200";
+@ionicon-var-log-in: "\f29e";
+@ionicon-var-log-out: "\f29f";
+@ionicon-var-loop: "\f201";
+@ionicon-var-magnet: "\f2a0";
+@ionicon-var-male: "\f2a1";
+@ionicon-var-man: "\f202";
+@ionicon-var-map: "\f203";
+@ionicon-var-medkit: "\f2a2";
+@ionicon-var-merge: "\f33f";
+@ionicon-var-mic-a: "\f204";
+@ionicon-var-mic-b: "\f205";
+@ionicon-var-mic-c: "\f206";
+@ionicon-var-minus: "\f209";
+@ionicon-var-minus-circled: "\f207";
+@ionicon-var-minus-round: "\f208";
+@ionicon-var-model-s: "\f2c1";
+@ionicon-var-monitor: "\f20a";
+@ionicon-var-more: "\f20b";
+@ionicon-var-mouse: "\f340";
+@ionicon-var-music-note: "\f20c";
+@ionicon-var-navicon: "\f20e";
+@ionicon-var-navicon-round: "\f20d";
+@ionicon-var-navigate: "\f2a3";
+@ionicon-var-network: "\f341";
+@ionicon-var-no-smoking: "\f2c2";
+@ionicon-var-nuclear: "\f2a4";
+@ionicon-var-outlet: "\f342";
+@ionicon-var-paintbrush: "\f4d5";
+@ionicon-var-paintbucket: "\f4d6";
+@ionicon-var-paper-airplane: "\f2c3";
+@ionicon-var-paperclip: "\f20f";
+@ionicon-var-pause: "\f210";
+@ionicon-var-person: "\f213";
+@ionicon-var-person-add: "\f211";
+@ionicon-var-person-stalker: "\f212";
+@ionicon-var-pie-graph: "\f2a5";
+@ionicon-var-pin: "\f2a6";
+@ionicon-var-pinpoint: "\f2a7";
+@ionicon-var-pizza: "\f2a8";
+@ionicon-var-plane: "\f214";
+@ionicon-var-planet: "\f343";
+@ionicon-var-play: "\f215";
+@ionicon-var-playstation: "\f30a";
+@ionicon-var-plus: "\f218";
+@ionicon-var-plus-circled: "\f216";
+@ionicon-var-plus-round: "\f217";
+@ionicon-var-podium: "\f344";
+@ionicon-var-pound: "\f219";
+@ionicon-var-power: "\f2a9";
+@ionicon-var-pricetag: "\f2aa";
+@ionicon-var-pricetags: "\f2ab";
+@ionicon-var-printer: "\f21a";
+@ionicon-var-pull-request: "\f345";
+@ionicon-var-qr-scanner: "\f346";
+@ionicon-var-quote: "\f347";
+@ionicon-var-radio-waves: "\f2ac";
+@ionicon-var-record: "\f21b";
+@ionicon-var-refresh: "\f21c";
+@ionicon-var-reply: "\f21e";
+@ionicon-var-reply-all: "\f21d";
+@ionicon-var-ribbon-a: "\f348";
+@ionicon-var-ribbon-b: "\f349";
+@ionicon-var-sad: "\f34a";
+@ionicon-var-sad-outline: "\f4d7";
+@ionicon-var-scissors: "\f34b";
+@ionicon-var-search: "\f21f";
+@ionicon-var-settings: "\f2ad";
+@ionicon-var-share: "\f220";
+@ionicon-var-shuffle: "\f221";
+@ionicon-var-skip-backward: "\f222";
+@ionicon-var-skip-forward: "\f223";
+@ionicon-var-social-android: "\f225";
+@ionicon-var-social-android-outline: "\f224";
+@ionicon-var-social-angular: "\f4d9";
+@ionicon-var-social-angular-outline: "\f4d8";
+@ionicon-var-social-apple: "\f227";
+@ionicon-var-social-apple-outline: "\f226";
+@ionicon-var-social-bitcoin: "\f2af";
+@ionicon-var-social-bitcoin-outline: "\f2ae";
+@ionicon-var-social-buffer: "\f229";
+@ionicon-var-social-buffer-outline: "\f228";
+@ionicon-var-social-chrome: "\f4db";
+@ionicon-var-social-chrome-outline: "\f4da";
+@ionicon-var-social-codepen: "\f4dd";
+@ionicon-var-social-codepen-outline: "\f4dc";
+@ionicon-var-social-css3: "\f4df";
+@ionicon-var-social-css3-outline: "\f4de";
+@ionicon-var-social-designernews: "\f22b";
+@ionicon-var-social-designernews-outline: "\f22a";
+@ionicon-var-social-dribbble: "\f22d";
+@ionicon-var-social-dribbble-outline: "\f22c";
+@ionicon-var-social-dropbox: "\f22f";
+@ionicon-var-social-dropbox-outline: "\f22e";
+@ionicon-var-social-euro: "\f4e1";
+@ionicon-var-social-euro-outline: "\f4e0";
+@ionicon-var-social-facebook: "\f231";
+@ionicon-var-social-facebook-outline: "\f230";
+@ionicon-var-social-foursquare: "\f34d";
+@ionicon-var-social-foursquare-outline: "\f34c";
+@ionicon-var-social-freebsd-devil: "\f2c4";
+@ionicon-var-social-github: "\f233";
+@ionicon-var-social-github-outline: "\f232";
+@ionicon-var-social-google: "\f34f";
+@ionicon-var-social-google-outline: "\f34e";
+@ionicon-var-social-googleplus: "\f235";
+@ionicon-var-social-googleplus-outline: "\f234";
+@ionicon-var-social-hackernews: "\f237";
+@ionicon-var-social-hackernews-outline: "\f236";
+@ionicon-var-social-html5: "\f4e3";
+@ionicon-var-social-html5-outline: "\f4e2";
+@ionicon-var-social-instagram: "\f351";
+@ionicon-var-social-instagram-outline: "\f350";
+@ionicon-var-social-javascript: "\f4e5";
+@ionicon-var-social-javascript-outline: "\f4e4";
+@ionicon-var-social-linkedin: "\f239";
+@ionicon-var-social-linkedin-outline: "\f238";
+@ionicon-var-social-markdown: "\f4e6";
+@ionicon-var-social-nodejs: "\f4e7";
+@ionicon-var-social-octocat: "\f4e8";
+@ionicon-var-social-pinterest: "\f2b1";
+@ionicon-var-social-pinterest-outline: "\f2b0";
+@ionicon-var-social-python: "\f4e9";
+@ionicon-var-social-reddit: "\f23b";
+@ionicon-var-social-reddit-outline: "\f23a";
+@ionicon-var-social-rss: "\f23d";
+@ionicon-var-social-rss-outline: "\f23c";
+@ionicon-var-social-sass: "\f4ea";
+@ionicon-var-social-skype: "\f23f";
+@ionicon-var-social-skype-outline: "\f23e";
+@ionicon-var-social-snapchat: "\f4ec";
+@ionicon-var-social-snapchat-outline: "\f4eb";
+@ionicon-var-social-tumblr: "\f241";
+@ionicon-var-social-tumblr-outline: "\f240";
+@ionicon-var-social-tux: "\f2c5";
+@ionicon-var-social-twitch: "\f4ee";
+@ionicon-var-social-twitch-outline: "\f4ed";
+@ionicon-var-social-twitter: "\f243";
+@ionicon-var-social-twitter-outline: "\f242";
+@ionicon-var-social-usd: "\f353";
+@ionicon-var-social-usd-outline: "\f352";
+@ionicon-var-social-vimeo: "\f245";
+@ionicon-var-social-vimeo-outline: "\f244";
+@ionicon-var-social-whatsapp: "\f4f0";
+@ionicon-var-social-whatsapp-outline: "\f4ef";
+@ionicon-var-social-windows: "\f247";
+@ionicon-var-social-windows-outline: "\f246";
+@ionicon-var-social-wordpress: "\f249";
+@ionicon-var-social-wordpress-outline: "\f248";
+@ionicon-var-social-yahoo: "\f24b";
+@ionicon-var-social-yahoo-outline: "\f24a";
+@ionicon-var-social-yen: "\f4f2";
+@ionicon-var-social-yen-outline: "\f4f1";
+@ionicon-var-social-youtube: "\f24d";
+@ionicon-var-social-youtube-outline: "\f24c";
+@ionicon-var-soup-can: "\f4f4";
+@ionicon-var-soup-can-outline: "\f4f3";
+@ionicon-var-speakerphone: "\f2b2";
+@ionicon-var-speedometer: "\f2b3";
+@ionicon-var-spoon: "\f2b4";
+@ionicon-var-star: "\f24e";
+@ionicon-var-stats-bars: "\f2b5";
+@ionicon-var-steam: "\f30b";
+@ionicon-var-stop: "\f24f";
+@ionicon-var-thermometer: "\f2b6";
+@ionicon-var-thumbsdown: "\f250";
+@ionicon-var-thumbsup: "\f251";
+@ionicon-var-toggle: "\f355";
+@ionicon-var-toggle-filled: "\f354";
+@ionicon-var-transgender: "\f4f5";
+@ionicon-var-trash-a: "\f252";
+@ionicon-var-trash-b: "\f253";
+@ionicon-var-trophy: "\f356";
+@ionicon-var-tshirt: "\f4f7";
+@ionicon-var-tshirt-outline: "\f4f6";
+@ionicon-var-umbrella: "\f2b7";
+@ionicon-var-university: "\f357";
+@ionicon-var-unlocked: "\f254";
+@ionicon-var-upload: "\f255";
+@ionicon-var-usb: "\f2b8";
+@ionicon-var-videocamera: "\f256";
+@ionicon-var-volume-high: "\f257";
+@ionicon-var-volume-low: "\f258";
+@ionicon-var-volume-medium: "\f259";
+@ionicon-var-volume-mute: "\f25a";
+@ionicon-var-wand: "\f358";
+@ionicon-var-waterdrop: "\f25b";
+@ionicon-var-wifi: "\f25c";
+@ionicon-var-wineglass: "\f2b9";
+@ionicon-var-woman: "\f25d";
+@ionicon-var-wrench: "\f2ba";
+@ionicon-var-xbox: "\f30c";

src/web/res/bower_components/Ionicons/less/ionicons.less

@@ -0,0 +1,3 @@
+@import "_ionicons-variables";
+@import "_ionicons-font";
+@import "_ionicons-icons";