From 8992a4a082c94d83040a118ed45a047b8aad6431 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Mon, 27 Aug 2018 17:46:33 -0500
Subject: [PATCH 01/10] backend

---
 app/controllers/task_items_controller.rb      | 46 ++++++++++++++
 app/controllers/task_lists_controller.rb      | 52 ++++++++++++++++
 app/controllers/users_controller.rb           |  2 -
 app/models/task_item.rb                       |  7 +++
 app/models/task_list.rb                       | 12 ++++
 app/models/user.rb                            |  1 +
 app/views/task_items/_task_item.json.jbuilder |  1 +
 app/views/task_lists/_task_list.json.jbuilder |  3 +
 app/views/task_lists/index.json.jbuilder      |  1 +
 app/views/task_lists/show.json.jbuilder       |  1 +
 config/routes.rb                              |  4 ++
 .../20180827214745_create_task_lists.rb       | 10 +++
 .../20180827215102_create_task_items.rb       | 11 ++++
 db/schema.rb                                  | 20 +++++-
 spec/controllers/task_list_controller_spec.rb | 62 +++++++++++++++++++
 spec/factories/task_items.rb                  |  7 +++
 spec/factories/task_lists.rb                  | 11 ++++
 spec/models/task_item_spec.rb                 |  5 ++
 spec/models/task_list_spec.rb                 |  5 ++
 19 files changed, 258 insertions(+), 3 deletions(-)
 create mode 100644 app/controllers/task_items_controller.rb
 create mode 100644 app/controllers/task_lists_controller.rb
 create mode 100644 app/models/task_item.rb
 create mode 100644 app/models/task_list.rb
 create mode 100644 app/views/task_items/_task_item.json.jbuilder
 create mode 100644 app/views/task_lists/_task_list.json.jbuilder
 create mode 100644 app/views/task_lists/index.json.jbuilder
 create mode 100644 app/views/task_lists/show.json.jbuilder
 create mode 100644 db/migrate/20180827214745_create_task_lists.rb
 create mode 100644 db/migrate/20180827215102_create_task_items.rb
 create mode 100644 spec/controllers/task_list_controller_spec.rb
 create mode 100644 spec/factories/task_items.rb
 create mode 100644 spec/factories/task_lists.rb
 create mode 100644 spec/models/task_item_spec.rb
 create mode 100644 spec/models/task_list_spec.rb

diff --git a/app/controllers/task_items_controller.rb b/app/controllers/task_items_controller.rb
new file mode 100644
index 0000000..9147ead
--- /dev/null
+++ b/app/controllers/task_items_controller.rb
@@ -0,0 +1,46 @@
+class TaskItemsController < ApplicationController
+
+  before_action :ensure_valid_user
+  before_action :set_task_list
+  before_action :set_task_item, only: [:update, :destroy]
+
+  def create
+    @task_item = TaskItem.new(task_item_params)
+    @task_item.task_list = @task_list
+
+    if @task_item.save
+      render :show, status: :created, location: @task_item
+    else
+      render json: @task_item.errors, status: :unprocessable_entity
+    end
+  end
+
+  def update
+    if @task_item.update(task_item_params)
+      render :show, status: :ok, location: @task_item
+    else
+      render json: @task_item.errors, status: :unprocessable_entity
+    end
+  end
+
+  def destroy
+    @task_item.destroy
+    head :no_content
+  end
+
+  private
+
+  def task_item_params
+    params.require(:task_item).permit(:name, :quantity)
+  end
+
+  def set_task_list
+    @task_list = TaskList.find(params[:task_list_id])
+    ensure_owner(@task_list)
+  end
+
+  def set_task_item
+    @task_item = @task_list.task_items.find(params[:id])
+  end
+
+end
\ No newline at end of file
diff --git a/app/controllers/task_lists_controller.rb b/app/controllers/task_lists_controller.rb
new file mode 100644
index 0000000..696d1dc
--- /dev/null
+++ b/app/controllers/task_lists_controller.rb
@@ -0,0 +1,52 @@
+class TaskListsController < ApplicationController
+
+  before_action :ensure_valid_user
+  before_action :set_task_list, only: [:show, :update, :destroy]
+
+  def index
+    @task_lists = TaskList.for_user(current_user)
+  end
+
+  def show
+    ensure_owner(@task_list)
+  end
+
+  def create
+    @task_list = TaskList.new(task_list_params)
+    @task_list.user = current_user
+
+    if @task_list.save
+      render :show, status: :created, location: @task_list
+    else
+      render json: @task_list.errors, status: :unprocessable_entity
+    end
+  end
+
+  def update
+    ensure_owner(@task_list) do
+      if @task_list.update(task_list_params)
+        render :show, status: :ok, location: @task_list
+      else
+        render json: @task_list.errors, status: :unprocessable_entity
+      end
+    end
+  end
+
+  def destroy
+    ensure_owner(@task_list) do
+      @task_list.destroy
+      head :no_content
+    end
+  end
+
+  private
+
+  def task_list_params
+    params.require(:task_list).permit(:name)
+  end
+
+  def set_task_list
+    @task_list = TaskList.find(params[:id])
+  end
+
+end
\ No newline at end of file
diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb
index 8a090fc..8f7065c 100644
--- a/app/controllers/users_controller.rb
+++ b/app/controllers/users_controller.rb
@@ -1,7 +1,5 @@
 class UsersController < ApplicationController
 
-  UserProxy = Struct.new(:user_id)
-
   before_action :ensure_valid_user, except: [:show, :login, :verify_login, :new, :create]
   skip_before_action :verify_authenticity_token, only: [:verify_login]
 
diff --git a/app/models/task_item.rb b/app/models/task_item.rb
new file mode 100644
index 0000000..8b2c814
--- /dev/null
+++ b/app/models/task_item.rb
@@ -0,0 +1,7 @@
+class TaskItem < ApplicationRecord
+
+  belongs_to :task_list
+
+  validates :name, presence: true
+
+end
diff --git a/app/models/task_list.rb b/app/models/task_list.rb
new file mode 100644
index 0000000..ab29706
--- /dev/null
+++ b/app/models/task_list.rb
@@ -0,0 +1,12 @@
+class TaskList < ApplicationRecord
+
+  belongs_to :user
+  has_many :task_items, dependent: :delete_all
+
+  validates :name,
+            presence: true,
+            uniqueness: { case_sensitive: false }
+
+  scope :for_user, -> (user) { where(user_id: user) }
+
+end
diff --git a/app/models/user.rb b/app/models/user.rb
index ad586c1..4838cd2 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -2,6 +2,7 @@ class User < ApplicationRecord
 
   has_many :recipes, dependent: :nullify
   has_many :ingredients, dependent: :nullify
+  has_many :task_lists, dependent: :destroy
 
   has_secure_password
 
diff --git a/app/views/task_items/_task_item.json.jbuilder b/app/views/task_items/_task_item.json.jbuilder
new file mode 100644
index 0000000..eea7dd2
--- /dev/null
+++ b/app/views/task_items/_task_item.json.jbuilder
@@ -0,0 +1 @@
+json.extract! task_item, :id, :name, :quantity, :created_on, :updated_on
\ No newline at end of file
diff --git a/app/views/task_lists/_task_list.json.jbuilder b/app/views/task_lists/_task_list.json.jbuilder
new file mode 100644
index 0000000..b2b67c8
--- /dev/null
+++ b/app/views/task_lists/_task_list.json.jbuilder
@@ -0,0 +1,3 @@
+
+json.extract! task_list, :id, :name, :created_at, :updated_at
+json.task_items task_list.task_items, partial: 'task_item/task_item', as: :task_item
diff --git a/app/views/task_lists/index.json.jbuilder b/app/views/task_lists/index.json.jbuilder
new file mode 100644
index 0000000..8cd31f6
--- /dev/null
+++ b/app/views/task_lists/index.json.jbuilder
@@ -0,0 +1 @@
+json.array! @task_lists, partial: 'task_lists/task_list', as: :task_list
\ No newline at end of file
diff --git a/app/views/task_lists/show.json.jbuilder b/app/views/task_lists/show.json.jbuilder
new file mode 100644
index 0000000..4892879
--- /dev/null
+++ b/app/views/task_lists/show.json.jbuilder
@@ -0,0 +1 @@
+json.partial! 'task_lists/task_list', task_list: @task_list
\ No newline at end of file
diff --git a/config/routes.rb b/config/routes.rb
index dcd6d3f..e0f93cc 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -33,6 +33,10 @@ Rails.application.routes.draw do
     end
   end
 
+  resources :task_lists, only: [:index, :show, :create, :update, :destroy] do
+    resources :task_list_items, only: [:create, :update, :destroy]
+  end
+
   resource :user, only: [:new, :create, :edit, :update]
 
   get '/login' => 'users#login', as: :login
diff --git a/db/migrate/20180827214745_create_task_lists.rb b/db/migrate/20180827214745_create_task_lists.rb
new file mode 100644
index 0000000..9d61e7d
--- /dev/null
+++ b/db/migrate/20180827214745_create_task_lists.rb
@@ -0,0 +1,10 @@
+class CreateTaskLists < ActiveRecord::Migration[5.2]
+  def change
+    create_table :task_lists do |t|
+      t.integer :user_id, index: true, null: false
+      t.string :name
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/migrate/20180827215102_create_task_items.rb b/db/migrate/20180827215102_create_task_items.rb
new file mode 100644
index 0000000..3aba437
--- /dev/null
+++ b/db/migrate/20180827215102_create_task_items.rb
@@ -0,0 +1,11 @@
+class CreateTaskItems < ActiveRecord::Migration[5.2]
+  def change
+    create_table :task_items do |t|
+      t.integer :task_list_id, index: true, null: false
+      t.string :name
+      t.string :quantity
+
+      t.timestamps
+    end
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 84ae75c..c5cc620 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 2017_04_14_233856) do
+ActiveRecord::Schema.define(version: 2018_08_27_215102) do
 
   create_table "ingredient_units", force: :cascade do |t|
     t.integer "ingredient_id", null: false
@@ -83,6 +83,7 @@ ActiveRecord::Schema.define(version: 2017_04_14_233856) do
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
     t.text "preparation"
+    t.integer "recipe_as_ingredient_id"
     t.index ["recipe_id"], name: "index_recipe_ingredients_on_recipe_id"
   end
 
@@ -126,6 +127,23 @@ ActiveRecord::Schema.define(version: 2017_04_14_233856) do
     t.index ["lowercase_name"], name: "index_tags_on_lowercase_name", unique: true
   end
 
+  create_table "task_items", force: :cascade do |t|
+    t.integer "task_list_id", null: false
+    t.string "name"
+    t.string "quantity"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["task_list_id"], name: "index_task_items_on_task_list_id"
+  end
+
+  create_table "task_lists", force: :cascade do |t|
+    t.integer "user_id", null: false
+    t.string "name"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["user_id"], name: "index_task_lists_on_user_id"
+  end
+
   create_table "usda_food_weights", force: :cascade do |t|
     t.integer "usda_food_id", null: false
     t.decimal "amount", precision: 7, scale: 3
diff --git a/spec/controllers/task_list_controller_spec.rb b/spec/controllers/task_list_controller_spec.rb
new file mode 100644
index 0000000..4797aec
--- /dev/null
+++ b/spec/controllers/task_list_controller_spec.rb
@@ -0,0 +1,62 @@
+require 'rails_helper'
+
+RSpec.describe TaskListsController, type: :controller do
+
+  render_views
+
+  before(:each) do
+    request.accept = "application/json"
+  end
+
+  let(:user) {
+    create(:user)
+  }
+
+  let(:valid_session) { {user_id: user.id} }
+
+  describe 'GET #index' do
+    it 'assigns all user lists as @task_lists' do
+      l1 = create(:task_list, user: user)
+      l2 = create(:task_list, user: user)
+      create(:task_list)
+
+      get :index, params: {}, session: valid_session
+
+      expect(assigns(:task_lists)).to contain_exactly(l1, l2)
+    end
+  end
+
+  describe 'GET #show' do
+    it 'assigns @task_list' do
+      l = create(:task_list, user: user)
+      get :show, params: {id: l.id}, session: valid_session
+      expect(assigns(:task_list)).to eq l
+    end
+  end
+
+  describe 'POST #create' do
+    it 'creates a task_list' do
+      expect do
+        post :create, params: {task_list: {name: 'name'}}, session: valid_session
+      end.to change(TaskList, :count).by 1
+    end
+  end
+
+  describe 'PATCH #update' do
+    it 'updates a task_list' do
+      l = create(:task_list, user: user)
+      patch :update, params: {id: l.id, task_list: {name: 'new name'}}, session: valid_session
+      l.reload
+      expect(l.name).to eq 'new name'
+    end
+  end
+
+  describe 'DELETE #destroy' do
+    it 'destroys the list' do
+      l = create(:task_list, user: user)
+      delete :destroy, params: {id: l.id}, session: valid_session
+      expect(TaskList.where(id: l.id).count).to eq 0
+    end
+  end
+
+end
\ No newline at end of file
diff --git a/spec/factories/task_items.rb b/spec/factories/task_items.rb
new file mode 100644
index 0000000..1e6dee4
--- /dev/null
+++ b/spec/factories/task_items.rb
@@ -0,0 +1,7 @@
+FactoryBot.define do
+  factory :task_item do
+    task_list
+    name "MyString"
+    quantity "MyString"
+  end
+end
diff --git a/spec/factories/task_lists.rb b/spec/factories/task_lists.rb
new file mode 100644
index 0000000..9f46ca9
--- /dev/null
+++ b/spec/factories/task_lists.rb
@@ -0,0 +1,11 @@
+FactoryBot.define do
+
+  sequence :generic_task_list_name do |n|
+    "list_#{n}"
+  end
+
+  factory :task_list do
+    user
+    name { generate(:generic_task_list_name) }
+  end
+end
diff --git a/spec/models/task_item_spec.rb b/spec/models/task_item_spec.rb
new file mode 100644
index 0000000..691d29e
--- /dev/null
+++ b/spec/models/task_item_spec.rb
@@ -0,0 +1,5 @@
+require 'rails_helper'
+
+RSpec.describe TaskItem, type: :model do
+  pending "add some examples to (or delete) #{__FILE__}"
+end
diff --git a/spec/models/task_list_spec.rb b/spec/models/task_list_spec.rb
new file mode 100644
index 0000000..21e2bf2
--- /dev/null
+++ b/spec/models/task_list_spec.rb
@@ -0,0 +1,5 @@
+require 'rails_helper'
+
+RSpec.describe TaskList, type: :model do
+  pending "add some examples to (or delete) #{__FILE__}"
+end

From 9f0422acf8031d5f447eb0c7a3321fc499d8a577 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Tue, 28 Aug 2018 10:39:11 -0500
Subject: [PATCH 02/10] start frontend

---
 app/javascript/components/AppNavbar.vue       |  1 +
 app/javascript/components/TheTaskListList.vue | 25 +++++++++++++++++++
 app/javascript/router.js                      |  7 ++++++
 db/schema.rb                                  |  1 -
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 app/javascript/components/TheTaskListList.vue

diff --git a/app/javascript/components/AppNavbar.vue b/app/javascript/components/AppNavbar.vue
index 4125205..d28460e 100644
--- a/app/javascript/components/AppNavbar.vue
+++ b/app/javascript/components/AppNavbar.vue
@@ -19,6 +19,7 @@
           <router-link to="/calculator" class="navbar-item">Calculator</router-link>
           <router-link v-if="isLoggedIn" to="/logs" class="navbar-item">Log</router-link>
           <router-link v-if="isLoggedIn" to="/notes" class="navbar-item">Notes</router-link>
+          <router-link v-if="isLoggedIn" to="/tasks" class="navbar-item">Tasks</router-link>
           <router-link to="/about" class="navbar-item">About</router-link>
           <router-link v-if="isAdmin" to="/admin/users" class="navbar-item">Admin</router-link>
 
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
new file mode 100644
index 0000000..666927f
--- /dev/null
+++ b/app/javascript/components/TheTaskListList.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <h1>Tasks</h1>
+
+    <select>
+        <option v-for="l in taskLists" :value="l.id">{{l.name}}</option>
+    </select>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    data() {
+        return {
+            taskLists: []
+        }
+    }
+  }
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/javascript/router.js b/app/javascript/router.js
index 20ad8ef..6facdee 100644
--- a/app/javascript/router.js
+++ b/app/javascript/router.js
@@ -20,6 +20,8 @@ import TheRecipeEditor from './components/TheRecipeEditor';
 import TheRecipeCreator from './components/TheRecipeCreator';
 import TheRecipeList from './components/TheRecipeList';
 
+import TheTaskListList from './components/TheTaskListList';
+
 import TheUserCreator from './components/TheUserCreator';
 import TheUserEditor from './components/TheUserEditor';
 
@@ -113,6 +115,11 @@ router.addRoutes(
       name: "notes",
       component: TheNotesList
     },
+    {
+      path: "/tasks",
+      name: "task_lists",
+      component: TheTaskListList
+    },
     {
       path: "/logout",
       name: "logout",
diff --git a/db/schema.rb b/db/schema.rb
index c5cc620..4d2cb55 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -83,7 +83,6 @@ ActiveRecord::Schema.define(version: 2018_08_27_215102) do
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
     t.text "preparation"
-    t.integer "recipe_as_ingredient_id"
     t.index ["recipe_id"], name: "index_recipe_ingredients_on_recipe_id"
   end
 

From 6aa2c8ee4af364361fa116ecd9658459504c2c6f Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Tue, 28 Aug 2018 16:52:56 -0500
Subject: [PATCH 03/10] ui

---
 app/javascript/components/AppDropdown.vue     | 62 +++++++++++++++++
 .../components/TaskListMiniForm.vue           | 48 ++++++++++++++
 app/javascript/components/TheTaskListList.vue | 66 +++++++++++++++++--
 app/javascript/lib/Api.js                     | 48 ++++++++++++++
 app/javascript/lib/GlobalMixins.js            | 17 ++++-
 app/javascript/packs/application.js           |  2 +
 app/javascript/store/index.js                 |  3 +-
 app/javascript/styles/index.scss              |  1 +
 8 files changed, 238 insertions(+), 9 deletions(-)
 create mode 100644 app/javascript/components/AppDropdown.vue
 create mode 100644 app/javascript/components/TaskListMiniForm.vue

diff --git a/app/javascript/components/AppDropdown.vue b/app/javascript/components/AppDropdown.vue
new file mode 100644
index 0000000..2f29ba2
--- /dev/null
+++ b/app/javascript/components/AppDropdown.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="dropdown" :class="{'is-active': open}">
+    <div class="dropdown-trigger">
+      <slot name="button">
+        <button type="button" class="button" :class="buttonClass" @click="toggle">
+          <span>{{ label }}</span>
+          <app-icon icon="caret-bottom"></app-icon>
+        </button>
+      </slot>
+    </div>
+
+    <div class="dropdown-menu">
+      <div class="dropdown-content">
+        <slot>
+          Default Content
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    props: {
+      open: {
+        required: true,
+        type: Boolean
+      },
+
+      label: {
+        required: false,
+        type: String,
+        default: 'Select'
+      },
+
+      buttonClass: {
+        required: false,
+        default: ""
+      }
+    },
+
+    methods: {
+      toggle() {
+        if (this.open) {
+          this.triggerClose();
+        } else {
+          this.triggerOpen();
+        }
+      },
+
+      triggerOpen() {
+        this.$emit("open");
+      },
+
+      triggerClose() {
+        this.$emit("close");
+      }
+    }
+  }
+
+</script>
\ No newline at end of file
diff --git a/app/javascript/components/TaskListMiniForm.vue b/app/javascript/components/TaskListMiniForm.vue
new file mode 100644
index 0000000..b364d52
--- /dev/null
+++ b/app/javascript/components/TaskListMiniForm.vue
@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <app-validation-errors :errors="validationErrors"></app-validation-errors>
+
+    <label class="label is-small">Add New List</label>
+    <div class="field has-addons">
+      <div class="control">
+        <input class="input is-small" type="text" v-model="taskList.name" @keydown="nameKeydownHandler">
+      </div>
+      <div class="control">
+        <button type="button" class="button is-primary is-small" @click="save">Add</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    props: {
+      taskList: {
+        required: true,
+        type: Object
+      },
+
+      validationErrors: {
+        required: false,
+        type: Object,
+        default: function() { return {}; }
+      }
+    },
+
+    methods: {
+      save() {
+        this.$emit("save");
+      },
+
+      nameKeydownHandler(evt) {
+        switch (evt.key) {
+          case "Enter":
+            evt.preventDefault();
+            this.save();
+        }
+      }
+    }
+  }
+
+</script>
\ No newline at end of file
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index 666927f..3126454 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -2,19 +2,75 @@
   <div>
     <h1>Tasks</h1>
 
-    <select>
-        <option v-for="l in taskLists" :value="l.id">{{l.name}}</option>
-    </select>
+    <app-dropdown button-class="is-primary" :open="showListDropdown" :label="listSelectLabel" @open="showListDropdown = true" @close="showListDropdown = false">
+      <a class="dropdown-item" href="#" v-for="l in taskLists" @click="selectList(l)">{{l.name}}</a>
+      <hr class="dropdown-divider" v-if="taskLists.length > 0">
+      <div class="dropdown-item">
+        <task-list-mini-form :task-list="newList" :validation-errors="newListValidationErrors" @save="saveNewList"></task-list-mini-form>
+      </div>
+    </app-dropdown>
+
   </div>
 </template>
 
 <script>
 
+  import api from "../lib/Api";
+  import * as Errors from '../lib/Errors';
+  import TaskListMiniForm from "./TaskListMiniForm";
+
+  const newListTemplate = function() {
+    return {
+      name: ''
+    };
+  };
+
   export default {
     data() {
-        return {
-            taskLists: []
+      return {
+        taskLists: [],
+        showListDropdown: false,
+        currentList: null,
+        newList: newListTemplate(),
+        newListValidationErrors: {}
+      }
+    },
+
+    computed: {
+      listSelectLabel() {
+        if (this.currentList === null) {
+          return "Select or Create a List";
+        } else {
+          return this.currentList.name;
         }
+      }
+    },
+
+    methods: {
+      selectList(l) {
+        this.currentList = l;
+      },
+
+      saveNewList() {
+        this.loadResource(
+          api.postTaskList(this.newList)
+            .then(() => this.updateData())
+            .then(() => { this.newList = newListTemplate(); this.newListValidationErrors = {}; } )
+            .catch(Errors.onlyFor(Errors.ApiValidationError, err => this.newListValidationErrors = err.validationErrors()))
+        );
+      },
+
+      updateData() {
+        return this.loadResource(api.getTaskLists(data => this.taskLists = data));
+      }
+    },
+
+    created() {
+      this.updateData()
+    },
+
+    components: {
+      TaskListMiniForm
     }
   }
 
diff --git a/app/javascript/lib/Api.js b/app/javascript/lib/Api.js
index 95e90e6..5035508 100644
--- a/app/javascript/lib/Api.js
+++ b/app/javascript/lib/Api.js
@@ -357,6 +357,54 @@ class Api {
     return this.patch("/logs/" + log.id, this.buildLogParams(log));
   }
 
+  getTaskLists(dataHandler) {
+    return this.cacheFirstGet("/task_lists/", {}, dataHandler);
+  }
+
+  buildTaskListParams(taskList) {
+    return {
+      task_list: {
+        name: taskList.name
+      }
+    };
+  }
+
+  postTaskList(taskList) {
+    const params = this.buildTaskListParams(taskList);
+    return this.post("/task_lists/", params);
+  }
+
+  patchTaskList(taskList) {
+    const params = this.buildTaskListParams(taskList);
+    return this.patch(`/task_lists/${taskList.id}`, params);
+  }
+
+  deleteTaskList(taskList) {
+    return this.del(`/task_lists/${taskList.id}`);
+  }
+
+  buildTaskItemParams(taskItem) {
+    return {
+      task_item: {
+        name: taskItem.name,
+        quantity: taskItem.quantity
+      }
+    }
+  }
+
+  postTaskItem(listId, taskItem) {
+    return this.post(`/task_lists/${listId}/task_items`)
+  }
+
+  patchTaskItem(listId, taskItem) {
+    const params = this.buildTaskItemParams(taskItem);
+    return this.patch(`/task_lists/${listId}/task_items/${taskItem.id}`, params);
+  }
+
+  deleteTaskItem(listId, taskItem) {
+    return this.del(`/task_lists/${listId}/task_items/${taskItem.id}`);
+  }
+
   getAdminUserList() {
     return this.get("/admin/users");
   }
diff --git a/app/javascript/lib/GlobalMixins.js b/app/javascript/lib/GlobalMixins.js
index 61fbc83..d6619b4 100644
--- a/app/javascript/lib/GlobalMixins.js
+++ b/app/javascript/lib/GlobalMixins.js
@@ -4,6 +4,11 @@ import { mapGetters, mapMutations, mapState } from 'vuex';
 import api from "../lib/Api";
 
 Vue.mixin({
+  data() {
+    return {
+      localLoadingCount: 0
+    };
+  },
   computed: {
     ...mapGetters([
       "isLoading",
@@ -12,7 +17,10 @@ Vue.mixin({
     ]),
     ...mapState([
       "user"
-    ])
+    ]),
+    localLoading() {
+      return this.localLoadingCount > 0;
+    }
   },
   methods: {
     ...mapMutations([
@@ -23,10 +31,15 @@ Vue.mixin({
 
     loadResource(promise) {
       this.setLoading(true);
+      this.localLoadingCount = this.localLoadingCount + 1;
 
       return promise
         .catch(err => this.setError(err))
-        .then(() => this.setLoading(false));
+        .then(res => {
+          this.setLoading(false);
+          this.localLoadingCount = this.localLoadingCount - 1;
+          return res;
+        });
     },
 
     checkAuthentication() {
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 108d278..88dce21 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -14,6 +14,7 @@ import AppAutocomplete from "../components/AppAutocomplete";
 import AppConfirm from "../components/AppConfirm";
 import AppDateTime from "../components/AppDateTime";
 import AppDatePicker from "../components/AppDatePicker";
+import AppDropdown from "../components/AppDropdown";
 import AppIcon from "../components/AppIcon";
 import AppModal from "../components/AppModal";
 import AppNavbar from "../components/AppNavbar";
@@ -27,6 +28,7 @@ Vue.component("AppAutocomplete", AppAutocomplete);
 Vue.component("AppConfirm", AppConfirm);
 Vue.component("AppDateTime", AppDateTime);
 Vue.component("AppDatePicker", AppDatePicker);
+Vue.component("AppDropdown", AppDropdown);
 Vue.component("AppIcon", AppIcon);
 Vue.component("AppModal", AppModal);
 Vue.component("AppNavbar", AppNavbar);
diff --git a/app/javascript/store/index.js b/app/javascript/store/index.js
index 9f26c2e..69253c7 100644
--- a/app/javascript/store/index.js
+++ b/app/javascript/store/index.js
@@ -10,7 +10,6 @@ export default new Vuex.Store({
   state: {
     updateAvailable: false,
     loadingCount: 0,
-    loading: false,
     error: null,
     authChecked: false,
     user: null,
@@ -30,7 +29,7 @@ export default new Vuex.Store({
   },
   getters: {
     isLoading(state) {
-      return state.loading === true;
+      return state.loadingCount > 0;
     },
     isLoggedIn(state) {
       return state.user !== null;
diff --git a/app/javascript/styles/index.scss b/app/javascript/styles/index.scss
index 90f7559..14a9556 100644
--- a/app/javascript/styles/index.scss
+++ b/app/javascript/styles/index.scss
@@ -2,6 +2,7 @@
 
 @import "~bulma/sass/utilities/_all";
 @import "~bulma/sass/base/_all";
+@import "~bulma/sass/components/dropdown";
 @import "~bulma/sass/components/navbar";
 @import "~bulma/sass/components/level";
 @import "~bulma/sass/components/message";

From 813e54d8c44d84bea840e244406ee2d30c8f7508 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Wed, 29 Aug 2018 16:58:07 -0500
Subject: [PATCH 04/10] icons

---
 app/javascript/components/AppDropdown.vue     |  16 +
 app/javascript/components/AppIcon.vue         | 181 ++++++-----
 app/javascript/components/AppRating.vue       |   4 +-
 app/javascript/components/TheTaskListList.vue |  52 ++-
 app/javascript/iconic/js/iconic.min.js        |   6 +
 app/javascript/iconic/svg/smart/account.svg   |  44 +++
 app/javascript/iconic/svg/smart/action.svg    |  38 +++
 app/javascript/iconic/svg/smart/align.svg     |  68 ++++
 app/javascript/iconic/svg/smart/aperture.svg  |  29 ++
 .../svg/smart/arrow-right-angle-thick.svg     |  29 ++
 .../iconic/svg/smart/arrow-right-angle.svg    |  29 ++
 .../iconic/svg/smart/arrow-thick.svg          |  59 ++++
 app/javascript/iconic/svg/smart/arrow.svg     |  59 ++++
 .../iconic/svg/smart/audio-spectrum.svg       |  29 ++
 app/javascript/iconic/svg/smart/audio.svg     |  34 ++
 app/javascript/iconic/svg/smart/ban.svg       |  17 +
 app/javascript/iconic/svg/smart/bar-chart.svg |  49 +++
 app/javascript/iconic/svg/smart/barcode.svg   |  51 +++
 app/javascript/iconic/svg/smart/basket.svg    |  51 +++
 app/javascript/iconic/svg/smart/battery.svg   |  35 ++
 app/javascript/iconic/svg/smart/beaker.svg    |  38 +++
 app/javascript/iconic/svg/smart/bell.svg      |  22 ++
 .../iconic/svg/smart/bitcoin-address.svg      |  50 +++
 .../iconic/svg/smart/bitcoin-block.svg        |  32 ++
 .../iconic/svg/smart/bitcoin-transaction.svg  |  41 +++
 app/javascript/iconic/svg/smart/bitcoin.svg   |  29 ++
 app/javascript/iconic/svg/smart/bluetooth.svg |  14 +
 app/javascript/iconic/svg/smart/bold.svg      |  18 ++
 app/javascript/iconic/svg/smart/book.svg      |  20 ++
 app/javascript/iconic/svg/smart/bookmark.svg  |  14 +
 app/javascript/iconic/svg/smart/box.svg       |  28 ++
 app/javascript/iconic/svg/smart/brain.svg     |  23 ++
 app/javascript/iconic/svg/smart/briefcase.svg |  45 +++
 .../iconic/svg/smart/british-pound.svg        |  17 +
 .../iconic/svg/smart/browser-full-page.svg    |  68 ++++
 .../iconic/svg/smart/browser-type.svg         | 115 +++++++
 .../iconic/svg/smart/browser-viewport.svg     |  55 ++++
 app/javascript/iconic/svg/smart/browser.svg   |  56 ++++
 app/javascript/iconic/svg/smart/brush.svg     |  34 ++
 app/javascript/iconic/svg/smart/bug.svg       |  50 +++
 app/javascript/iconic/svg/smart/building.svg  |  25 ++
 app/javascript/iconic/svg/smart/bullhorn.svg  |  48 +++
 .../iconic/svg/smart/calculator.svg           |  27 ++
 app/javascript/iconic/svg/smart/calendar.svg  |  40 +++
 .../iconic/svg/smart/camera-rangefinder.svg   |  50 +++
 .../iconic/svg/smart/camera-slr.svg           |  39 +++
 app/javascript/iconic/svg/smart/caret.svg     |  17 +
 .../iconic/svg/smart/carriage-return.svg      |  17 +
 app/javascript/iconic/svg/smart/cart.svg      |  35 ++
 app/javascript/iconic/svg/smart/chat.svg      |  30 ++
 .../iconic/svg/smart/check-thin.svg           |  14 +
 app/javascript/iconic/svg/smart/check.svg     |  14 +
 app/javascript/iconic/svg/smart/chevron.svg   |  28 ++
 .../iconic/svg/smart/circle-check.svg         |  25 ++
 app/javascript/iconic/svg/smart/circle-x.svg  |  25 ++
 app/javascript/iconic/svg/smart/clipboard.svg |  32 ++
 app/javascript/iconic/svg/smart/clock.svg     |  35 ++
 .../iconic/svg/smart/cloud-transfer.svg       |  68 ++++
 app/javascript/iconic/svg/smart/cloud.svg     |  16 +
 app/javascript/iconic/svg/smart/cloudy.svg    |  31 ++
 app/javascript/iconic/svg/smart/code.svg      |  49 +++
 app/javascript/iconic/svg/smart/cog.svg       |  17 +
 app/javascript/iconic/svg/smart/cogs.svg      |  23 ++
 app/javascript/iconic/svg/smart/collapse.svg  |  26 ++
 app/javascript/iconic/svg/smart/command.svg   |  17 +
 .../iconic/svg/smart/comment-square.svg       |  14 +
 app/javascript/iconic/svg/smart/compass.svg   |  22 ++
 .../iconic/svg/smart/connections.svg          |  38 +++
 app/javascript/iconic/svg/smart/contrast.svg  |  22 ++
 app/javascript/iconic/svg/smart/copyleft.svg  |  20 ++
 app/javascript/iconic/svg/smart/copyright.svg |  20 ++
 .../iconic/svg/smart/copywriting.svg          |  28 ++
 app/javascript/iconic/svg/smart/cpu.svg       | 144 +++++++++
 .../iconic/svg/smart/credit-card.svg          |  27 ++
 app/javascript/iconic/svg/smart/crop.svg      |  20 ++
 app/javascript/iconic/svg/smart/dashboard.svg |  38 +++
 .../iconic/svg/smart/data-transfer.svg        |  38 +++
 app/javascript/iconic/svg/smart/database.svg  |  21 ++
 app/javascript/iconic/svg/smart/delete.svg    |  27 ++
 app/javascript/iconic/svg/smart/delta.svg     |  14 +
 app/javascript/iconic/svg/smart/dial.svg      |  44 +++
 app/javascript/iconic/svg/smart/dna.svg       |  59 ++++
 app/javascript/iconic/svg/smart/document.svg  |  28 ++
 app/javascript/iconic/svg/smart/dollar.svg    |  17 +
 .../iconic/svg/smart/double-quote-sans.svg    |  38 +++
 .../iconic/svg/smart/double-quote-serif.svg   |  50 +++
 app/javascript/iconic/svg/smart/easel.svg     |  56 ++++
 app/javascript/iconic/svg/smart/eject.svg     |  17 +
 app/javascript/iconic/svg/smart/electric.svg  |  14 +
 app/javascript/iconic/svg/smart/elevator.svg  |  17 +
 app/javascript/iconic/svg/smart/ellipses.svg  |  20 ++
 app/javascript/iconic/svg/smart/envelope.svg  |  44 +++
 app/javascript/iconic/svg/smart/euro.svg      |  40 +++
 app/javascript/iconic/svg/smart/excerpt.svg   |  29 ++
 app/javascript/iconic/svg/smart/expand.svg    |  26 ++
 .../iconic/svg/smart/external-link.svg        |  20 ++
 app/javascript/iconic/svg/smart/eye.svg       |  46 +++
 .../iconic/svg/smart/eyedropper.svg           |  25 ++
 app/javascript/iconic/svg/smart/file.svg      |  42 +++
 app/javascript/iconic/svg/smart/fire.svg      |  18 ++
 app/javascript/iconic/svg/smart/firefly.svg   |  57 ++++
 app/javascript/iconic/svg/smart/flag.svg      |  24 ++
 app/javascript/iconic/svg/smart/flash.svg     |  17 +
 app/javascript/iconic/svg/smart/flow.svg      | 102 ++++++
 app/javascript/iconic/svg/smart/folder.svg    |  31 ++
 app/javascript/iconic/svg/smart/fork.svg      |  40 +++
 .../iconic/svg/smart/fullscreen.svg           |  50 +++
 app/javascript/iconic/svg/smart/funnel.svg    |  24 ++
 .../iconic/svg/smart/game-controller.svg      |  23 ++
 app/javascript/iconic/svg/smart/globe.svg     |  20 ++
 app/javascript/iconic/svg/smart/graph.svg     |  17 +
 app/javascript/iconic/svg/smart/grid.svg      | 123 +++++++
 app/javascript/iconic/svg/smart/group.svg     |  31 ++
 app/javascript/iconic/svg/smart/guides.svg    |  58 ++++
 app/javascript/iconic/svg/smart/hammer.svg    |  32 ++
 app/javascript/iconic/svg/smart/hand.svg      |  17 +
 .../iconic/svg/smart/hard-drive.svg           |  54 ++++
 app/javascript/iconic/svg/smart/header.svg    |  17 +
 .../iconic/svg/smart/headphones.svg           |  39 +++
 app/javascript/iconic/svg/smart/heart.svg     |  17 +
 app/javascript/iconic/svg/smart/history.svg   |  23 ++
 app/javascript/iconic/svg/smart/home.svg      |  28 ++
 app/javascript/iconic/svg/smart/image.svg     |  96 ++++++
 app/javascript/iconic/svg/smart/inbox.svg     |  37 +++
 app/javascript/iconic/svg/smart/infinity.svg  |  15 +
 app/javascript/iconic/svg/smart/info.svg      |  20 ++
 app/javascript/iconic/svg/smart/inkwell.svg   |  30 ++
 app/javascript/iconic/svg/smart/iphone.svg    |  42 +++
 app/javascript/iconic/svg/smart/italic.svg    |  14 +
 app/javascript/iconic/svg/smart/justify.svg   |  68 ++++
 app/javascript/iconic/svg/smart/key.svg       |  17 +
 app/javascript/iconic/svg/smart/keyboard.svg  |  27 ++
 .../iconic/svg/smart/keypad-mobile.svg        |  41 +++
 app/javascript/iconic/svg/smart/laptop.svg    |  54 ++++
 app/javascript/iconic/svg/smart/layers.svg    |  20 ++
 .../iconic/svg/smart/lightbulb-alt-off.svg    |  41 +++
 .../iconic/svg/smart/lightbulb-alt-on.svg     |  26 ++
 app/javascript/iconic/svg/smart/lightbulb.svg |  46 +++
 .../iconic/svg/smart/lightning-bolt.svg       |  16 +
 app/javascript/iconic/svg/smart/lightning.svg |  31 ++
 app/javascript/iconic/svg/smart/link.svg      |  64 ++++
 .../iconic/svg/smart/list-nested.svg          |  35 ++
 app/javascript/iconic/svg/smart/list-rich.svg |  44 +++
 app/javascript/iconic/svg/smart/list.svg      |  35 ++
 app/javascript/iconic/svg/smart/location.svg  |  14 +
 app/javascript/iconic/svg/smart/lock.svg      |  55 ++++
 .../iconic/svg/smart/loop-circular.svg        |  25 ++
 .../iconic/svg/smart/loop-square.svg          |  23 ++
 app/javascript/iconic/svg/smart/loop.svg      |  23 ++
 app/javascript/iconic/svg/smart/loupe.svg     |  17 +
 .../iconic/svg/smart/magic-wand.svg           |  62 ++++
 .../iconic/svg/smart/magnifying-glass.svg     |  26 ++
 .../iconic/svg/smart/map-marker.svg           |  14 +
 app/javascript/iconic/svg/smart/map.svg       |  30 ++
 app/javascript/iconic/svg/smart/marquee.svg   |  37 +++
 app/javascript/iconic/svg/smart/medal.svg     |  28 ++
 .../iconic/svg/smart/media-play-circle.svg    |  14 +
 .../iconic/svg/smart/media-skip.svg           |  38 +++
 .../iconic/svg/smart/media-step.svg           |  38 +++
 app/javascript/iconic/svg/smart/media.svg     |  71 ++++
 .../iconic/svg/smart/medical-cross.svg        |  16 +
 .../iconic/svg/smart/menu-selected.svg        |  34 ++
 app/javascript/iconic/svg/smart/menu.svg      |  20 ++
 .../iconic/svg/smart/microphone.svg           |  27 ++
 .../iconic/svg/smart/minus-thin.svg           |  14 +
 app/javascript/iconic/svg/smart/minus.svg     |  14 +
 app/javascript/iconic/svg/smart/monitor.svg   |  39 +++
 app/javascript/iconic/svg/smart/moon.svg      |  16 +
 app/javascript/iconic/svg/smart/move.svg      |  29 ++
 .../iconic/svg/smart/musical-note.svg         |  17 +
 app/javascript/iconic/svg/smart/network.svg   |  17 +
 app/javascript/iconic/svg/smart/nexus.svg     |  51 +++
 .../iconic/svg/smart/open-hardware.svg        |  17 +
 .../iconic/svg/smart/open-source.svg          |  17 +
 app/javascript/iconic/svg/smart/palette.svg   |  17 +
 app/javascript/iconic/svg/smart/paperclip.svg |  17 +
 app/javascript/iconic/svg/smart/peace.svg     |  20 ++
 app/javascript/iconic/svg/smart/pen.svg       |  29 ++
 app/javascript/iconic/svg/smart/pencil.svg    |  33 ++
 app/javascript/iconic/svg/smart/people.svg    |  43 +++
 app/javascript/iconic/svg/smart/person.svg    |  62 ++++
 app/javascript/iconic/svg/smart/pie-chart.svg |  40 +++
 app/javascript/iconic/svg/smart/pilcrow.svg   |  14 +
 app/javascript/iconic/svg/smart/pill.svg      |  20 ++
 app/javascript/iconic/svg/smart/pin.svg       |  19 ++
 app/javascript/iconic/svg/smart/platform.svg  | 114 +++++++
 app/javascript/iconic/svg/smart/plus-thin.svg |  14 +
 app/javascript/iconic/svg/smart/plus.svg      |  14 +
 app/javascript/iconic/svg/smart/pointer.svg   |  17 +
 .../iconic/svg/smart/power-standby.svg        |  19 ++
 app/javascript/iconic/svg/smart/print.svg     |  45 +++
 app/javascript/iconic/svg/smart/project.svg   |  27 ++
 app/javascript/iconic/svg/smart/pulse.svg     |  14 +
 .../iconic/svg/smart/puzzle-piece.svg         |  18 ++
 .../iconic/svg/smart/question-mark.svg        |  17 +
 app/javascript/iconic/svg/smart/radiation.svg |  25 ++
 app/javascript/iconic/svg/smart/rainy.svg     |  43 +++
 app/javascript/iconic/svg/smart/random.svg    |  39 +++
 app/javascript/iconic/svg/smart/ratio.svg     |  18 ++
 app/javascript/iconic/svg/smart/reload.svg    |  19 ++
 app/javascript/iconic/svg/smart/resize.svg    |  71 ++++
 app/javascript/iconic/svg/smart/rocket.svg    |  22 ++
 app/javascript/iconic/svg/smart/route.svg     |  26 ++
 app/javascript/iconic/svg/smart/rss-alt.svg   |  20 ++
 app/javascript/iconic/svg/smart/rss.svg       |  23 ++
 app/javascript/iconic/svg/smart/scissors.svg  |  38 +++
 .../iconic/svg/smart/screen-viewport.svg      |  34 ++
 .../iconic/svg/smart/screenshot.svg           |  29 ++
 .../iconic/svg/smart/screwdriver.svg          |  18 ++
 app/javascript/iconic/svg/smart/script.svg    |  25 ++
 app/javascript/iconic/svg/smart/server.svg    |  68 ++++
 app/javascript/iconic/svg/smart/settings.svg  |  43 +++
 app/javascript/iconic/svg/smart/shape.svg     | 138 ++++++++
 .../iconic/svg/smart/share-boxed.svg          |  17 +
 .../iconic/svg/smart/share-social.svg         |  20 ++
 app/javascript/iconic/svg/smart/share.svg     |  14 +
 app/javascript/iconic/svg/smart/shield.svg    |  17 +
 app/javascript/iconic/svg/smart/signal.svg    |  26 ++
 app/javascript/iconic/svg/smart/signpost.svg  |  20 ++
 app/javascript/iconic/svg/smart/social.svg    | 305 ++++++++++++++++++
 app/javascript/iconic/svg/smart/sort.svg      |  56 ++++
 .../iconic/svg/smart/spreadsheet.svg          |  31 ++
 .../iconic/svg/smart/star-empty.svg           |  17 +
 app/javascript/iconic/svg/smart/star.svg      |  14 +
 app/javascript/iconic/svg/smart/sun.svg       |  40 +++
 app/javascript/iconic/svg/smart/syringe.svg   |  31 ++
 app/javascript/iconic/svg/smart/tablet.svg    |  31 ++
 app/javascript/iconic/svg/smart/tag.svg       |  24 ++
 app/javascript/iconic/svg/smart/tags.svg      |  38 +++
 app/javascript/iconic/svg/smart/target.svg    |  20 ++
 app/javascript/iconic/svg/smart/task.svg      |  37 +++
 app/javascript/iconic/svg/smart/terminal.svg  |  25 ++
 app/javascript/iconic/svg/smart/text.svg      |  14 +
 .../iconic/svg/smart/thermometer.svg          |  29 ++
 app/javascript/iconic/svg/smart/thumb.svg     |  38 +++
 app/javascript/iconic/svg/smart/tiara.svg     |  15 +
 app/javascript/iconic/svg/smart/timer.svg     |  29 ++
 app/javascript/iconic/svg/smart/tint.svg      |  27 ++
 app/javascript/iconic/svg/smart/tools.svg     |  43 +++
 app/javascript/iconic/svg/smart/transfer.svg  |  24 ++
 app/javascript/iconic/svg/smart/trash.svg     |  32 ++
 app/javascript/iconic/svg/smart/ungroup.svg   |  29 ++
 .../iconic/svg/smart/vertical-align.svg       |  79 +++++
 app/javascript/iconic/svg/smart/video.svg     |  18 ++
 app/javascript/iconic/svg/smart/volume.svg    |  89 +++++
 app/javascript/iconic/svg/smart/warning.svg   |  26 ++
 app/javascript/iconic/svg/smart/weight.svg    |  20 ++
 app/javascript/iconic/svg/smart/wifi.svg      |  22 ++
 app/javascript/iconic/svg/smart/wrench.svg    |  17 +
 app/javascript/iconic/svg/smart/x-thin.svg    |  14 +
 app/javascript/iconic/svg/smart/x.svg         |  14 +
 app/javascript/iconic/svg/smart/yen.svg       |  20 ++
 app/javascript/iconic/svg/smart/zoom.svg      |  56 ++++
 app/javascript/styles/_iconic.scss            |  25 ++
 app/javascript/styles/index.scss              |   1 +
 config/webpack/environment.js                 |   6 +-
 package.json                                  |   1 -
 yarn.lock                                     |   4 -
 258 files changed, 8749 insertions(+), 84 deletions(-)
 create mode 100755 app/javascript/iconic/js/iconic.min.js
 create mode 100755 app/javascript/iconic/svg/smart/account.svg
 create mode 100755 app/javascript/iconic/svg/smart/action.svg
 create mode 100755 app/javascript/iconic/svg/smart/align.svg
 create mode 100755 app/javascript/iconic/svg/smart/aperture.svg
 create mode 100755 app/javascript/iconic/svg/smart/arrow-right-angle-thick.svg
 create mode 100755 app/javascript/iconic/svg/smart/arrow-right-angle.svg
 create mode 100755 app/javascript/iconic/svg/smart/arrow-thick.svg
 create mode 100755 app/javascript/iconic/svg/smart/arrow.svg
 create mode 100755 app/javascript/iconic/svg/smart/audio-spectrum.svg
 create mode 100755 app/javascript/iconic/svg/smart/audio.svg
 create mode 100755 app/javascript/iconic/svg/smart/ban.svg
 create mode 100755 app/javascript/iconic/svg/smart/bar-chart.svg
 create mode 100755 app/javascript/iconic/svg/smart/barcode.svg
 create mode 100755 app/javascript/iconic/svg/smart/basket.svg
 create mode 100755 app/javascript/iconic/svg/smart/battery.svg
 create mode 100755 app/javascript/iconic/svg/smart/beaker.svg
 create mode 100755 app/javascript/iconic/svg/smart/bell.svg
 create mode 100755 app/javascript/iconic/svg/smart/bitcoin-address.svg
 create mode 100755 app/javascript/iconic/svg/smart/bitcoin-block.svg
 create mode 100755 app/javascript/iconic/svg/smart/bitcoin-transaction.svg
 create mode 100755 app/javascript/iconic/svg/smart/bitcoin.svg
 create mode 100755 app/javascript/iconic/svg/smart/bluetooth.svg
 create mode 100755 app/javascript/iconic/svg/smart/bold.svg
 create mode 100755 app/javascript/iconic/svg/smart/book.svg
 create mode 100755 app/javascript/iconic/svg/smart/bookmark.svg
 create mode 100755 app/javascript/iconic/svg/smart/box.svg
 create mode 100755 app/javascript/iconic/svg/smart/brain.svg
 create mode 100755 app/javascript/iconic/svg/smart/briefcase.svg
 create mode 100755 app/javascript/iconic/svg/smart/british-pound.svg
 create mode 100755 app/javascript/iconic/svg/smart/browser-full-page.svg
 create mode 100755 app/javascript/iconic/svg/smart/browser-type.svg
 create mode 100755 app/javascript/iconic/svg/smart/browser-viewport.svg
 create mode 100755 app/javascript/iconic/svg/smart/browser.svg
 create mode 100755 app/javascript/iconic/svg/smart/brush.svg
 create mode 100755 app/javascript/iconic/svg/smart/bug.svg
 create mode 100755 app/javascript/iconic/svg/smart/building.svg
 create mode 100755 app/javascript/iconic/svg/smart/bullhorn.svg
 create mode 100755 app/javascript/iconic/svg/smart/calculator.svg
 create mode 100755 app/javascript/iconic/svg/smart/calendar.svg
 create mode 100755 app/javascript/iconic/svg/smart/camera-rangefinder.svg
 create mode 100755 app/javascript/iconic/svg/smart/camera-slr.svg
 create mode 100755 app/javascript/iconic/svg/smart/caret.svg
 create mode 100755 app/javascript/iconic/svg/smart/carriage-return.svg
 create mode 100755 app/javascript/iconic/svg/smart/cart.svg
 create mode 100755 app/javascript/iconic/svg/smart/chat.svg
 create mode 100755 app/javascript/iconic/svg/smart/check-thin.svg
 create mode 100755 app/javascript/iconic/svg/smart/check.svg
 create mode 100755 app/javascript/iconic/svg/smart/chevron.svg
 create mode 100755 app/javascript/iconic/svg/smart/circle-check.svg
 create mode 100755 app/javascript/iconic/svg/smart/circle-x.svg
 create mode 100755 app/javascript/iconic/svg/smart/clipboard.svg
 create mode 100755 app/javascript/iconic/svg/smart/clock.svg
 create mode 100755 app/javascript/iconic/svg/smart/cloud-transfer.svg
 create mode 100755 app/javascript/iconic/svg/smart/cloud.svg
 create mode 100755 app/javascript/iconic/svg/smart/cloudy.svg
 create mode 100755 app/javascript/iconic/svg/smart/code.svg
 create mode 100755 app/javascript/iconic/svg/smart/cog.svg
 create mode 100755 app/javascript/iconic/svg/smart/cogs.svg
 create mode 100755 app/javascript/iconic/svg/smart/collapse.svg
 create mode 100755 app/javascript/iconic/svg/smart/command.svg
 create mode 100755 app/javascript/iconic/svg/smart/comment-square.svg
 create mode 100755 app/javascript/iconic/svg/smart/compass.svg
 create mode 100755 app/javascript/iconic/svg/smart/connections.svg
 create mode 100755 app/javascript/iconic/svg/smart/contrast.svg
 create mode 100755 app/javascript/iconic/svg/smart/copyleft.svg
 create mode 100755 app/javascript/iconic/svg/smart/copyright.svg
 create mode 100755 app/javascript/iconic/svg/smart/copywriting.svg
 create mode 100755 app/javascript/iconic/svg/smart/cpu.svg
 create mode 100755 app/javascript/iconic/svg/smart/credit-card.svg
 create mode 100755 app/javascript/iconic/svg/smart/crop.svg
 create mode 100755 app/javascript/iconic/svg/smart/dashboard.svg
 create mode 100755 app/javascript/iconic/svg/smart/data-transfer.svg
 create mode 100755 app/javascript/iconic/svg/smart/database.svg
 create mode 100755 app/javascript/iconic/svg/smart/delete.svg
 create mode 100755 app/javascript/iconic/svg/smart/delta.svg
 create mode 100755 app/javascript/iconic/svg/smart/dial.svg
 create mode 100755 app/javascript/iconic/svg/smart/dna.svg
 create mode 100755 app/javascript/iconic/svg/smart/document.svg
 create mode 100755 app/javascript/iconic/svg/smart/dollar.svg
 create mode 100755 app/javascript/iconic/svg/smart/double-quote-sans.svg
 create mode 100755 app/javascript/iconic/svg/smart/double-quote-serif.svg
 create mode 100755 app/javascript/iconic/svg/smart/easel.svg
 create mode 100755 app/javascript/iconic/svg/smart/eject.svg
 create mode 100755 app/javascript/iconic/svg/smart/electric.svg
 create mode 100755 app/javascript/iconic/svg/smart/elevator.svg
 create mode 100755 app/javascript/iconic/svg/smart/ellipses.svg
 create mode 100755 app/javascript/iconic/svg/smart/envelope.svg
 create mode 100755 app/javascript/iconic/svg/smart/euro.svg
 create mode 100755 app/javascript/iconic/svg/smart/excerpt.svg
 create mode 100755 app/javascript/iconic/svg/smart/expand.svg
 create mode 100755 app/javascript/iconic/svg/smart/external-link.svg
 create mode 100755 app/javascript/iconic/svg/smart/eye.svg
 create mode 100755 app/javascript/iconic/svg/smart/eyedropper.svg
 create mode 100755 app/javascript/iconic/svg/smart/file.svg
 create mode 100755 app/javascript/iconic/svg/smart/fire.svg
 create mode 100755 app/javascript/iconic/svg/smart/firefly.svg
 create mode 100755 app/javascript/iconic/svg/smart/flag.svg
 create mode 100755 app/javascript/iconic/svg/smart/flash.svg
 create mode 100755 app/javascript/iconic/svg/smart/flow.svg
 create mode 100755 app/javascript/iconic/svg/smart/folder.svg
 create mode 100755 app/javascript/iconic/svg/smart/fork.svg
 create mode 100755 app/javascript/iconic/svg/smart/fullscreen.svg
 create mode 100755 app/javascript/iconic/svg/smart/funnel.svg
 create mode 100755 app/javascript/iconic/svg/smart/game-controller.svg
 create mode 100755 app/javascript/iconic/svg/smart/globe.svg
 create mode 100755 app/javascript/iconic/svg/smart/graph.svg
 create mode 100755 app/javascript/iconic/svg/smart/grid.svg
 create mode 100755 app/javascript/iconic/svg/smart/group.svg
 create mode 100755 app/javascript/iconic/svg/smart/guides.svg
 create mode 100755 app/javascript/iconic/svg/smart/hammer.svg
 create mode 100755 app/javascript/iconic/svg/smart/hand.svg
 create mode 100755 app/javascript/iconic/svg/smart/hard-drive.svg
 create mode 100755 app/javascript/iconic/svg/smart/header.svg
 create mode 100755 app/javascript/iconic/svg/smart/headphones.svg
 create mode 100755 app/javascript/iconic/svg/smart/heart.svg
 create mode 100755 app/javascript/iconic/svg/smart/history.svg
 create mode 100755 app/javascript/iconic/svg/smart/home.svg
 create mode 100755 app/javascript/iconic/svg/smart/image.svg
 create mode 100755 app/javascript/iconic/svg/smart/inbox.svg
 create mode 100755 app/javascript/iconic/svg/smart/infinity.svg
 create mode 100755 app/javascript/iconic/svg/smart/info.svg
 create mode 100755 app/javascript/iconic/svg/smart/inkwell.svg
 create mode 100755 app/javascript/iconic/svg/smart/iphone.svg
 create mode 100755 app/javascript/iconic/svg/smart/italic.svg
 create mode 100755 app/javascript/iconic/svg/smart/justify.svg
 create mode 100755 app/javascript/iconic/svg/smart/key.svg
 create mode 100755 app/javascript/iconic/svg/smart/keyboard.svg
 create mode 100755 app/javascript/iconic/svg/smart/keypad-mobile.svg
 create mode 100755 app/javascript/iconic/svg/smart/laptop.svg
 create mode 100755 app/javascript/iconic/svg/smart/layers.svg
 create mode 100755 app/javascript/iconic/svg/smart/lightbulb-alt-off.svg
 create mode 100755 app/javascript/iconic/svg/smart/lightbulb-alt-on.svg
 create mode 100755 app/javascript/iconic/svg/smart/lightbulb.svg
 create mode 100755 app/javascript/iconic/svg/smart/lightning-bolt.svg
 create mode 100755 app/javascript/iconic/svg/smart/lightning.svg
 create mode 100755 app/javascript/iconic/svg/smart/link.svg
 create mode 100755 app/javascript/iconic/svg/smart/list-nested.svg
 create mode 100755 app/javascript/iconic/svg/smart/list-rich.svg
 create mode 100755 app/javascript/iconic/svg/smart/list.svg
 create mode 100755 app/javascript/iconic/svg/smart/location.svg
 create mode 100755 app/javascript/iconic/svg/smart/lock.svg
 create mode 100755 app/javascript/iconic/svg/smart/loop-circular.svg
 create mode 100755 app/javascript/iconic/svg/smart/loop-square.svg
 create mode 100755 app/javascript/iconic/svg/smart/loop.svg
 create mode 100755 app/javascript/iconic/svg/smart/loupe.svg
 create mode 100755 app/javascript/iconic/svg/smart/magic-wand.svg
 create mode 100755 app/javascript/iconic/svg/smart/magnifying-glass.svg
 create mode 100755 app/javascript/iconic/svg/smart/map-marker.svg
 create mode 100755 app/javascript/iconic/svg/smart/map.svg
 create mode 100755 app/javascript/iconic/svg/smart/marquee.svg
 create mode 100755 app/javascript/iconic/svg/smart/medal.svg
 create mode 100755 app/javascript/iconic/svg/smart/media-play-circle.svg
 create mode 100755 app/javascript/iconic/svg/smart/media-skip.svg
 create mode 100755 app/javascript/iconic/svg/smart/media-step.svg
 create mode 100755 app/javascript/iconic/svg/smart/media.svg
 create mode 100755 app/javascript/iconic/svg/smart/medical-cross.svg
 create mode 100755 app/javascript/iconic/svg/smart/menu-selected.svg
 create mode 100755 app/javascript/iconic/svg/smart/menu.svg
 create mode 100755 app/javascript/iconic/svg/smart/microphone.svg
 create mode 100755 app/javascript/iconic/svg/smart/minus-thin.svg
 create mode 100755 app/javascript/iconic/svg/smart/minus.svg
 create mode 100755 app/javascript/iconic/svg/smart/monitor.svg
 create mode 100755 app/javascript/iconic/svg/smart/moon.svg
 create mode 100755 app/javascript/iconic/svg/smart/move.svg
 create mode 100755 app/javascript/iconic/svg/smart/musical-note.svg
 create mode 100755 app/javascript/iconic/svg/smart/network.svg
 create mode 100755 app/javascript/iconic/svg/smart/nexus.svg
 create mode 100755 app/javascript/iconic/svg/smart/open-hardware.svg
 create mode 100755 app/javascript/iconic/svg/smart/open-source.svg
 create mode 100755 app/javascript/iconic/svg/smart/palette.svg
 create mode 100755 app/javascript/iconic/svg/smart/paperclip.svg
 create mode 100755 app/javascript/iconic/svg/smart/peace.svg
 create mode 100755 app/javascript/iconic/svg/smart/pen.svg
 create mode 100755 app/javascript/iconic/svg/smart/pencil.svg
 create mode 100755 app/javascript/iconic/svg/smart/people.svg
 create mode 100755 app/javascript/iconic/svg/smart/person.svg
 create mode 100755 app/javascript/iconic/svg/smart/pie-chart.svg
 create mode 100755 app/javascript/iconic/svg/smart/pilcrow.svg
 create mode 100755 app/javascript/iconic/svg/smart/pill.svg
 create mode 100755 app/javascript/iconic/svg/smart/pin.svg
 create mode 100755 app/javascript/iconic/svg/smart/platform.svg
 create mode 100755 app/javascript/iconic/svg/smart/plus-thin.svg
 create mode 100755 app/javascript/iconic/svg/smart/plus.svg
 create mode 100755 app/javascript/iconic/svg/smart/pointer.svg
 create mode 100755 app/javascript/iconic/svg/smart/power-standby.svg
 create mode 100755 app/javascript/iconic/svg/smart/print.svg
 create mode 100755 app/javascript/iconic/svg/smart/project.svg
 create mode 100755 app/javascript/iconic/svg/smart/pulse.svg
 create mode 100755 app/javascript/iconic/svg/smart/puzzle-piece.svg
 create mode 100755 app/javascript/iconic/svg/smart/question-mark.svg
 create mode 100755 app/javascript/iconic/svg/smart/radiation.svg
 create mode 100755 app/javascript/iconic/svg/smart/rainy.svg
 create mode 100755 app/javascript/iconic/svg/smart/random.svg
 create mode 100755 app/javascript/iconic/svg/smart/ratio.svg
 create mode 100755 app/javascript/iconic/svg/smart/reload.svg
 create mode 100755 app/javascript/iconic/svg/smart/resize.svg
 create mode 100755 app/javascript/iconic/svg/smart/rocket.svg
 create mode 100755 app/javascript/iconic/svg/smart/route.svg
 create mode 100755 app/javascript/iconic/svg/smart/rss-alt.svg
 create mode 100755 app/javascript/iconic/svg/smart/rss.svg
 create mode 100755 app/javascript/iconic/svg/smart/scissors.svg
 create mode 100755 app/javascript/iconic/svg/smart/screen-viewport.svg
 create mode 100755 app/javascript/iconic/svg/smart/screenshot.svg
 create mode 100755 app/javascript/iconic/svg/smart/screwdriver.svg
 create mode 100755 app/javascript/iconic/svg/smart/script.svg
 create mode 100755 app/javascript/iconic/svg/smart/server.svg
 create mode 100755 app/javascript/iconic/svg/smart/settings.svg
 create mode 100755 app/javascript/iconic/svg/smart/shape.svg
 create mode 100755 app/javascript/iconic/svg/smart/share-boxed.svg
 create mode 100755 app/javascript/iconic/svg/smart/share-social.svg
 create mode 100755 app/javascript/iconic/svg/smart/share.svg
 create mode 100755 app/javascript/iconic/svg/smart/shield.svg
 create mode 100755 app/javascript/iconic/svg/smart/signal.svg
 create mode 100755 app/javascript/iconic/svg/smart/signpost.svg
 create mode 100755 app/javascript/iconic/svg/smart/social.svg
 create mode 100755 app/javascript/iconic/svg/smart/sort.svg
 create mode 100755 app/javascript/iconic/svg/smart/spreadsheet.svg
 create mode 100755 app/javascript/iconic/svg/smart/star-empty.svg
 create mode 100755 app/javascript/iconic/svg/smart/star.svg
 create mode 100755 app/javascript/iconic/svg/smart/sun.svg
 create mode 100755 app/javascript/iconic/svg/smart/syringe.svg
 create mode 100755 app/javascript/iconic/svg/smart/tablet.svg
 create mode 100755 app/javascript/iconic/svg/smart/tag.svg
 create mode 100755 app/javascript/iconic/svg/smart/tags.svg
 create mode 100755 app/javascript/iconic/svg/smart/target.svg
 create mode 100755 app/javascript/iconic/svg/smart/task.svg
 create mode 100755 app/javascript/iconic/svg/smart/terminal.svg
 create mode 100755 app/javascript/iconic/svg/smart/text.svg
 create mode 100755 app/javascript/iconic/svg/smart/thermometer.svg
 create mode 100755 app/javascript/iconic/svg/smart/thumb.svg
 create mode 100755 app/javascript/iconic/svg/smart/tiara.svg
 create mode 100755 app/javascript/iconic/svg/smart/timer.svg
 create mode 100755 app/javascript/iconic/svg/smart/tint.svg
 create mode 100755 app/javascript/iconic/svg/smart/tools.svg
 create mode 100755 app/javascript/iconic/svg/smart/transfer.svg
 create mode 100755 app/javascript/iconic/svg/smart/trash.svg
 create mode 100755 app/javascript/iconic/svg/smart/ungroup.svg
 create mode 100755 app/javascript/iconic/svg/smart/vertical-align.svg
 create mode 100755 app/javascript/iconic/svg/smart/video.svg
 create mode 100755 app/javascript/iconic/svg/smart/volume.svg
 create mode 100755 app/javascript/iconic/svg/smart/warning.svg
 create mode 100755 app/javascript/iconic/svg/smart/weight.svg
 create mode 100755 app/javascript/iconic/svg/smart/wifi.svg
 create mode 100755 app/javascript/iconic/svg/smart/wrench.svg
 create mode 100755 app/javascript/iconic/svg/smart/x-thin.svg
 create mode 100755 app/javascript/iconic/svg/smart/x.svg
 create mode 100755 app/javascript/iconic/svg/smart/yen.svg
 create mode 100755 app/javascript/iconic/svg/smart/zoom.svg
 create mode 100644 app/javascript/styles/_iconic.scss

diff --git a/app/javascript/components/AppDropdown.vue b/app/javascript/components/AppDropdown.vue
index 2f29ba2..8acb916 100644
--- a/app/javascript/components/AppDropdown.vue
+++ b/app/javascript/components/AppDropdown.vue
@@ -55,7 +55,23 @@
 
       triggerClose() {
         this.$emit("close");
+      },
+
+      handleOutsideClick(evt) {
+        if (this.open) {
+          if (!this.$el.contains(evt.target)) {
+            this.triggerClose();
+          }
+        }
       }
+    },
+
+    mounted() {
+      document.addEventListener("click", this.handleOutsideClick);
+    },
+
+    beforeDestroy() {
+      document.removeEventListener("click", this.handleOutsideClick);
     }
   }
 
diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index 6338437..2719458 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -1,44 +1,63 @@
 <template>
-  <span class="icon" :class="sizeClass" @click="$emit('click', $event)">
-    <svg v-html="svgContent" v-bind="svgAttributes"></svg>
+  <span class="icon" :class="sizeClass" @click="$emit('click', $event)" :style="{padding: wrapperPadding}">
+    <img ref="img" :class="['iconic', 'iconic-fluid', size]" :data-src="iconUrl" v-bind="extraIconAttributes" />
   </span>
 </template>
 
 <script>
+  
+  import IconicJs from "../iconic/js/iconic.min";
 
-  import CaretBottom from "open-iconic/svg/caret-bottom";
-  import CaretTop from "open-iconic/svg/caret-top";
-  import Check from "open-iconic/svg/check";
-  import CircleCheck from "open-iconic/svg/circle-check.svg";
-  import LinkBroken from "open-iconic/svg/link-broken";
-  import LinkIntact from "open-iconic/svg/link-intact";
-  import LockLocked from "open-iconic/svg/lock-locked";
-  import LockUnlocked from "open-iconic/svg/lock-unlocked";
-  import Person from "open-iconic/svg/person";
-  import Pencil from "open-iconic/svg/pencil";
-  import Star from "open-iconic/svg/star";
-  import X from "open-iconic/svg/x";
+  import Caret from "../iconic/svg/smart/caret";
+  import Check from "../iconic/svg/smart/check";
+  import CircleCheck from "../iconic/svg/smart/circle-check";
+  import Link from "../iconic/svg/smart/link";
+  import Lock from "../iconic/svg/smart/lock";
+  import Person from "../iconic/svg/smart/person";
+  import Pencil from "../iconic/svg/smart/pencil";
+  import Star from "../iconic/svg/smart/star";
+  import StarEmpty from "../iconic/svg/smart/star-empty";
+  import X from "../iconic/svg/smart/x";
 
+  const iconicInstance = IconicJs({
+    autoInjectSelector: null
+  });
+  
+  class IconData {
+    constructor(url, dataAttributes) {
+      this.url = url;
+      this.dataAttributes = dataAttributes || [];
+    }
+  }
+
+  class SizeData {
+    constructor(bulmaIconClass, defaultPadding) {
+      this.bulmaIconClass = bulmaIconClass;
+      this.defaultPadding = defaultPadding;
+    }
+  }
+  
   const iconMap = {
-    'caret-bottom': CaretBottom,
-    'caret-top': CaretTop,
-    check: Check,
-    'circle-check': CircleCheck,
-    'link-broken': LinkBroken,
-    'link-intact': LinkIntact,
-    'lock-locked': LockLocked,
-    'lock-unlocked': LockUnlocked,
-    pencil: Pencil,
-    person: Person,
-    star: Star,
-    x: X
+    'caret-bottom': new IconData(Caret, {direction: 'bottom'}),
+    'caret-top': new IconData(Caret, {direction: 'top'}),
+    check: new IconData(Check),
+    'circle-check': new IconData(CircleCheck),
+    'link-broken': new IconData(Link, {state: 'broken'}),
+    'link-intact': new IconData(Link, {state: 'intact'}),
+    'lock-locked': new IconData(Lock, {state: 'locked'}),
+    'lock-unlocked': new IconData(Lock, {state: 'unlocked'}),
+    pencil: new IconData(Pencil),
+    person: new IconData(Person),
+    star: new IconData(Star),
+    'star-empty': new IconData(StarEmpty),
+    x: new IconData(X)
   };
 
   const sizeMap = {
-    sm: 'is-small',
-    md: '' ,
-    lg: 'is-medium',
-    xl: 'is-large'
+    sm: new SizeData('is-small', '2px'),
+    md: new SizeData('', '3px'),
+    lg: new SizeData('is-medium', '4px'),
+    xl: new SizeData('is-large', '5px')
   };
 
   export default {
@@ -51,32 +70,59 @@
         type: String,
         validator: (s) => sizeMap[s] !== undefined,
         default: 'md'
+      },
+      padding: {
+        type: String,
+        required: false,
+        default: null
+      }
+    },
+
+    data() {
+      return {
+        injectedSvg: null
       }
     },
 
     computed: {
-      svgObj() {
+      iconData() {
         return iconMap[this.icon];
       },
-      svgAttributes() {
-        const attrs = {
-          class: this.size
-        };
 
-        for (let a of ['viewBox', 'xmlns']) {
-          if (this.svgObj.attributes[a]) {
-            attrs[a] = this.svgObj.attributes[a];
-          }
+      iconUrl() {
+        return this.iconData.url;
+      },
+
+      extraIconAttributes() {
+        const attrs = {};
+
+        for (let attr in this.iconData.dataAttributes) {
+          attrs[`data-${attr}`] = this.iconData.dataAttributes[attr];
         }
-
         return attrs;
       },
-      svgContent() {
-        return this.svgObj.content;
-      },
+
       sizeClass() {
-        return sizeMap[this.size];
+        return sizeMap[this.size].bulmaIconClass;
+      },
+
+      wrapperPadding() {
+        return this.padding || sizeMap[this.size].defaultPadding;
       }
+    },
+
+    mounted() {
+      const self = this;
+      iconicInstance.inject(this.$refs.img, {
+        each: function(svg) { self.injectedSvg = svg; }
+      });
+    },
+
+    updated() {
+      for(let attr in this.extraIconAttributes) {
+        this.injectedSvg.setAttribute(attr, this.extraIconAttributes[attr]);
+      }
+      iconicInstance.update(this.injectedSvg);
     }
   }
 
@@ -84,38 +130,29 @@
 
 <style lang="scss" scoped>
 
-  .icon {
-    svg {
-      width: 100%;
-      height: 100%;
-      fill: currentColor;
+  .icon /deep/ svg {
+    /*width: 100%;*/
+    /*height: 100%;*/
 
-      &.sm {
-        width: 0.6em;
-        height: 0.6em;
-      }
+    /*&.sm {*/
+      /*width: 0.75em;*/
+      /*height: 0.75em;*/
+    /*}*/
 
-      &.md {
-        width: 1em;
-        height: 1em;
-      }
+    /*&.md {*/
+      /*width: 1em;*/
+      /*height: 1em;*/
+    /*}*/
 
-      &.lg {
-        width: 1.33em;
-        height: 1.33em;
-      }
-
-      &.xl {
-        width: 2em;
-        height: 2em;
-      }
-
-      /*&.xl {*/
-        /*width: 3em;*/
-        /*height: 3em;*/
-      /*}*/
-    }
+    /*&.lg {*/
+      /*width: 1.33em;*/
+      /*height: 1.33em;*/
+    /*}*/
 
+    /*&.xl {*/
+      /*width: 2em;*/
+      /*height: 2em;*/
+    /*}*/
   }
 
 </style>
\ No newline at end of file
diff --git a/app/javascript/components/AppRating.vue b/app/javascript/components/AppRating.vue
index d18075e..2534f18 100644
--- a/app/javascript/components/AppRating.vue
+++ b/app/javascript/components/AppRating.vue
@@ -1,10 +1,10 @@
 <template>
   <span ref="wrapper" class="rating" @click="handleClick" @mousemove="handleMousemove" @mouseleave="handleMouseleave">
     <span class="set empty-set">
-      <app-icon v-for="i in starCount" :key="i" icon="star"></app-icon>
+      <app-icon v-for="i in starCount" :key="i" icon="star-empty" padding="0"></app-icon>
     </span>
     <span class="set filled-set" :style="filledStyle">
-      <app-icon v-for="i in starCount" :key="i" icon="star"></app-icon>
+      <app-icon v-for="i in starCount" :key="i" icon="star" padding="0"></app-icon>
     </span>
   </span>
 </template>
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index 3126454..2c09408 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -10,6 +10,32 @@
       </div>
     </app-dropdown>
 
+    <div v-if="currentList !== null">
+      <table class="table">
+        <tr>
+          <th></th>
+          <th>Name</th>
+          <th>Quantity</th>
+          <th></th>
+        </tr>
+        <tr v-if="showAddItem">
+          <th></th>
+          <th><input type="text"></th>
+          <th><input type="text"></th>
+          <th><button type="button" class="button">Add</button></th>
+        </tr>
+        <tr v-for="i in currentList.task_items">
+          <td></td>
+          <td>{{i.name}}</td>
+          <td>{{i.quantity}}</td>
+        </tr>
+      </table>
+
+      <div v-if="currentList.task_items.length === 0">
+        No Items
+      </div>
+    </div>
+
   </div>
 </template>
 
@@ -25,6 +51,13 @@
     };
   };
 
+  const newItemTemplate = function() {
+    return {
+      name: '',
+      quantity: ''
+    };
+  };
+
   export default {
     data() {
       return {
@@ -32,7 +65,10 @@
         showListDropdown: false,
         currentList: null,
         newList: newListTemplate(),
-        newListValidationErrors: {}
+        newListValidationErrors: {},
+        showAddItem: false,
+        newItem: newItemTemplate(),
+        newItemValidationErrors: {}
       }
     },
 
@@ -49,6 +85,7 @@
     methods: {
       selectList(l) {
         this.currentList = l;
+        this.showListDropdown = false;
       },
 
       saveNewList() {
@@ -61,7 +98,18 @@
       },
 
       updateData() {
-        return this.loadResource(api.getTaskLists(data => this.taskLists = data));
+        return this.loadResource(api.getTaskLists(data => this.setNewData(data)));
+      },
+
+      setNewData(list) {
+        this.taskLists = list;
+        if (this.currentList !== null) {
+          this.currentList = this.taskLists.find(l => this.currentList.id === l.id) || null;
+        }
+
+        if (this.currentList === null && this.taskLists.length > 0) {
+          this.currentList = this.taskLists[0];
+        }
       }
     },
 
diff --git a/app/javascript/iconic/js/iconic.min.js b/app/javascript/iconic/js/iconic.min.js
new file mode 100755
index 0000000..e449f01
--- /dev/null
+++ b/app/javascript/iconic/js/iconic.min.js
@@ -0,0 +1,6 @@
+/*!
+ * iconic.js v0.4.3 - The Iconic JavaScript library
+ * Copyright (c) 2014-2015 Waybury - https://useiconic.com
+ */
+
+!function(a){"object"==typeof exports?module.exports=a():"function"==typeof define&&define.amd?define(a):"undefined"!=typeof window?window.IconicJS=a():"undefined"!=typeof global?global.IconicJS=a():"undefined"!=typeof self&&(self.IconicJS=a())}(function(){var a;return function b(a,c,d){function e(g,h){if(!c[g]){if(!a[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);throw new Error("Cannot find module '"+g+"'")}var j=c[g]={exports:{}};a[g][0].call(j.exports,function(b){var c=a[g][1][b];return e(c?c:b)},j,j.exports,b,a,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b){var c=(a("./modules/polyfills"),a("./modules/svg-injector")),d=a("./modules/extend"),e=a("./modules/responsive"),f=a("./modules/position"),g=a("./modules/container"),h=a("./modules/log"),i={},j=window.iconicSmartIconApis={},k=("file:"===window.location.protocol,0),l=function(a,b,e){b=d({},i,b||{});var f={evalScripts:b.evalScripts,pngFallback:b.pngFallback};f.each=function(a){if(a)if("string"==typeof a)h.debug(a);else if(a instanceof SVGSVGElement){var c=a.getAttribute("data-icon");if(c&&j[c]){var d=j[c](a);for(var e in d)a[e]=d[e]}var f=/iconic-bg-/;f.test(a.getAttribute("class"))&&g.addBackground(a),m(a),k++,b&&b.each&&"function"==typeof b.each&&b.each(a)}},"string"==typeof a&&(a=document.querySelectorAll(a)),c(a,f,e)},m=function(a){var b=[];a?"string"==typeof a?b=document.querySelectorAll(a):void 0!==a.length?b=a:"object"==typeof a&&b.push(a):b=document.querySelectorAll("svg.iconic"),Array.prototype.forEach.call(b,function(a){a instanceof SVGSVGElement&&(a.update&&a.update(),e.refresh(a),f.refresh(a))})},n=function(){i.debug&&console.time&&console.time("autoInjectSelector - "+i.autoInjectSelector);var a=k;l(i.autoInjectSelector,{},function(){if(i.debug&&console.timeEnd&&console.timeEnd("autoInjectSelector - "+i.autoInjectSelector),h.debug("AutoInjected: "+(k-a)),e.refreshAll(),i.autoInjectDone&&"function"==typeof i.autoInjectDone){var b=k-a;i.autoInjectDone(b)}})},o=function(a){a&&""!==a&&"complete"!==document.readyState?document.addEventListener("DOMContentLoaded",n):document.removeEventListener("DOMContentLoaded",n)},p=function(a){return a=a||{},d(i,a),o(i.autoInjectSelector),h.enableDebug(i.debug),window._Iconic?window._Iconic:{inject:l,update:m,smartIconApis:j,svgInjectedCount:k}};b.exports=p,window._Iconic=new p({autoInjectSelector:"img.iconic",evalScripts:"once",pngFallback:!1,each:null,autoInjectDone:null,debug:!1})},{"./modules/container":2,"./modules/extend":3,"./modules/log":4,"./modules/polyfills":5,"./modules/position":6,"./modules/responsive":7,"./modules/svg-injector":8}],2:[function(a,b){var c=function(a){var b=a.getAttribute("class").split(" "),c=-1!==b.indexOf("iconic-fluid"),d=[],e=["iconic-bg"];Array.prototype.forEach.call(b,function(a){switch(a){case"iconic-sm":case"iconic-md":case"iconic-lg":d.push(a),c||e.push(a.replace(/-/,"-bg-"));break;case"iconic-fluid":d.push(a),e.push(a.replace(/-/,"-bg-"));break;case"iconic-bg-circle":case"iconic-bg-rounded-rect":case"iconic-bg-badge":e.push(a);break;default:d.push(a)}}),a.setAttribute("class",d.join(" "));var f=a.parentNode,g=Array.prototype.indexOf.call(f.childNodes,a),h=document.createElement("span");h.setAttribute("class",e.join(" ")),h.appendChild(a),f.insertBefore(h,f.childNodes[g])};b.exports={addBackground:c}},{}],3:[function(a,b){b.exports=function(a){return Array.prototype.forEach.call(Array.prototype.slice.call(arguments,1),function(b){if(b)for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c])}),a}},{}],4:[function(a,b){var c=!1,d=function(a){console&&console.log&&console.log(a)},e=function(a){d("Iconic INFO: "+a)},f=function(a){d("Iconic WARNING: "+a)},g=function(a){c&&d("Iconic DEBUG: "+a)},h=function(a){c=a};b.exports={info:e,warn:f,debug:g,enableDebug:h}},{}],5:[function(){Array.prototype.forEach||(Array.prototype.forEach=function(a,b){"use strict";if(void 0===this||null===this||"function"!=typeof a)throw new TypeError;var c,d=this.length>>>0;for(c=0;d>c;++c)c in this&&a.call(b,this[c],c,this)}),function(){if(Event.prototype.preventDefault||(Event.prototype.preventDefault=function(){this.returnValue=!1}),Event.prototype.stopPropagation||(Event.prototype.stopPropagation=function(){this.cancelBubble=!0}),!Element.prototype.addEventListener){var a=[],b=function(b,c){var d=this,e=function(a){a.target=a.srcElement,a.currentTarget=d,c.handleEvent?c.handleEvent(a):c.call(d,a)};if("DOMContentLoaded"==b){var f=function(a){"complete"==document.readyState&&e(a)};if(document.attachEvent("onreadystatechange",f),a.push({object:this,type:b,listener:c,wrapper:f}),"complete"==document.readyState){var g=new Event;g.srcElement=window,f(g)}}else this.attachEvent("on"+b,e),a.push({object:this,type:b,listener:c,wrapper:e})},c=function(b,c){for(var d=0;d<a.length;){var e=a[d];if(e.object==this&&e.type==b&&e.listener==c){"DOMContentLoaded"==b?this.detachEvent("onreadystatechange",e.wrapper):this.detachEvent("on"+b,e.wrapper);break}++d}};Element.prototype.addEventListener=b,Element.prototype.removeEventListener=c,HTMLDocument&&(HTMLDocument.prototype.addEventListener=b,HTMLDocument.prototype.removeEventListener=c),Window&&(Window.prototype.addEventListener=b,Window.prototype.removeEventListener=c)}}()},{}],6:[function(a,b){var c=function(a){var b=a.getAttribute("data-position");if(b&&""!==b){var c,d,e,f,g,h,i,j=a.getAttribute("width"),k=a.getAttribute("height"),l=b.split("-"),m=a.querySelectorAll("g.iconic-container");Array.prototype.forEach.call(m,function(a){if(c=a.getAttribute("data-width"),d=a.getAttribute("data-height"),c!==j||d!==k){if(e=a.getAttribute("transform"),f=1,e){var b=e.match(/scale\((\d)/);f=b&&b[1]?b[1]:1}g=Math.floor((j/f-c)/2),h=Math.floor((k/f-d)/2),Array.prototype.forEach.call(l,function(a){switch(a){case"top":h=0;break;case"bottom":h=k/f-d;break;case"left":g=0;break;case"right":g=j/f-c;break;case"center":break;default:console&&console.log&&console.log("Unknown position: "+a)}}),i=0===h?g:g+" "+h,i="translate("+i+")",e?/translate/.test(e)?e=e.replace(/translate\(.*?\)/,i):e+=" "+i:e=i,a.setAttribute("transform",e)}})}};b.exports={refresh:c}},{}],7:[function(a,b){var c=/(iconic-sm\b|iconic-md\b|iconic-lg\b)/,d=function(a,b){var c="undefined"!=typeof window.getComputedStyle&&window.getComputedStyle(a,null).getPropertyValue(b);return!c&&a.currentStyle&&(c=a.currentStyle[b.replace(/([a-z])\-([a-z])/,function(a,b,c){return b+c.toUpperCase()})]||a.currentStyle[b]),c},e=function(a){var b=a.style.display;a.style.display="block";var c=parseFloat(d(a,"width").slice(0,-2)),e=parseFloat(d(a,"height").slice(0,-2));return a.style.display=b,{width:c,height:e}},f=function(){var a="/* Iconic Responsive Support Styles */\n.iconic-property-fill, .iconic-property-text {stroke: none !important;}\n.iconic-property-stroke {fill: none !important;}\nsvg.iconic.iconic-fluid {height:100% !important;width:100% !important;}\nsvg.iconic.iconic-sm:not(.iconic-size-md):not(.iconic-size-lg), svg.iconic.iconic-size-sm{width:16px;height:16px;}\nsvg.iconic.iconic-md:not(.iconic-size-sm):not(.iconic-size-lg), svg.iconic.iconic-size-md{width:32px;height:32px;}\nsvg.iconic.iconic-lg:not(.iconic-size-sm):not(.iconic-size-md), svg.iconic.iconic-size-lg{width:128px;height:128px;}\nsvg.iconic-sm > g.iconic-md, svg.iconic-sm > g.iconic-lg, svg.iconic-md > g.iconic-sm, svg.iconic-md > g.iconic-lg, svg.iconic-lg > g.iconic-sm, svg.iconic-lg > g.iconic-md {display: none;}\nsvg.iconic.iconic-icon-sm > g.iconic-lg, svg.iconic.iconic-icon-md > g.iconic-lg {display:none;}\nsvg.iconic-sm:not(.iconic-icon-md):not(.iconic-icon-lg) > g.iconic-sm, svg.iconic-md.iconic-icon-sm > g.iconic-sm, svg.iconic-lg.iconic-icon-sm > g.iconic-sm {display:inline;}\nsvg.iconic-md:not(.iconic-icon-sm):not(.iconic-icon-lg) > g.iconic-md, svg.iconic-sm.iconic-icon-md > g.iconic-md, svg.iconic-lg.iconic-icon-md > g.iconic-md {display:inline;}\nsvg.iconic-lg:not(.iconic-icon-sm):not(.iconic-icon-md) > g.iconic-lg, svg.iconic-sm.iconic-icon-lg > g.iconic-lg, svg.iconic-md.iconic-icon-lg > g.iconic-lg {display:inline;}";navigator&&navigator.userAgent&&/MSIE 10\.0/.test(navigator.userAgent)&&(a+="svg.iconic{zoom:1.0001;}");var b=document.createElement("style");b.id="iconic-responsive-css",b.type="text/css",b.styleSheet?b.styleSheet.cssText=a:b.appendChild(document.createTextNode(a)),(document.head||document.getElementsByTagName("head")[0]).appendChild(b)},g=function(a){if(/iconic-fluid/.test(a.getAttribute("class"))){var b,d=e(a),f=a.viewBox.baseVal.width/a.viewBox.baseVal.height;b=1===f?Math.min(d.width,d.height):1>f?d.width:d.height;var g;g=32>b?"iconic-sm":b>=32&&128>b?"iconic-md":"iconic-lg";var h=a.getAttribute("class"),i=c.test(h)?h.replace(c,g):h+" "+g;a.setAttribute("class",i)}},h=function(){var a=document.querySelectorAll(".injected-svg.iconic-fluid");Array.prototype.forEach.call(a,function(a){g(a)})};document.addEventListener("DOMContentLoaded",function(){f()}),window.addEventListener("resize",function(){h()}),b.exports={refresh:g,refreshAll:h}},{}],8:[function(b,c,d){!function(b,e){"use strict";function f(a){a=a.split(" ");for(var b={},c=a.length,d=[];c--;)b.hasOwnProperty(a[c])||(b[a[c]]=1,d.unshift(a[c]));return d.join(" ")}var g="file:"===b.location.protocol,h=e.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1"),i=Array.prototype.forEach||function(a,b){if(void 0===this||null===this||"function"!=typeof a)throw new TypeError;var c,d=this.length>>>0;for(c=0;d>c;++c)c in this&&a.call(b,this[c],c,this)},j={},k=0,l=[],m=[],n={},o=function(a){return a.cloneNode(!0)},p=function(a,b){m[a]=m[a]||[],m[a].push(b)},q=function(a){for(var b=0,c=m[a].length;c>b;b++)!function(b){setTimeout(function(){m[a][b](o(j[a]))},0)}(b)},r=function(a,c){if(void 0!==j[a])j[a]instanceof SVGSVGElement?c(o(j[a])):p(a,c);else{if(!b.XMLHttpRequest)return c("Browser does not support XMLHttpRequest"),!1;j[a]={},p(a,c);var d=new XMLHttpRequest;d.onreadystatechange=function(){if(4===d.readyState){if(404===d.status||null===d.responseXML)return c("Unable to load SVG file: "+a),g&&c("Note: SVG injection ajax calls do not work locally without adjusting security setting in your browser. Or consider using a local webserver."),c(),!1;if(!(200===d.status||g&&0===d.status))return c("There was a problem injecting the SVG: "+d.status+" "+d.statusText),!1;if(d.responseXML instanceof Document)j[a]=d.responseXML.documentElement;else if(DOMParser&&DOMParser instanceof Function){var b;try{var e=new DOMParser;b=e.parseFromString(d.responseText,"text/xml")}catch(f){b=void 0}if(!b||b.getElementsByTagName("parsererror").length)return c("Unable to parse SVG file: "+a),!1;j[a]=b.documentElement}q(a)}},d.open("GET",a),d.overrideMimeType&&d.overrideMimeType("text/xml"),d.send()}},s=function(a,c,d,e){var g=a.getAttribute("data-src")||a.getAttribute("src");if(!/\.svg/i.test(g))return e("Attempted to inject a file with a non-svg extension: "+g),void 0;if(!h){var j=a.getAttribute("data-fallback")||a.getAttribute("data-png");return j?(a.setAttribute("src",j),e(null)):d?(a.setAttribute("src",d+"/"+g.split("/").pop().replace(".svg",".png")),e(null)):e("This browser does not support SVG and no PNG fallback was defined."),void 0}-1===l.indexOf(a)&&(l.push(a),a.setAttribute("src",""),r(g,function(d){if("undefined"==typeof d||"string"==typeof d)return e(d),!1;var h=a.getAttribute("id");h&&d.setAttribute("id",h);var j=a.getAttribute("title");j&&d.setAttribute("title",j);var m=[].concat(d.getAttribute("class")||[],"injected-svg",a.getAttribute("class")||[]).join(" ");d.setAttribute("class",f(m));var o=a.getAttribute("style");o&&d.setAttribute("style",o);var p=[].filter.call(a.attributes,function(a){return/^data-\w[\w\-]*$/.test(a.name)});i.call(p,function(a){a.name&&a.value&&d.setAttribute(a.name,a.value)});var q,r,s,t,u,v={clipPath:["clip-path"],"color-profile":["color-profile"],cursor:["cursor"],filter:["filter"],linearGradient:["fill","stroke"],marker:["marker","marker-start","marker-mid","marker-end"],mask:["mask"],pattern:["fill","stroke"],radialGradient:["fill","stroke"]};Object.keys(v).forEach(function(a){q=a,s=v[a],r=d.querySelectorAll("defs "+q+"[id]");for(var b=0,c=r.length;c>b;b++){t=r[b].id,u=t+"-"+k;var e;i.call(s,function(a){e=d.querySelectorAll("["+a+'*="'+t+'"]');for(var b=0,c=e.length;c>b;b++)e[b].setAttribute(a,"url(#"+u+")")}),r[b].id=u}}),d.removeAttribute("xmlns:a");for(var w,x,y=d.querySelectorAll("script"),z=[],A=0,B=y.length;B>A;A++)x=y[A].getAttribute("type"),x&&"application/ecmascript"!==x&&"application/javascript"!==x||(w=y[A].innerText||y[A].textContent,z.push(w),d.removeChild(y[A]));if(z.length>0&&("always"===c||"once"===c&&!n[g])){for(var C=0,D=z.length;D>C;C++)new Function(z[C])(b);n[g]=!0}var E=d.querySelectorAll("style");i.call(E,function(a){a.textContent+=""}),a.parentNode.replaceChild(d,a),delete l[l.indexOf(a)],a=null,k++,e(d)}))},t=function(a,b,c){b=b||{};var d=b.evalScripts||"always",e=b.pngFallback||!1,f=b.each;if(void 0!==a.length){var g=0;i.call(a,function(b){s(b,d,e,function(b){f&&"function"==typeof f&&f(b),c&&a.length===++g&&c(g)})})}else a?s(a,d,e,function(b){f&&"function"==typeof f&&f(b),c&&c(1),a=null}):c&&c(0)};"object"==typeof c&&"object"==typeof c.exports?c.exports=d=t:"function"==typeof a&&a.amd?a(function(){return t}):"object"==typeof b&&(b.SVGInjector=t)}(window,document)},{}]},{},[1])(1)});
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/account.svg b/app/javascript/iconic/svg/smart/account.svg
new file mode 100755
index 0000000..500789e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/account.svg
@@ -0,0 +1,44 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="account" width="128" height="128" class="iconic iconic-account" viewBox="0 0 128 128">
+  <g><title>Sign In &amp; Out</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M4 64h76" fill="none"/>
+      <path d="M90.7 63.2l-21.4-12.4c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.4.7-1 0-1.5z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
+    </g>
+    <g class="iconic-account-logout" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M46 4h78v120h-78" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M88 64h-76" fill="none"/>
+      <path d="M1.3 64.8l21.4 12.5c.7.4 1.3.1 1.3-.7v-25c0-.8-.6-1.2-1.3-.7l-21.4 12.3c-.7.5-.7 1.1 0 1.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="31" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1.5 15.5h14.5" fill="none"/>
+      <path d="M20.6 15.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill"/>
+      </g>
+      <g class="iconic-account-logout" display="none">
+        <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M12.5 1.5h18v28h-18" fill="none"/>
+        <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M19.5 15.5h-14.5" fill="none"/>
+        <path d="M.4 15.2l5.2-3.9c.2-.2.4-.1.4.2v8c0 .3-.2.4-.4.2l-5.2-3.9c-.2-.2-.2-.4 0-.6z" class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill"/>
+      </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-account-login">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-login-arrow iconic-account-login-arrow-line iconic-property-stroke" d="M1 8h9" fill="none"/>
+      <path class="iconic-account-login-arrow iconic-account-login-arrow-head iconic-property-fill" d="M12 8l-4-4v8z"/>
+    </g>
+    <g class="iconic-account-logout" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-entrance iconic-property-accent iconic-property-stroke" d="M7 1h8v14h-8" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-account-logout-arrow iconic-account-logout-arrow-line iconic-property-stroke" d="M11 8h-9" fill="none"/>
+      <path class="iconic-account-logout-arrow iconic-account-logout-arrow-head iconic-property-fill" d="M0 8l4 4v-8z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["account"]=iconicApis["account"]||function(t){var i=function(i){t.setAttribute("data-state",i);var e,n=t.querySelectorAll(".iconic-account-login"),o=t.querySelectorAll(".iconic-account-logout");if("logout"===i){for(e=0;e<n.length;e++)n[e].setAttribute("display","none");for(e=0;e<o.length;e++)o[e].setAttribute("display","inline")}else{for(e=0;e<n.length;e++)n[e].setAttribute("display","inline");for(e=0;e<o.length;e++)o[e].setAttribute("display","none")}},e=function(){var e=t.getAttribute("data-state");e&&i(e)};return{update:e,setState:i}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/action.svg b/app/javascript/iconic/svg/smart/action.svg
new file mode 100755
index 0000000..cb8765e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/action.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="action" width="128" height="128" class="iconic iconic-action" viewBox="0 0 128 128">
+  <g><title>Action</title></g>
+  <g data-width="128" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(0 16)">
+    <g class="iconic-action-undo">
+      <path d="M30 59c0-27.1 21.9-49 49-49s49 21.9 49 49c0-32.6-26.4-59-59-59s-59 26.4-59 59v11h20v-11z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path d="M19.2 94.7l-18.4-29.4c-.4-.7-.1-1.3.7-1.3h37c.8 0 1.1.6.7 1.3l-18.4 29.4c-.4.7-1.2.7-1.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M98 59c0-27.1-21.9-49-49-49s-49 21.9-49 49c0-32.6 26.4-59 59-59s59 26.4 59 59v11h-20v-11z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path d="M108.8 94.7l18.4-29.5c.4-.7.1-1.3-.7-1.3h-37c-.8 0-1.1.6-.7 1.3l18.4 29.5c.4.7 1.2.7 1.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
+    <g class="iconic-action-undo">
+      <path d="M9 14.5c0-6.4 5.1-11.5 11.5-11.5 6 0 10.9 4.7 11.4 10.5-.6-7.5-6.8-13.5-14.4-13.5-8 0-14.5 6.5-14.5 14.5v2.5h6v-2.5z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path d="M6.3 23.6l5.4-7.2c.2-.2.1-.4-.2-.4h-11c-.3 0-.4.2-.2.4l5.4 7.2c.2.2.4.2.6 0z" class="iconic-action-undo-arrowhead iconic-property-fill"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M23 14.5c0-6.4-5.1-11.5-11.5-11.5-6 0-10.9 4.7-11.5 10.5.6-7.5 6.9-13.5 14.5-13.5 8 0 14.5 6.5 14.5 14.5v2.5h-6v-2.5z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path d="M25.7 23.6l-5.4-7.2c-.2-.2-.1-.4.2-.4h11c.3 0 .4.2.2.4l-5.4 7.2c-.2.2-.4.2-.6 0z" class="iconic-action-redo-arrowhead iconic-property-fill"/>
+   </g>
+  </g>
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-action-undo">
+      <path d="M2 9v-2c0-3.9 3.1-7 7-7s7 3.1 7 7c0-2.8-2.2-5-5-5s-5 2.2-5 5v2h-4z" class="iconic-action-undo-stem iconic-property-fill"/>
+      <path class="iconic-action-undo-arrowhead iconic-property-fill" d="M0 8l4 4 4-4z"/>
+    </g>
+    <g class="iconic-action-redo" display="none">
+      <path d="M10 9v-2c0-2.8-2.2-5-5-5s-5 2.2-5 5c0-3.9 3.1-7 7-7s7 3.1 7 7v2h-4z" class="iconic-action-redo-stem iconic-property-fill"/>
+      <path class="iconic-action-redo-arrowhead iconic-property-fill" d="M8 8l4 4 4-4z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["action"]=iconicApis["action"]||function(t){var i=function(i){t.setAttribute("data-state",i);var n,e,o=t.querySelectorAll(".iconic-action-undo"),c=t.querySelectorAll(".iconic-action-redo");n=e="none","redo"===i?e="inline":n="inline";for(var a=0;a<o.length;a++)o[a].setAttribute("display",n),c[a].setAttribute("display",e)},n=function(){var n=t.getAttribute("data-state");n&&i(n)};return{update:n,setState:i}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/align.svg b/app/javascript/iconic/svg/smart/align.svg
new file mode 100755
index 0000000..f624178
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/align.svg
@@ -0,0 +1,68 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-icon="align" width="128" height="128" class="iconic iconic-align" viewBox="0 0 128 128" preserveAspectRatio="xMidYMid meet">
+  <g><title>Align</title></g>
+  <g data-width="128" data-height="86" class="iconic-lg iconic-container" display="inline" transform="translate(0 21)" stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-align-left">
+      <path class="iconic-align-left-line-4 iconic-align-left-line-short iconic-property-stroke" d="M4 82h82"/>
+      <path class="iconic-align-left-line-3 iconic-align-left-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-align-left-line-2 iconic-align-left-line-short iconic-property-stroke" d="M4 30h82"/>
+      <path class="iconic-align-left-line-1 iconic-align-left-line-long iconic-property-stroke" d="M4 4h120"/>
+    </g>
+    <g class="iconic-align-center" display="none">
+      <path class="iconic-align-center-line-4 iconic-align-center-line-short iconic-property-stroke" d="M23 82h82"/>
+      <path class="iconic-align-center-line-3 iconic-align-center-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-align-center-line-2 iconic-align-center-line-short iconic-property-stroke" d="M23 30h82"/>
+      <path class="iconic-align-center-line-1 iconic-align-center-line-long iconic-property-stroke" d="M4 4h120"/>
+    </g>
+    <g class="iconic-align-right" display="none">
+      <path class="iconic-align-right-line-4 iconic-align-right-line-short iconic-property-stroke" d="M42 82h82"/>
+      <path class="iconic-align-right-line-3 iconic-align-right-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-align-right-line-2 iconic-align-right-line-short iconic-property-stroke" d="M42 30h82"/>
+      <path class="iconic-align-right-line-1 iconic-align-right-line-long iconic-property-stroke" d="M4 4h120"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="27" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)" stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-align-left" display="inline">
+      <path class="iconic-align-left-line-4 iconic-align-left-line-short iconic-property-stroke" d="M1.5 25.5h21"/>
+      <path class="iconic-align-left-line-3 iconic-align-left-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+      <path class="iconic-align-left-line-2 iconic-align-left-line-short iconic-property-stroke" d="M1.5 9.5h21"/>
+      <path class="iconic-align-left-line-1 iconic-align-left-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+    </g>
+    <g class="iconic-align-center" display="none">
+      <path class="iconic-align-center-line-4 iconic-align-center-line-short iconic-property-stroke" d="M5.5 25.5h21"/>
+      <path class="iconic-align-center-line-3 iconic-align-center-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+      <path class="iconic-align-center-line-2 iconic-align-center-line-short iconic-property-stroke" d="M5.5 9.5h21"/>
+      <path class="iconic-align-center-line-1 iconic-align-center-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+    </g>
+    <g class="iconic-align-right" display="none">
+      <path class="iconic-align-right-line-4 iconic-align-right-line-short iconic-property-stroke" d="M9.5 25.5h21"/>
+      <path class="iconic-align-right-line-3 iconic-align-right-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+      <path class="iconic-align-right-line-2 iconic-align-right-line-short iconic-property-stroke" d="M9.5 9.5h21"/>
+      <path class="iconic-align-right-line-1 iconic-align-right-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)" stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-align-left" display="inline">
+      <path class="iconic-align-left-line-4 iconic-align-left-line-short iconic-property-stroke" d="M1 13h10"/>
+      <path class="iconic-align-left-line-3 iconic-align-left-line-long iconic-property-stroke" d="M1 9h14"/>
+      <path class="iconic-align-left-line-2 iconic-align-left-line-short iconic-property-stroke" d="M1 5h10"/>
+      <path class="iconic-align-left-line-1 iconic-align-left-line-long iconic-property-stroke" d="M1 1h14"/>
+    </g>
+    <g class="iconic-align-center" display="none">
+      <path class="iconic-align-center-line-4 iconic-align-center-line-short iconic-property-stroke" d="M3 13h10"/>
+      <path class="iconic-align-center-line-3 iconic-align-center-line-long iconic-property-stroke" d="M1 9h14"/>
+      <path class="iconic-align-center-line-2 iconic-align-center-line-short iconic-property-stroke" d="M3 5h10"/>
+      <path class="iconic-align-center-line-1 iconic-align-center-line-long iconic-property-stroke" d="M1 1h14"/>
+    </g>
+    <g class="iconic-align-right" display="none">
+      <path class="iconic-align-right-line-4 iconic-align-right-line-short iconic-property-stroke" d="M5 13h10"/>
+      <path class="iconic-align-right-line-3 iconic-align-right-line-long iconic-property-stroke" d="M1 9h14"/>
+      <path class="iconic-align-right-line-2 iconic-align-right-line-short iconic-property-stroke" d="M5 5h10"/>
+      <path class="iconic-align-right-line-1 iconic-align-right-line-long iconic-property-stroke" d="M1 1h14"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["align"]=iconicApis["align"]||function(t){var i=function(i){t.setAttribute("data-text-alignment",i);var n,e,c,o=t.querySelectorAll(".iconic-align-left"),a=t.querySelectorAll(".iconic-align-center"),r=t.querySelectorAll(".iconic-align-right");switch(n=e=c="none",i){case"center":n="inline";break;case"right":c="inline";break;default:e="inline"}for(var l=0;l<o.length;l++)o[l].setAttribute("display",e),a[l].setAttribute("display",n),r[l].setAttribute("display",c)},n=function(){var n=t.getAttribute("data-text-alignment");n&&i(n)};return{update:n,setTextAlignment:i}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/aperture.svg b/app/javascript/iconic/svg/smart/aperture.svg
new file mode 100755
index 0000000..0d0b8be
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/aperture.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-aperture" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Aperture</title>
+  </g>
+  <g class="iconic-aperture-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M48.989 86l-35.43-61.367c-8.487 10.859-13.559 24.516-13.559 39.367 0 7.73 1.371 15.14 3.882 22h45.107z" class="iconic-aperture-blade iconic-aperture-blade-6 iconic-property-fill" />
+    <path d="M75.547 88h-70.877c8.17 20.176 26.322 35.227 48.337 39.04l22.54-39.04z" class="iconic-aperture-blade iconic-aperture-blade-5 iconic-property-fill" />
+    <path d="M90.558 66l-35.434 61.373c2.902.403 5.862.627 8.875.627 19.725 0 37.358-8.929 49.099-22.959l-22.54-39.041z" class="iconic-aperture-blade iconic-aperture-blade-4 iconic-property-fill" />
+    <path d="M79.011 42l35.43 61.367c8.487-10.859 13.559-24.516 13.559-39.367 0-7.73-1.371-15.14-3.882-22h-45.107z" class="iconic-aperture-blade iconic-aperture-blade-3 iconic-property-fill" />
+    <path d="M52.453 40h70.877c-8.17-20.176-26.322-35.227-48.337-39.04l-22.54 39.04z" class="iconic-aperture-blade iconic-aperture-blade-2 iconic-property-fill" />
+    <path d="M37.442 62l35.434-61.373c-2.902-.403-5.862-.627-8.875-.627-19.725 0-37.358 8.929-49.098 22.959l22.54 39.041z" class="iconic-aperture-blade iconic-aperture-blade-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-aperture-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M11.959 21l-8.563-14.832c-2.12 2.714-3.395 6.121-3.395 9.832 0 1.748.29 3.426.808 5h11.151z" class="iconic-aperture-blade iconic-aperture-blade-6 iconic-property-fill" />
+    <path d="M18.309 22h-17.136c1.978 4.883 6.289 8.569 11.556 9.663l5.579-9.663z" class="iconic-aperture-blade iconic-aperture-blade-5 iconic-property-fill" />
+    <path d="M22.351 17l-8.562 14.829c.725.1 1.459.17 2.211.17 4.743 0 8.99-2.075 11.92-5.354l-5.569-9.646z" class="iconic-aperture-blade iconic-aperture-blade-4 iconic-property-fill" />
+    <path d="M20.041 11l8.563 14.832c2.12-2.714 3.395-6.121 3.395-9.832 0-1.748-.29-3.426-.808-5h-11.151z" class="iconic-aperture-blade iconic-aperture-blade-3 iconic-property-fill" />
+    <path d="M13.691 10h17.135c-1.978-4.883-6.289-8.569-11.556-9.663l-5.579 9.663z" class="iconic-aperture-blade iconic-aperture-blade-2 iconic-property-fill" />
+    <path d="M9.649 15l8.562-14.829c-.725-.1-1.459-.17-2.211-.17-4.743 0-8.99 2.075-11.92 5.354l5.569 9.646z" class="iconic-aperture-blade iconic-aperture-blade-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-aperture-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M5.691 10l-3.993-6.916c-1.06 1.357-1.698 3.061-1.698 4.916 0 .692.097 1.36.262 2h5.428z" class="iconic-aperture-blade iconic-aperture-blade-6 iconic-property-fill" />
+    <path d="M8.577 11h-7.99c.925 2.283 2.872 4.037 5.276 4.702l2.715-4.702z" class="iconic-aperture-blade iconic-aperture-blade-5 iconic-property-fill" />
+    <path d="M10.887 9l-3.992 6.915c.362.05.729.085 1.105.085 2.183 0 4.16-.877 5.603-2.295l-2.717-4.705z" class="iconic-aperture-blade iconic-aperture-blade-4 iconic-property-fill" />
+    <path d="M14.302 12.916c1.06-1.357 1.698-3.061 1.698-4.916 0-.692-.097-1.36-.262-2h-5.428l3.993 6.916z" class="iconic-aperture-blade iconic-aperture-blade-3 iconic-property-fill" />
+    <path d="M7.423 5h7.99c-.925-2.283-2.872-4.037-5.275-4.702l-2.715 4.702z" class="iconic-aperture-blade iconic-aperture-blade-2 iconic-property-fill" />
+    <path d="M5.113 7l3.992-6.915c-.362-.05-.729-.085-1.105-.085-2.183 0-4.16.877-5.603 2.294l2.717 4.705z" class="iconic-aperture-blade iconic-aperture-blade-1 iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/arrow-right-angle-thick.svg b/app/javascript/iconic/svg/smart/arrow-right-angle-thick.svg
new file mode 100755
index 0000000..8d9c51a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/arrow-right-angle-thick.svg
@@ -0,0 +1,29 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="arrow-right-angle-thick" width="128" height="128" class="iconic iconic-arrow-right-angle-thick" viewBox="0 0 128 128">
+  <g><title>Arrow 90 Degree Thick</title></g>
+  <g data-width="128" data-height="128" data-default-max-height="92" class="iconic-lg iconic-container" display="inline" transform="translate(0 16)">
+    <path stroke="#000" stroke-width="16" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-thick-stem iconic-property-stroke" d="M102 28h-94v58" fill="none"/>
+    <path d="M126.7 27.2l-33.4-20.4c-.7-.4-1.3-.1-1.3.7v41c0 .8.6 1.1 1.3.7l33.4-20.4c.7-.4.7-1.2 0-1.6z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill iconic-property-fill"/>
+    <path d="M126.6 27.4l-45.2-20.8c-.8-.3-1.4 0-1.4.9v41c0 .8.6 1.2 1.4.9l45.3-20.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M126.6 27.4l-47.2-20.8c-.8-.3-1.1 0-.9.8l7 19.2c.3.8.3 2 0 2.8l-7 19.2c-.3.8.1 1.1.9.8l47.3-20.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-angled iconic-property-fill" display="none"/>
+    <path d="M127.6 28.4c.2-.2.2-.5 0-.7l-25.2-25.3c-.2-.2-.6-.4-.9-.4h-17c-.3 0-.3.2-.1.4l25.3 25.3c.2.2.2.5 0 .7l-25.3 25.2c-.2.2-.1.4.1.4h17c.3 0 .7-.2.9-.4l25.2-25.2z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-line iconic-property-fill" display="none"/>
+  </g>
+  <g data-width="32" data-height="32" data-default-max-height="26" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-thick-stem iconic-property-stroke" d="M23 9h-20v14" fill="none"/>
+    <path d="M31.6 9.3l-8.2 6.4c-.2.2-.4.1-.4-.2v-13c0-.3.2-.4.4-.2l8.2 6.4c.2.2.2.4 0 .6z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill iconic-property-fill"/>
+    <path d="M31.6 9.3l-11.1 6.5c-.2.1-.4 0-.4-.2v-13c0-.3.2-.4.4-.2l11.1 6.5c.2 0 .2.2 0 .4z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M31.6 9.2l-13.1 6.6c-.2.1-.4 0-.3-.2l2.6-6.1c.1-.3.1-.7 0-.9l-2.6-6.1c-.1-.3 0-.4.3-.2l13.1 6.6c.2 0 .2.2 0 .3z" class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-line iconic-property-fill" d="M32 9l-9-9h-6l9 9-9 9h6z" display="none"/>
+  </g>
+  <g data-width="16" data-height="16" data-default-max-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-thick-stem iconic-property-stroke" d="M10.5 5h-8.5v7" fill="none"/>
+    <path class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill iconic-property-fill" d="M16 5l-5 5v-10z"/>
+    <path class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-acute iconic-property-fill" d="M16 5l-8 5v-10z" display="none"/>
+    <path class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-fill-angled iconic-property-fill" d="M16 5l-9 5 2-5-2-5z" display="none"/>
+    <path class="iconic-arrow-right-angle-thick-head iconic-arrow-right-angle-thick-head-line iconic-property-fill" d="M16 5l-5-5h-4l5 5-5 5h4z" display="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["arrow-right-angle-thick"]=iconicApis["arrow-right-angle-thick"]||function(t){function e(e){t.setAttribute("data-head",e);for(var a=t.querySelectorAll(".iconic-arrow-right-angle-thick-head"),r=0;r<a.length;r++)a[r].setAttribute("display","none");var i=".iconic-arrow-right-angle-thick-head-"+e,n=t.querySelectorAll(i);n.length||(n=t.querySelectorAll(".iconic-arrow-right-angle-thick-head-fill"));for(var o=0;o<n.length;o++)n[o].setAttribute("display","inline")}function a(e){t.setAttribute("data-direction",e);var a,o,c;switch(e){case"bottom-left":a=["scale(-1 1)","rotate(0 64 64)","translate(-128 16)"],o=["scale(-4 4)","rotate(0 16 16)","translate(-32 2)"],c=["scale(-8 8)","rotate(0 8 8)","translate(-16 1)"];break;case"top-left":a=["rotate(180 64 64)","translate(0 16)"],o=["scale(4)","rotate(180 16 16)","translate(0 2)"],c=["scale(8)","rotate(180 8 8)","translate(0 1)"];break;case"top-right":a=["scale(-1 1)","rotate(180 64 64)","translate(128 16)"],o=["scale(-4 4)","rotate(180 16 16)","translate(32 2)"],c=["scale(-8 8)","rotate(180 8 8)","translate(16 1)"];break;case"right-top":a=["rotate(270 64 64)","translate(0 16)"],o=["scale(4)","rotate(270 16 16)","translate(0 2)"],c=["scale(8)","rotate(270 8 8)","translate(0 1)"];break;case"right-bottom":a=["scale(-1 1)","rotate(90 64 64)","translate(0 144)"],o=["scale(-4 4)","rotate(90 16 16)","translate(0 34)"],c=["scale(-8 8)","rotate(90 8 8)","translate(0 17)"];break;case"left-top":a=["scale(-1 1)","rotate(270 64 64)","translate(0 -112)"],o=["scale(-4 4)","rotate(270 16 16)","translate(0 -30)"],c=["scale(-8 8)","rotate(270 8 8)","translate(0 -15)"];break;case"left-bottom":a=["rotate(90 64 64)","translate(0 16)"],o=["scale(4)","rotate(90 16 16)","translate(0 3)"],c=["scale(8)","rotate(90 8 8)","translate(0 1)"];break;default:a=["translate(0 16)"],o=["scale(4)","translate(0 2)"],c=["scale(8)"]}r.setAttribute("transform",a.join(" ")),i.setAttribute("transform",o.join(" ")),n.setAttribute("transform",c.join(" "))}var r=t.querySelector(".iconic-lg"),i=t.querySelector(".iconic-md"),n=t.querySelector(".iconic-sm"),o=function(){var r=t.getAttribute("data-head")||"";e(r);var i=t.getAttribute("data-direction")||"";a(i)};return{update:o,setHead:e,setDirection:a}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/arrow-right-angle.svg b/app/javascript/iconic/svg/smart/arrow-right-angle.svg
new file mode 100755
index 0000000..953e627
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/arrow-right-angle.svg
@@ -0,0 +1,29 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="arrow-right-angle" width="128" height="128" class="iconic iconic-arrow-right-angle" viewBox="0 0 128 128">
+  <g><title>Arrow 90 Degree</title></g>
+  <g data-width="128" data-height="128" data-default-max-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(0 18)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-stem iconic-property-stroke" d="M114 24h-110v68" fill="none"/>
+    <path d="M126.7 23.2l-21.4-12.5c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.3.7-.9 0-1.4z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill iconic-property-fill"/>
+    <path d="M126.6 23.4l-29.2-12.8c-.8-.3-1.4.1-1.4.9v25c0 .8.6 1.2 1.4.9l29.3-12.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M126.6 23.5l-33.2-13c-.8-.3-1.1 0-.7.8l6.5 11.4c.4.7.4 1.9 0 2.6l-6.5 11.4c-.4.7-.1 1.1.7.8l33.2-12.9c.8-.4.8-.8 0-1.1z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-line iconic-property-fill" d="M128 24l-24-24h-10l24 24-24 24h10z" display="none"/>
+  </g>
+  <g data-width="32" data-height="32" data-default-max-height="26" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-stem iconic-property-stroke" d="M27 6.5h-25.5v18" fill="none"/>
+    <path d="M31.6 6.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill iconic-property-fill"/>
+    <path d="M31.6 6.7l-8.1 4.1c-.2.1-.4 0-.4-.3v-8c0-.3.2-.4.4-.3l8.1 4.1c.2.1.2.3 0 .4z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M31.5 6.7l-9.1 4.1c-.3.1-.4 0-.3-.3l1.7-3.5c.1-.3.1-.7 0-.9l-1.6-3.6c-.1-.3 0-.4.3-.3l9.1 4.1c.2.1.2.3-.1.4z" class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-line iconic-property-fill" d="M32 6.5l-7-6.5h-3.5l7 6.5-7 6.5h3.5z" display="none"/>
+  </g>
+  <g data-width="16" data-height="16" data-default-max-height="13" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-arrow-right-angle-stem iconic-property-stroke" d="M13 4h-12v8" fill="none"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill iconic-property-fill" d="M16 4l-3 3v-6z"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-acute iconic-property-fill" d="M16 4l-5 3v-6z" display="none"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-fill-angled iconic-property-fill" d="M16 4l-6 3 2-3-2-3z" display="none"/>
+    <path class="iconic-arrow-right-angle-head iconic-arrow-right-angle-head-line iconic-property-fill" d="M16 4l-4-4h-2l4 4-4 4h2z" display="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["arrow-right-angle"]=iconicApis["arrow-right-angle"]||function(t){function e(e){t.setAttribute("data-head",e);for(var a=t.querySelectorAll(".iconic-arrow-right-angle-head"),r=0;r<a.length;r++)a[r].setAttribute("display","none");var i=".iconic-arrow-right-angle-head-"+e,n=t.querySelectorAll(i);n.length||(n=t.querySelectorAll(".iconic-arrow-right-angle-head-fill"));for(var o=0;o<n.length;o++)n[o].setAttribute("display","inline")}function a(e){t.setAttribute("data-direction",e);var a,o,c;switch(e){case"bottom-left":a=["scale(-1 1)","rotate(0 64 64)","translate(-128 18)"],o=["scale(-4 4)","rotate(0 16 16)","translate(-32 3)"],c=["scale(-8 8)","rotate(0 8 8)","translate(-16 1)"];break;case"top-left":a=["rotate(180 64 64)","translate(0 18)"],o=["scale(4)","rotate(180 16 16)","translate(0 3)"],c=["scale(8)","rotate(180 8 8)","translate(0 1)"];break;case"top-right":a=["scale(-1 1)","rotate(180 64 64)","translate(128 18)"],o=["scale(-4 4)","rotate(180 16 16)","translate(32 3)"],c=["scale(-8 8)","rotate(180 8 8)","translate(16 1)"];break;case"right-top":a=["rotate(270 64 64)","translate(0 18)"],o=["scale(4)","rotate(270 16 16)","translate(0 3)"],c=["scale(8)","rotate(270 8 8)","translate(0 1)"];break;case"right-bottom":a=["scale(-1 1)","rotate(90 64 64)","translate(0 146)"],o=["scale(-4 4)","rotate(90 16 16)","translate(0 35)"],c=["scale(-8 8)","rotate(90 8 8)","translate(0 17)"];break;case"left-top":a=["scale(-1 1)","rotate(270 64 64)","translate(0 -110)"],o=["scale(-4 4)","rotate(270 16 16)","translate(0 -29)"],c=["scale(-8 8)","rotate(270 8 8)","translate(0 -15)"];break;case"left-bottom":a=["rotate(90 64 64)","translate(0 18)"],o=["scale(4)","rotate(90 16 16)","translate(0 3)"],c=["scale(8)","rotate(90 8 8)","translate(0 1)"];break;default:a=["translate(0 18)"],o=["scale(4)","translate(0 3)"],c=["scale(8)","translate(0 1)"]}r.setAttribute("transform",a.join(" ")),i.setAttribute("transform",o.join(" ")),n.setAttribute("transform",c.join(" "))}var r=t.querySelector(".iconic-lg"),i=t.querySelector(".iconic-md"),n=t.querySelector(".iconic-sm"),o=function(){var r=t.getAttribute("data-head")||"";r&&e(r);var i=t.getAttribute("data-direction")||"";i&&a(i)};return{update:o,setHead:e,setDirection:a}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/arrow-thick.svg b/app/javascript/iconic/svg/smart/arrow-thick.svg
new file mode 100755
index 0000000..9e33dc5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/arrow-thick.svg
@@ -0,0 +1,59 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="arrow-thick" width="128" height="128" class="iconic iconic-arrow-thick" viewBox="0 0 128 128">
+  <g><title>Arrow Thick</title></g>
+  <g data-width="128" data-height="128" data-default-max-height="76" class="iconic-lg iconic-container" display="inline" transform="translate(0 26)">
+    <path stroke="#000" stroke-width="16" stroke-miterlimit="10" class="iconic-arrow-thick-stem iconic-property-stroke" d="M0 38h110" fill="none"/>
+    <path d="M126.7 37.2l-33.4-20.4c-.7-.4-1.3-.1-1.3.7v41c0 .8.6 1.1 1.3.7l33.4-20.4c.7-.4.7-1.2 0-1.6z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill iconic-property-fill"/>
+    <path d="M126.6 37.4l-45.2-20.8c-.8-.3-1.4 0-1.4.9v41c0 .8.6 1.2 1.4.9l45.3-20.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M127 36.8l-18-21.6c-.5-.6-1-.5-1 .3v45c0 .8.4 1 1 .3l18-21.6c.6-.7.6-1.7 0-2.4z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-oblique iconic-property-fill" display="none"/>
+    <path d="M126.6 37.4l-47.2-20.8c-.8-.3-1.1 0-.9.8l7 19.2c.3.8.3 2 0 2.8l-7 19.2c-.3.8.1 1.1.9.8l47.3-20.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-angled iconic-property-fill" display="none"/>
+    <path d="M126.7 37.2l-43.4-26.4c-.7-.4-1.3-.1-1.3.7v53c0 .8.6 1.2 1.3.7l43.4-26.4c.7-.5.7-1.1 0-1.6z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large iconic-property-fill" display="none"/>
+    <path d="M126.6 37.4l-57.2-26.8c-.8-.4-1.4 0-1.4.9v53c0 .8.6 1.2 1.4.9l57.3-26.7c.7-.4.7-1-.1-1.3z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-acute iconic-property-fill" display="none"/>
+    <path d="M126.6 37.4l-61.2-26.8c-.8-.3-1.2 0-1 .8l7.2 25.1c.2.8.2 2.1 0 2.9l-7.2 25.1c-.2.8.2 1.2 1 .8l61.3-26.8c.7-.2.7-.8-.1-1.1z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-oblique iconic-property-fill" d="M128 38l-28-34v68z" display="none"/>
+    <path d="M127.6 38.4c.2-.2.2-.5 0-.7l-25.3-25.3c-.2-.2-.6-.4-.9-.4h-17c-.3 0-.3.2-.1.4l25.3 25.3c.2.2.2.5 0 .7l-25.2 25.2c-.2.2-.1.4.1.4h17c.3 0 .7-.2.9-.4l25.2-25.2z" class="iconic-arrow-thick-head iconic-arrow-thick-head-line iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-acute iconic-property-fill" d="M128 38l-34-26h-20l34 26-34 26h20z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-oblique iconic-property-fill" d="M126 38l-18-28h-16l18 28-18 28h16z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large iconic-property-fill" d="M128 38l-34-34h-18l34 34-34 34h18z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-acute iconic-property-fill" d="M128 38l-46-34h-20l46 34-46 34h20z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-oblique iconic-property-fill" d="M126 38l-24-38h-16l24 38-24 38h16z" display="none"/>
+  </g>
+  <g data-width="32" data-height="32" data-default-max-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="6" stroke-miterlimit="10" class="iconic-arrow-thick-stem iconic-property-stroke" d="M0 12h26" fill="none"/>
+    <path d="M31.6 12.3l-8.2 6.4c-.2.2-.4.1-.4-.2v-13c0-.3.2-.4.4-.2l8.2 6.4c.2.2.2.4 0 .6z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill iconic-property-fill"/>
+    <path d="M31.6 12.3l-11.1 6.5c-.2.1-.4 0-.4-.2v-13c0-.3.2-.4.4-.2l11.1 6.5c.2 0 .2.2 0 .4z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M31.7 12.4l-5.4 7.2c-.2.2-.3.2-.3-.1v-15c0-.3.1-.3.3-.1l5.4 7.2c.2.2.2.6 0 .8z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-oblique iconic-property-fill" display="none"/>
+    <path d="M31.6 12.2l-13.1 6.6c-.2.1-.4 0-.3-.2l2.6-6.1c.1-.3.1-.7 0-.9l-2.6-6.1c-.1-.3 0-.4.3-.2l13.1 6.6c.2 0 .2.2 0 .3z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-angled iconic-property-fill" display="none"/>
+    <path d="M31.6 12.3l-12.2 9.4c-.2.2-.4.1-.4-.2v-19c0-.3.2-.4.4-.2l12.2 9.4c.2.2.2.4 0 .6z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large iconic-property-fill" display="none"/>
+    <path d="M31.6 12.3l-16.1 9.5c-.2.1-.4 0-.4-.2v-19c0-.3.2-.4.4-.2l16.1 9.5c.2 0 .2.2 0 .4z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-acute iconic-property-fill" display="none"/>
+    <path d="M31.7 12.4l-7.4 10.2c-.2.2-.3.2-.3-.1v-21c0-.3.1-.3.3-.1l7.4 10.2c.2.2.2.6 0 .8z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-oblique iconic-property-fill" display="none"/>
+    <path d="M31.6 12.2l-19.1 9.6c-.2.1-.4 0-.3-.2l3.6-9.1c.1-.3.1-.7 0-.9l-3.6-9.1c-.1-.3 0-.4.3-.2l19.1 9.6c.2 0 .2.2 0 .3z" class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line iconic-property-fill" d="M32 12l-9-9h-6l9 9-9 9h6z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-acute iconic-property-fill" d="M32 12l-12-9h-7l12 9-12 9h7z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-oblique iconic-property-fill" d="M32 12l-6-10h-6l6 10-6 10h6z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-acute iconic-property-fill" d="M32 12l-15-11h-8l15 11-15 11h8z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-oblique iconic-property-fill" d="M32 12l-7-12h-6l7 12-7 12h6z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large iconic-property-fill" d="M32 12l-11-11h-8l11 11-11 11h8z" display="none"/>
+  </g>
+  <g data-width="16" data-height="16" data-default-max-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="4" stroke-miterlimit="10" class="iconic-arrow-thick-stem iconic-property-stroke" d="M0 8h12.25" fill="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill iconic-property-fill" d="M16 8l-5 5v-10z"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-acute iconic-property-fill" d="M16 8l-8 5v-10z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-oblique iconic-property-fill" d="M16 8l-4 6v-12z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-angled iconic-property-fill" d="M16 8l-9 5 2-5-2-5z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large iconic-property-fill" d="M16 8l-7 7v-14z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-acute iconic-property-fill" d="M16 8l-11 7v-14z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-oblique iconic-property-fill" d="M16 8l-5 8v-16z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-fill-large-angled iconic-property-fill" d="M16 8l-12 7 3-7-3-7z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line iconic-property-fill" d="M16 8l-6-6h-4l6 6-6 6h4z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-acute iconic-property-fill" d="M16 8l-8-6h-5l8 6-8 6h5z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-oblique iconic-property-fill" d="M16 8l-4-7h-4l4 7-4 7h4z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large iconic-property-fill" d="M16 8l-7-7h-4.5l7 7-7 7h4.5z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-acute iconic-property-fill" d="M16 8l-8-6h-5l8 6-8 6h5z" display="none"/>
+    <path class="iconic-arrow-thick-head iconic-arrow-thick-head-line-large-oblique iconic-property-fill" d="M16 8l-5-8h-4l5 8-5 8h4z" display="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["arrow-thick"]=iconicApis["arrow-thick"]||function(t){function e(e){t.setAttribute("data-head",e);for(var a=t.querySelectorAll(".iconic-arrow-thick-head"),r=0;r<a.length;r++)a[r].setAttribute("display","none");var i=".iconic-arrow-thick-head-"+e,o=t.querySelectorAll(i);o.length||(o=t.querySelectorAll(".iconic-arrow-thick-head-fill"));for(var n=0;n<o.length;n++)o[n].setAttribute("display","inline")}function a(e){t.setAttribute("data-direction",e);var a=0;switch(e){case"top":a=270;break;case"left":a=180;break;case"bottom":a=90;break;case"top-right":a=-45;break;case"top-left":a=-135;break;case"bottom-right":a=45;break;case"bottom-left":a=135;break;default:a=0}r.setAttribute("transform",["rotate("+a+" 64 64)","translate(0 26)"].join(" ")),i.setAttribute("transform",["scale(4)","rotate("+a+" 16 16)","translate(0 4)"].join(" ")),o.setAttribute("transform",["scale(8)","rotate("+a+" 8 8)"].join(" "))}var r=t.querySelector(".iconic-lg"),i=t.querySelector(".iconic-md"),o=t.querySelector(".iconic-sm"),n=function(){var r=t.getAttribute("data-head")||"";e(r);var i=t.getAttribute("data-direction")||"";a(i)};return{update:n,setHead:e,setDirection:a}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/arrow.svg b/app/javascript/iconic/svg/smart/arrow.svg
new file mode 100755
index 0000000..b338e58
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/arrow.svg
@@ -0,0 +1,59 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="arrow" width="128" height="128" class="iconic iconic-arrow" viewBox="0 0 128 128">
+  <g><title>Arrow</title></g>
+  <g data-width="128" data-height="128" data-default-max-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(0 32)">
+    <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-arrow-stem iconic-property-stroke" d="M0 32h118" fill="none"/>
+    <path d="M126.7 31.2l-21.4-12.5c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.3.7-.9 0-1.4z" class="iconic-arrow-head iconic-arrow-head-fill iconic-property-fill"/>
+    <path d="M126.6 31.4l-29.2-12.8c-.8-.3-1.4.1-1.4.9v25c0 .8.6 1.2 1.4.9l29.3-12.8c.7-.3.7-.9-.1-1.2z" class="iconic-arrow-head iconic-arrow-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M126.6 31.5l-33.2-13c-.8-.3-1.1 0-.7.8l6.5 11.4c.4.7.4 1.9 0 2.6l-6.5 11.4c-.4.7-.1 1.1.7.8l33.2-12.9c.8-.4.8-.8 0-1.1z" class="iconic-arrow-head iconic-arrow-head-fill-angled iconic-property-fill" display="none"/>
+    <path d="M127.1 30.8l-12.2-15.6c-.5-.7-.9-.5-.9.3v33c0 .8.4 1 .9.3l12.2-15.6c.5-.7.5-1.7 0-2.4z" class="iconic-arrow-head iconic-arrow-head-fill-oblique iconic-property-fill" display="none"/>
+    <path d="M126.7 31.2l-31.4-18.4c-.7-.4-1.3-.1-1.3.7v37c0 .8.6 1.2 1.3.7l31.4-18.5c.7-.4.7-1 0-1.5z" class="iconic-arrow-head iconic-arrow-head-fill-large iconic-property-fill" display="none"/>
+    <path d="M126.6 31.4l-43.2-18.8c-.8-.3-1.4.1-1.4.9v37c0 .8.6 1.2 1.4.9l43.2-18.8c.8-.3.8-.9 0-1.2z" class="iconic-arrow-head iconic-arrow-head-fill-large-acute iconic-property-fill" display="none"/>
+    <path d="M127.1 30.8l-16.2-21.6c-.5-.7-.9-.5-.9.3v45c0 .8.4 1 .9.3l16.2-21.6c.5-.7.5-1.7 0-2.4z" class="iconic-arrow-head iconic-arrow-head-fill-large-oblique iconic-property-fill" display="none"/>
+    <path d="M126.6 31.4l-47.2-18.8c-.8-.3-1 0-.6.7l10.5 17.4c.4.7.4 1.9 0 2.6l-10.5 17.4c-.4.7-.1 1 .6.7l47.2-18.9c.8-.3.8-.7 0-1.1z" class="iconic-arrow-head iconic-arrow-head-fill-large-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line iconic-property-fill" d="M128 32l-24-24h-10l24 24-24 24h10z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-acute iconic-property-fill" d="M128 32l-32-24h-11l32 24-32 24h11z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-oblique iconic-property-fill" d="M128 32l-20-26h-10l20 26-20 26h10z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large iconic-property-fill" d="M128 32l-30-30h-11l30 30-30 30h11z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-acute iconic-property-fill" d="M128 32l-40-30h-12l40 30-40 30h12z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-oblique iconic-property-fill" d="M128 32l-24-32h-10l24 32-24 32h10z" display="none"/>
+  </g>
+  <g data-width="32" data-height="32" data-default-max-height="19" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 6) ">
+    <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-arrow-stem iconic-property-stroke" d="M0 9.5h29" fill="none"/>
+    <path d="M31.6 9.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-arrow-head iconic-arrow-head-fill iconic-property-fill"/>
+    <path d="M31.6 9.7l-8.1 4.1c-.2.1-.4 0-.4-.3v-8c0-.3.2-.4.4-.3l8.1 4.1c.2.1.2.3 0 .4z" class="iconic-arrow-head iconic-arrow-head-fill-acute iconic-property-fill" display="none"/>
+    <path d="M31.7 9.9l-4.3 4.8c-.2.2-.3.1-.3-.1v-10c0-.3.2-.3.3-.1l4.3 4.8c.1 0 .1.4 0 .6z" class="iconic-arrow-head iconic-arrow-head-fill-oblique iconic-property-fill" display="none"/>
+    <path d="M31.5 9.7l-9.1 4.1c-.3.1-.4 0-.3-.3l1.6-3.6c.1-.3.1-.7 0-.9l-1.6-3.6c-.1-.3 0-.4.3-.3l9.1 4.1c.3.2.3.4 0 .5z" class="iconic-arrow-head iconic-arrow-head-fill-angled iconic-property-fill" display="none"/>
+    <path d="M31.6 9.8l-8.2 5.9c-.2.2-.4.1-.4-.2v-12c0-.3.2-.4.4-.2l8.2 5.9c.2.2.2.4 0 .6z" class="iconic-arrow-head iconic-arrow-head-fill-large iconic-property-fill" display="none"/>
+    <path d="M31.6 9.7l-11.1 6c-.2.1-.4 0-.4-.3v-12c0-.3.2-.4.4-.3l11.1 6c.2.3.2.5 0 .6z" class="iconic-arrow-head iconic-arrow-head-fill-large-acute iconic-property-fill" display="none"/>
+    <path d="M31.7 9.9l-6.3 6.8c-.2.2-.3.1-.3-.1v-14c0-.3.2-.3.3-.1l6.3 6.8c.1 0 .1.4 0 .6z" class="iconic-arrow-head iconic-arrow-head-fill-large-oblique iconic-property-fill" display="none"/>
+    <path d="M31.5 9.7l-13.1 6.1c-.3.1-.4 0-.2-.2l2.6-5.6c.1-.3.1-.7 0-.9l-2.6-5.6c-.1-.3 0-.4.2-.2l13.1 6.1c.3 0 .3.2 0 .3z" class="iconic-arrow-head iconic-arrow-head-fill-large-angled iconic-property-fill" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line iconic-property-fill" d="M32 9.5l-7-6.5h-3.5l7 6.5-7 6.5h3.5z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-acute iconic-property-fill" d="M32 9.5l-9-6.5h-4l9 6.5-9 6.5h4z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-oblique iconic-property-fill" d="M32 9.5l-6-7.5h-3l6 7.5-6 7.5h3z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large iconic-property-fill" d="M32 9.5l-11-8.5h-4l11 8.5-11 8.5h4z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-acute iconic-property-fill" d="M32 9.5l-11-8.5h-4l11 8.5-11 8.5h4z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-oblique iconic-property-fill" d="M32 9.5l-7-9.5h-3.5l7 9.5-7 9.5h3.5z" display="none"/>
+  </g>
+  <g data-width="16" data-height="16" data-default-max-height="10" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 3)">
+    <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-arrow-stem iconic-property-stroke" d="M14 5h-14" fill="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill iconic-property-fill" d="M16 5l-3 3v-6z"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-acute iconic-property-fill" d="M16 5l-5 3v-6z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-oblique iconic-property-fill" d="M16 5l-3 4v-8z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-angled iconic-property-fill" d="M16 5l-6 3 2-3-2-3z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-large iconic-property-fill" d="M16 5l-4 4v-8z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-large-acute iconic-property-fill" d="M16 5l-7 4v-8z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-large-angled iconic-property-fill" d="M16 5l-8 4 2-4-2-4z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-fill-large-oblique iconic-property-fill" d="M16 5l-4 5v-10z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line iconic-property-fill" d="M16 5l-4-4h-2l4 4-4 4h2z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-acute iconic-property-fill" d="M16 5l-5-4h-2.5l5 4-5 4h2.5z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-oblique iconic-property-fill" d="M16 5l-3-4h-2l3 4-3 4h2z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large iconic-property-fill" d="M16 5l-5-5h-2.5l5 5-5 5h2.5z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-acute iconic-property-fill" d="M16 5l-6-5h-2.5l6 5-6 5h2.5z" display="none"/>
+    <path class="iconic-arrow-head iconic-arrow-head-line-large-oblique iconic-property-fill" d="M16 5l-4-5h-2l4 5-4 5h2z" display="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["arrow"]=iconicApis["arrow"]||function(t){function e(e){t.setAttribute("data-head",e);for(var i=t.querySelectorAll(".iconic-arrow-head"),n=0;n<i.length;n++)i[n].setAttribute("display","none");var r=".iconic-arrow-head-"+e,a=t.querySelectorAll(r);a.length||(a=t.querySelectorAll(".iconic-arrow-head-fill"));for(var c=0;c<a.length;c++)a[c].setAttribute("display","inline")}function i(e){t.setAttribute("data-direction",e);var i=0;switch(e){case"top":i=270;break;case"left":i=180;break;case"bottom":i=90;break;case"top-right":i=-45;break;case"top-left":i=-135;break;case"bottom-right":i=45;break;case"bottom-left":i=135;break;default:i=0}n.setAttribute("transform",["rotate("+i+" 64 64)","translate(0 32)"].join(" ")),r.setAttribute("transform",["scale(4)","rotate("+i+" 16 16)","translate(0 8)"].join(" ")),a.setAttribute("transform",["scale(8)","rotate("+i+" 8 8)","translate(0 4)"].join(" "))}var n=t.querySelector(".iconic-lg"),r=t.querySelector(".iconic-md"),a=t.querySelector(".iconic-sm"),c=function(){var n=t.getAttribute("data-head")||"";e(n);var r=t.getAttribute("data-direction")||"";i(r)};return{update:c,setHead:e,setDirection:i}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/audio-spectrum.svg b/app/javascript/iconic/svg/smart/audio-spectrum.svg
new file mode 100755
index 0000000..9865bb3
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/audio-spectrum.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-audio-spectrum" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Audio Spectrum</title>
+  </g>
+  <g class="iconic-audio-spectrum-lg iconic-container iconic-lg" data-width="120" data-height="92" display="inline" transform="translate(4 18)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-1 iconic-property-stroke" d="M4 42v8" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-2 iconic-property-stroke" d="M18 28v36" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-3 iconic-property-stroke" d="M32 20v52" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-mid iconic-audio-spectrum-frequency-4 iconic-property-stroke" d="M46 22v48" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-mid iconic-audio-spectrum-frequency-5 iconic-property-stroke" d="M60 4v84" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-mid iconic-audio-spectrum-frequency-6 iconic-property-stroke" d="M74 14v64" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-7 iconic-property-stroke" d="M88 26v40" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-8 iconic-property-stroke" d="M102 40v12" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-9 iconic-property-stroke" d="M116 44v4" fill="none" />
+  </g>
+  <g class="iconic-audio-spectrum-md iconic-container iconic-md" data-width="27" data-height="23" display="none" transform="scale(4) translate(2 4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-1 iconic-property-stroke" d="M1.5 10.5v2" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-2 iconic-property-stroke" d="M7.5 6.5v10" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-mid iconic-audio-spectrum-frequency-3 iconic-property-stroke" d="M13.5 1.5v20" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-4 iconic-property-stroke" d="M19.5 4.5v14" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-5 iconic-property-stroke" d="M25.5 9.5v4" fill="none" />
+  </g>
+  <g class="iconic-audio-spectrum-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-1 iconic-property-stroke" d="M1 7v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-low iconic-audio-spectrum-frequency-2 iconic-property-stroke" d="M5 3v10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-3 iconic-property-stroke" d="M9 1v14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-audio-spectrum-frequency iconic-audio-spectrum-frequency-high iconic-audio-spectrum-frequency-4 iconic-property-stroke" d="M13 6.031v3.969" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/audio.svg b/app/javascript/iconic/svg/smart/audio.svg
new file mode 100755
index 0000000..e9ab43d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/audio.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-audio" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Audio</title>
+  </g>
+  <g class="iconic-audio-lg iconic-container iconic-lg" data-width="128" data-height="90" display="inline" transform="translate(0 19)">
+    <circle cx="64" cy="45.255" r="10" class="iconic-audio-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M86.981 22.274c5.881 5.881 9.519 14.006 9.519 22.981s-3.638 17.1-9.519 22.981" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-right iconic-audio-wave-inner-right iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="8" d="M106.426 2.828c10.858 10.858 17.574 25.858 17.574 42.426s-6.716 31.569-17.574 42.426" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-right iconic-audio-wave-outer-right iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="8" d="M41.019 68.236c-5.881-5.881-9.519-14.006-9.519-22.981s3.638-17.1 9.519-22.981" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-left iconic-audio-wave-inner-left iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="8" d="M21.574 87.681c-10.858-10.858-17.574-25.858-17.574-42.426s6.716-31.569 17.574-42.426" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-left iconic-audio-wave-outer-left iconic-property-stroke"
+    fill="none" />
+  </g>
+  <g class="iconic-audio-md iconic-container iconic-md" data-width="32" data-height="22" display="none" transform="scale(4) translate(0 5)">
+    <circle cx="16" cy="11.314" r="3" class="iconic-audio-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M22.364 4.95c1.629 1.629 2.636 3.879 2.636 6.364s-1.007 4.735-2.636 6.364" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-right iconic-audio-wave-inner-right iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" d="M26.607.707c2.715 2.715 4.393 6.465 4.393 10.607s-1.679 7.892-4.393 10.607" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-right iconic-audio-wave-outer-right iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" d="M9.636 17.678c-1.629-1.629-2.636-3.879-2.636-6.364s1.007-4.735 2.636-6.364" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-left iconic-audio-wave-inner-left iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" d="M5.393 21.92c-2.714-2.715-4.393-6.465-4.393-10.607s1.679-7.892 4.393-10.607" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-left iconic-audio-wave-outer-left iconic-property-stroke" fill="none"
+    />
+  </g>
+  <g class="iconic-audio-sm iconic-container iconic-sm" data-width="16" data-height="11" display="none" transform="scale(8) translate(0 2)">
+    <circle cx="8" cy="5.657" r="2" class="iconic-audio-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" d="M11.182 2.475c.814.814 1.318 1.939 1.318 3.182s-.504 2.368-1.318 3.182" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-right iconic-audio-wave-inner-right iconic-property-stroke" fill="none" />
+    <path stroke="#000" d="M13.303.354c1.357 1.357 2.197 3.232 2.197 5.303s-.84 3.946-2.197 5.303" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-right iconic-audio-wave-outer-right iconic-property-stroke" fill="none" />
+    <path stroke="#000" d="M4.818 8.839c-.814-.814-1.318-1.939-1.318-3.182s.504-2.368 1.318-3.182" class="iconic-audio-wave iconic-audio-wave-inner iconic-audio-wave-left iconic-audio-wave-inner-left iconic-property-stroke" fill="none" />
+    <path stroke="#000" d="M2.697 10.96c-1.357-1.357-2.197-3.232-2.197-5.303s.84-3.946 2.197-5.303" class="iconic-audio-wave iconic-audio-wave-outer iconic-audio-wave-left iconic-audio-wave-outer-left iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/ban.svg b/app/javascript/iconic/svg/smart/ban.svg
new file mode 100755
index 0000000..070d3cf
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/ban.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ban" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Ban</title>
+  </g>
+  <g class="iconic-ban-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M107.841 20.159l-87.674 87.674" fill="none" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ban-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M26.59 5.41l-21.197 21.197" fill="none" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ban-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linejoin="round" class="iconic-ban-strike iconic-property-accent iconic-property-stroke" d="M13 3l-10 10" fill="none" />
+    <circle stroke="#000" stroke-width="2" stroke-linejoin="round" cx="8" cy="8" r="7" class="iconic-ban-circle iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bar-chart.svg b/app/javascript/iconic/svg/smart/bar-chart.svg
new file mode 100755
index 0000000..bcf9a59
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bar-chart.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bar-chart" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bar Chart</title>
+  </g>
+  <g class="iconic-bar-chart-lg iconic-container iconic-lg" data-width="128" data-height="112" display="inline" transform="translate(0 8)">
+    <path stroke="#000" stroke-width="12" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-5 iconic-property-accent iconic-property-stroke" d="M116 102v-60" fill="none" />
+    <path stroke="#000" stroke-width="12" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-4 iconic-property-accent iconic-property-stroke" d="M92 102v-70" fill="none" />
+    <path stroke="#000" stroke-width="12" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-3 iconic-property-accent iconic-property-stroke" d="M68 102v-88" fill="none" />
+    <path stroke="#000" stroke-width="12" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-2 iconic-property-accent iconic-property-stroke" d="M44 102v-50" fill="none" />
+    <path stroke="#000" stroke-width="12" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-1 iconic-property-accent iconic-property-stroke" d="M20 102v-38" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-11 iconic-property-stroke" d="M1 1h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-10 iconic-property-stroke" d="M1 11h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-9 iconic-property-stroke" d="M1 21h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-8 iconic-property-stroke" d="M1 31h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-7 iconic-property-stroke" d="M1 41h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-6 iconic-property-stroke" d="M1 51h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-5 iconic-property-stroke" d="M1 61h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-4 iconic-property-stroke" d="M1 71h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-3 iconic-property-stroke" d="M1 81h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-2 iconic-property-stroke" d="M1 91h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-1 iconic-property-stroke" d="M1 101h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-bar-chart-axes iconic-property-stroke" d="M127 111h-126v-110" fill="none" />
+  </g>
+  <g class="iconic-bar-chart-md iconic-container iconic-md" data-width="32" data-height="25" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="5" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-3 iconic-property-accent iconic-property-stroke" d="M25.5 20.5v-10" fill="none" />
+    <path stroke="#000" stroke-width="5" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-2 iconic-property-accent iconic-property-stroke" d="M17.5 20.5v-15" fill="none" />
+    <path stroke="#000" stroke-width="5" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-1 iconic-property-accent iconic-property-stroke" d="M9.5 20.5v-6" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-8 iconic-property-stroke" d="M.5.5h2" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-7 iconic-property-stroke" d="M.5 3.5h1" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-6 iconic-property-stroke" d="M.5 6.5h2" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-5 iconic-property-stroke" d="M.5 9.5h1" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-4 iconic-property-stroke" d="M.5 12.5h2" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-3 iconic-property-stroke" d="M.5 15.5h1" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-major iconic-bar-chart-tick-2 iconic-property-stroke" d="M.5 18.5h2" fill="none" />
+    <path stroke="#000" stroke-width=".985" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-minor iconic-bar-chart-tick-1 iconic-property-stroke" d="M.5 21.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-axes iconic-property-stroke" d="M31.5 24.5h-31v-24" fill="none" />
+  </g>
+  <g class="iconic-bar-chart-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-3 iconic-property-accent iconic-property-stroke" d="M13.5 12.5v-6" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-2 iconic-property-accent iconic-property-stroke" d="M9.5 12.5v-8" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-bar-chart-bar iconic-bar-chart-bar-1 iconic-property-accent iconic-property-stroke" d="M5.5 12.5v-4" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-5 iconic-property-stroke" d="M.5.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-4 iconic-property-stroke" d="M.5 3.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-3 iconic-property-stroke" d="M.5 6.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-2 iconic-property-stroke" d="M.5 9.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-tick iconic-bar-chart-tick-1 iconic-property-stroke" d="M.5 12.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-bar-chart-axes iconic-property-stroke" d="M15.5 15.5h-15v-15" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/barcode.svg b/app/javascript/iconic/svg/smart/barcode.svg
new file mode 100755
index 0000000..3f4df15
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/barcode.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-barcode" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Barcode</title>
+  </g>
+  <g class="iconic-barcode-lg iconic-container iconic-lg" data-width="128" data-height="80" display="inline" transform="translate(0 24)">
+    <path class="iconic-barcode-bar iconic-barcode-bar-21 iconic-property-fill" d="M126 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-20 iconic-property-fill" d="M122 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-19 iconic-property-fill" d="M112 0h8v80h-8z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-18 iconic-property-fill" d="M108 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-17 iconic-property-fill" d="M102 0h4v80h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-16 iconic-property-fill" d="M98 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-15 iconic-property-fill" d="M84 0h12v80h-12z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-14 iconic-property-fill" d="M78 0h4v80h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-13 iconic-property-fill" d="M74 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-12 iconic-property-fill" d="M64 0h8v80h-8z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-11 iconic-property-fill" d="M60 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-10 iconic-property-fill" d="M54 0h4v80h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-9 iconic-property-fill" d="M50 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-8 iconic-property-fill" d="M46 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-7 iconic-property-fill" d="M42 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-6 iconic-property-fill" d="M34 0h6v80h-6z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-5 iconic-property-fill" d="M30 0h2v80h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-4 iconic-property-fill" d="M22 0h6v80h-6z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-3 iconic-property-fill" d="M16 0h4v80h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-2 iconic-property-fill" d="M4 0h10v80h-10z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-1 iconic-property-fill" d="M0 0h2v80h-2z" />
+  </g>
+  <g class="iconic-barcode-md iconic-container iconic-md" data-width="32" data-height="20" display="none" transform="scale(4) translate(0 6)">
+    <path class="iconic-barcode-bar iconic-barcode-bar-12 iconic-property-fill" d="M31 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-11 iconic-property-fill" d="M28 0h2v20h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-10 iconic-property-fill" d="M26 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-9 iconic-property-fill" d="M21 0h4v20h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-8 iconic-property-fill" d="M19 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-7 iconic-property-fill" d="M17 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-6 iconic-property-fill" d="M15 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-5 iconic-property-fill" d="M12 0h2v20h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-4 iconic-property-fill" d="M10 0h1v20h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-3 iconic-property-fill" d="M7 0h2v20h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-2 iconic-property-fill" d="M2 0h4v20h-4z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-1 iconic-property-fill" d="M0 0h1v20h-1z" />
+  </g>
+  <g class="iconic-barcode-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path class="iconic-barcode-bar iconic-barcode-bar-7 iconic-property-fill" d="M15 0h1v10h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-6 iconic-property-fill" d="M13 0h1v10h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-5 iconic-property-fill" d="M10 0h2v10h-2z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-4 iconic-property-fill" d="M8 0h1v10h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-3 iconic-property-fill" d="M6 0h1v10h-1z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-2 iconic-property-fill" d="M2 0h3v10h-3z" />
+    <path class="iconic-barcode-bar iconic-barcode-bar-1 iconic-property-fill" d="M0 0h1v10h-1z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/basket.svg b/app/javascript/iconic/svg/smart/basket.svg
new file mode 100755
index 0000000..62d5b46
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/basket.svg
@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-basket" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Basket</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-basket-clip-0">
+      <path d="M98.882 42.513c1.926 2.696 1.302 6.444-1.395 8.37-1.057.755-2.275 1.118-3.482 1.118-1.872 0-3.716-.874-4.887-2.513l-5.348-7.487h-39.539l-5.348 7.487c-1.171 1.64-3.016 2.513-4.887 2.513-1.207 0-2.425-.363-3.482-1.118-2.697-1.926-3.321-5.673-1.395-8.37l.366-.513h-29.484v68h128v-68h-29.484l.366.513zm-58.347 57.414c-.179.049-.359.073-.536.073-.876 0-1.68-.58-1.926-1.465l-10-36c-.295-1.064.328-2.167 1.392-2.462 1.063-.293 2.167.328 2.462 1.392l10 36c.295 1.064-.328 2.166-1.392 2.462zm15.685.061c-.075.008-.149.012-.223.012-1.006 0-1.872-.756-1.985-1.779l-4-36c-.122-1.098.669-2.086 1.767-2.208 1.094-.12 2.086.669 2.208 1.767l4 36c.122 1.098-.669 2.086-1.767 2.209zm21.767-37.767l-4 36c-.114 1.023-.979 1.779-1.985 1.779-.074 0-.148-.004-.223-.012-1.098-.122-1.889-1.111-1.767-2.208l4-36c.122-1.098 1.111-1.887 2.208-1.767 1.098.122 1.889 1.111 1.767 2.209zm21.939.315l-10 36c-.246.885-1.05 1.465-1.926 1.465-.177 0-.357-.024-.536-.073-1.065-.296-1.688-1.398-1.392-2.462l10-36c.296-1.065 1.397-1.685 2.462-1.392 1.064.296 1.688 1.398 1.392 2.462z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-basket-clip-1">
+      <path d="M61.942 0l-31.197 43.675c-1.284 1.798-.868 4.296.93 5.58.703.502 1.513.744 2.315.745h.011c1.247-.001 2.474-.583 3.254-1.675l34.518-48.325h-9.832zm-27.942 48c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-basket-clip-2">
+      <path d="M74.231 0l-35.348 49.487c-.13.182-.271.35-.416.513h61.533v-50h-25.769zm19.769 48c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-basket-clip-0">
+      <path d="M25.946 12c.191.938-.164 1.942-.993 2.534-.441.315-.948.466-1.451.466-.78 0-1.548-.364-2.036-1.047l-1.395-1.953h-8.142l-1.395 1.953c-.488.683-1.256 1.047-2.036 1.047-.503 0-1.011-.151-1.451-.466-.829-.592-1.184-1.597-.993-2.534h-6.054v18h32v-18h-6.054zm-17.325 14.985c-.04.01-.081.015-.122.015-.224 0-.428-.151-.484-.379l-2-8c-.067-.268.096-.539.364-.606.266-.07.539.095.606.364l2 8c.067.268-.096.539-.364.606zm4.941.011c-.021.002-.042.004-.063.004-.248 0-.464-.185-.496-.438l-1-8c-.034-.274.16-.524.434-.558.278-.034.523.16.558.434l1 8c.034.274-.16.524-.434.558zm5.434-.434c-.032.253-.247.438-.496.438-.021 0-.042-.002-.063-.004-.274-.034-.468-.284-.434-.558l1-8c.034-.274.285-.468.558-.434.274.034.468.284.434.558l-1 8zm6.989-7.941l-2 8c-.057.228-.26.379-.484.379-.04 0-.081-.005-.122-.015-.268-.067-.431-.338-.364-.606l2-8c.066-.269.336-.434.606-.364.268.067.431.338.364.606z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-basket-clip-1">
+      <path d="M17.986 0c.628.832.699 1.999.079 2.908l-7.5 11c-.484.71-1.269 1.092-2.068 1.092h17.502v-15h-8.014z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-basket-clip-0">
+      <path d="M12.993 7c-.001.678-.34 1.34-.964 1.715-.322.193-.677.286-1.027.286-.68 0-1.342-.347-1.717-.972l-.617-1.029h-1.336l-.617 1.029c-.375.625-1.037.972-1.717.972-.35 0-.705-.092-1.027-.286-.624-.375-.963-1.036-.964-1.715h-3.007v9h16v-9h-3.007zm-6.993 6.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5s.5.224.5.5v2zm5 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5s.5.224.5.5v2z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-basket-clip-1">
+      <path d="M13 0v9h-6v-1.447l2.715-4.525c.568-.947.261-2.175-.686-2.744l3.971-.285z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-basket-lg iconic-container iconic-lg" data-width="128" data-height="110" display="inline" transform="translate(0 9)">
+    <path d="M101 110h-74c-1.657 0-3.364-1.293-3.812-2.888l-16.376-58.224c-.449-1.595.531-2.888 2.188-2.888h110c1.657 0 2.636 1.293 2.188 2.888l-16.375 58.224c-.449 1.595-2.155 2.888-3.812 2.888z" clip-path="url(#iconic-size-lg-basket-clip-0)" class="iconic-basket-body iconic-property-fill"
+    />
+    <path d="M126.5 50h-125c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" clip-path="url(#iconic-size-lg-basket-clip-0)" class="iconic-basket-lip iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-basket-clip-1)" stroke="#000" stroke-width="8" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-left iconic-property-accent iconic-property-stroke" d="M34 46l30-42" fill="none" />
+    <path clip-path="url(#iconic-size-lg-basket-clip-2)" stroke="#000" stroke-width="8" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-right iconic-property-accent iconic-property-stroke" d="M94 46l-30-42" fill="none" />
+  </g>
+  <g class="iconic-basket-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path clip-path="url(#iconic-size-md-basket-clip-0)" d="M25.5 30h-19c-.276 0-.554-.217-.621-.485l-3.757-15.03c-.067-.268.103-.485.379-.485h27c.276 0 .446.217.379.485l-3.757 15.03c-.067.268-.345.485-.621.485z" class="iconic-basket-body iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-md-basket-clip-0)" d="M31.5 15h-31c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-basket-lip iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-basket-clip-1)" stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-right iconic-property-accent iconic-property-stroke" d="M23.5 12.5l-7.5-11" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-left iconic-property-accent iconic-property-stroke" d="M8.5 12.5l7.5-11" fill="none" />
+  </g>
+  <g class="iconic-basket-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-basket-clip-0)" class="iconic-basket-body iconic-property-fill" d="M13 16h-10l-2-8h14z" />
+    <path clip-path="url(#iconic-size-sm-basket-clip-0)" class="iconic-basket-lip iconic-property-fill" d="M0 7h16v2h-16z" />
+    <path clip-path="url(#iconic-size-sm-basket-clip-1)" stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-right iconic-property-accent iconic-property-stroke" d="M11 7l-3-5" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-basket-handle iconic-basket-handle-left iconic-property-accent iconic-property-stroke" d="M5 7l3-5" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/battery.svg b/app/javascript/iconic/svg/smart/battery.svg
new file mode 100755
index 0000000..003971c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/battery.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-battery" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Battery</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-battery-clip-0">
+      <path d="M0 0v64h118v-64h-118zm112 58h-106v-52h106v52z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-battery-clip-0">
+      <path d="M0 0v16h29v-16h-29zm27 14h-25v-12h25v12z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-battery-clip-0">
+      <path d="M0 0v10h14v-10h-14zm13 9h-12v-8h12v8z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-battery-lg iconic-container iconic-lg" data-width="128" data-height="64" display="inline" transform="translate(0 32)">
+    <path d="M117.5 18h9c.828 0 1.5.672 1.5 1.5v25c0 .828-.672 1.5-1.5 1.5h-9c-.828 0-1.5-.672-1.5-1.5v-25c0-.828.672-1.5 1.5-1.5z" class="iconic-battery-terminal iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-battery-clip-0)" d="M115 64h-112c-1.657 0-3-1.343-3-3v-58c0-1.657 1.343-3 3-3h112c1.657 0 3 1.343 3 3v58c0 1.657-1.343 3-3 3z" class="iconic-battery-casing iconic-property-fill" />
+    <path class="iconic-battery-charge-amount iconic-property-fill" d="M6 6h106v52h-106z" />
+    <path display="none" fill="#fff" class="iconic-battery-charge-indicator iconic-property-fill" d="M18 36l-6 10h4v6l6-10h-4z" />
+    <text transform="translate(24 50.343)" display="none" fill="#fff" font-family="'HelveticaNeue-Bold'" font-size="18" class="iconic-battery-charge-amount-percent iconic-property-fill iconic-property-text">100%</text>
+  </g>
+  <g class="iconic-battery-md iconic-container iconic-md" data-width="32" data-height="16" display="none" transform="scale(4) translate(0 8)">
+    <path d="M25.5 4h6c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5h-6c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5z" class="iconic-battery-terminal iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-battery-clip-0)" d="M28 16h-27c-.552 0-1-.448-1-1v-14c0-.552.448-1 1-1h27c.552 0 1 .448 1 1v14c0 .552-.448 1-1 1z" class="iconic-battery-casing iconic-property-fill" />
+    <path class="iconic-battery-charge-amount iconic-property-fill" d="M2 2h25v12h-25z" />
+    <path display="none" fill="#fff" class="iconic-battery-charge-indicator iconic-property-fill" d="M7 4l-3 5h2v3l3-5h-2z" />
+  </g>
+  <g class="iconic-battery-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path d="M12.25 3h3.5c.138 0 .25.112.25.25v3.5c0 .138-.112.25-.25.25h-3.5c-.138 0-.25-.112-.25-.25v-3.5c0-.138.112-.25.25-.25z" class="iconic-battery-terminal iconic-property-fill" />
+    <path class="iconic-battery-charge-amount iconic-property-fill" d="M1 1h12v8h-12z" />
+    <path display="none" fill="#fff" class="iconic-battery-charge-indicator iconic-property-fill" d="M5 1l-3 5h2v3l3-5h-2z" />
+    <path clip-path="url(#iconic-size-sm-battery-clip-0)" d="M13.75 10h-13.5c-.138 0-.25-.112-.25-.25v-9.5c0-.138.112-.25.25-.25h13.5c.138 0 .25.112.25.25v9.5c0 .138-.112.25-.25.25z" class="iconic-battery-casing iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/beaker.svg b/app/javascript/iconic/svg/smart/beaker.svg
new file mode 100755
index 0000000..a13fce1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/beaker.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-beaker" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Beaker</title>
+  </g>
+  <g class="iconic-beaker-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M123.657 112.343l-21.346-30.343h-28.334c.633-.838 1.023-1.869 1.023-3 0-2.761-2.239-5-5-5s-5 2.239-5 5c0 1.131.39 2.162 1.023 3h-40.023l-21.657 30.343c-1.448 1.448-2.343 3.448-2.343 5.657s.895 4.209 2.343 5.657c1.448 1.448 3.448 2.343 5.657 2.343h108c2.209 0 4.209-.895 5.657-2.343 1.448-1.448 2.343-3.448 2.343-5.657s-.895-4.209-2.343-5.657zm-62.657-12.343c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm8 12c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+    class="iconic-beaker-fluid iconic-property-fill" />
+    <circle cx="60" cy="68" r="2" class="iconic-beaker-fluid iconic-beaker-fluid-bubble iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-7 iconic-property-accent iconic-property-stroke" d="M95 73h-10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-6 iconic-property-accent iconic-property-stroke" d="M88 63h-9" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-5 iconic-property-accent iconic-property-stroke" d="M81 53h-8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-4 iconic-property-accent iconic-property-stroke" d="M81 43h-8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-3 iconic-property-accent iconic-property-stroke" d="M81 33h-8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-2 iconic-property-accent iconic-property-stroke" d="M81 23h-8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-1 iconic-property-accent iconic-property-stroke" d="M81 13h-8" fill="none" />
+    <path stroke="#000" stroke-width="4" d="M46 2v50.686l-41.657 59.657c-1.27 1.657-2.343 3.448-2.343 5.657s.895 4.209 2.343 5.657 3.448 2.343 5.657 2.343h108c2.209 0 4.209-.895 5.657-2.343s2.343-3.448 2.343-5.657-1.075-4-2.343-5.657l-41.657-59.657v-50.686h-36z"
+    class="iconic-beaker-glass iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-beaker-glass iconic-beaker-glass-rim iconic-property-stroke" d="M42 2h44" fill="none" />
+  </g>
+  <g class="iconic-beaker-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M30.621 26.379l-4.871-6.379h-7.027c.172-.295.277-.634.277-1 0-1.105-.895-2-2-2s-2 .895-2 2c0 .366.105.705.277 1h-9.52l-4.379 6.379c-.543.543-.879 1.293-.879 2.121s.336 1.578.879 2.121c.543.543 1.293.879 2.121.879h25c.828 0 1.578-.336 2.121-.879.543-.543.879-1.293.879-2.121s-.336-1.578-.879-2.121zm-17.621-1.379c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm2.5 3c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z"
+    class="iconic-beaker-fluid iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-4 iconic-property-accent iconic-property-stroke" d="M23.5 16.5h-3" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-3 iconic-property-accent iconic-property-stroke" d="M20.5 12.5h-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-2 iconic-property-accent iconic-property-stroke" d="M20.5 8.5h-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-beaker-measure-line iconic-beaker-measure-line-1 iconic-property-accent iconic-property-stroke" d="M20.5 4.5h-2" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M3.5 31c-.668 0-1.295-.26-1.768-.732s-.732-1.1-.732-1.768.332-1.245.732-1.768l9.268-14.268v-11.464h10v11.464l9.268 14.268c.401.525.732 1.099.732 1.767s-.26 1.295-.732 1.768-1.1.732-1.768.732h-25z" class="iconic-beaker-glass iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-beaker-glass iconic-beaker-glass-rim iconic-property-stroke" d="M9.5 1h13" fill="none" />
+  </g>
+  <g class="iconic-beaker-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M14.914 12.086l-1.497-2.086h-3.417c0-.552-.448-1-1-1s-1 .448-1 1h-5.458l-1.455 2.086c-.378.377-.587.879-.587 1.414s.208 1.038.586 1.414c.377.378.879.586 1.414.586h11c.535 0 1.038-.208 1.414-.586.378-.377.586-.879.586-1.414 0-.535-.21-1.04-.586-1.414z"
+    class="iconic-beaker-fluid iconic-property-fill" />
+    <path stroke="#000" d="M2.5 15.5c-.552 0-1.052-.224-1.414-.586-.362-.362-.586-.862-.586-1.414s.224-1.052.586-1.414l4.414-6.586v-5h5v5l4.414 6.586c.362.362.586.862.586 1.414s-.224 1.052-.586 1.414c-.362.362-.862.586-1.414.586h-11z" class="iconic-beaker-glass iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-beaker-glass iconic-beaker-glass-rim iconic-property-stroke" d="M4.5.5h7" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bell.svg b/app/javascript/iconic/svg/smart/bell.svg
new file mode 100755
index 0000000..10dd239
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bell.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bell" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bell</title>
+  </g>
+  <g class="iconic-bell-lg iconic-container iconic-lg" data-width="112" data-height="128" display="inline" transform="translate(8)">
+    <circle cx="56" cy="6" r="6" class="iconic-bell-crown iconic-property-fill" />
+    <path d="M100 82.033c-14.828-10.22-16-24.339-16-39.934v-4.098c0-15.464-12.536-28-28-28s-28 12.536-28 28v4.098c0 15.595-1.172 29.714-16 39.934-7.414 5.11-12 12.169-12 19.967v2h112v-2c0-7.798-4.586-14.857-12-19.967z" class="iconic-bell-body iconic-property-fill"
+    />
+    <path d="M41.174 106c-.751 1.854-1.174 3.877-1.174 6 0 8.836 7.163 16 16 16s16-7.163 16-16c0-2.123-.423-4.146-1.174-6h-29.652z" class="iconic-bell-clapper iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-bell-md iconic-container iconic-md" data-width="28" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path d="M10 28c0 2.209 1.791 4 4 4s4-1.791 4-4h-8z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
+    <circle cx="14" cy="2" r="2" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
+    <path d="M27.972 25.622c-.139-1.798-1.24-3.42-2.972-4.614-3.707-2.555-4-6.085-4-9.984v-1.025c0-3.866-3.134-7-7-7s-7 3.134-7 7v1.025c0 3.899-.293 7.429-4 9.984-1.732 1.194-2.834 2.816-2.972 4.614h-.007v.094c-.005.095-.021.188-.021.284h.021v1h27.979v-1.378h-.028z"
+    class="iconic-bell-body iconic-property-fill" />
+  </g>
+  <g class="iconic-bell-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path d="M5 14c0 1.105.895 2 2 2s2-.895 2-2h-4z" class="iconic-bell-clapper iconic-property-force-fill iconic-property-accent iconic-property-fill" />
+    <circle cx="7" cy="1" r="1" class="iconic-bell-crown iconic-property-force-fill iconic-property-fill" />
+    <path d="M0 13c0-1.04.509-1.981 1.333-2.662 1.648-1.363 1.667-3.245 1.667-5.325v-.013c0-2.209 1.791-4 4-4s4 1.791 4 4v.013c0 2.079.019 3.962 1.667 5.325.824.681 1.333 1.623 1.333 2.662h-14z" class="iconic-bell-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bitcoin-address.svg b/app/javascript/iconic/svg/smart/bitcoin-address.svg
new file mode 100755
index 0000000..5e54cf1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bitcoin-address.svg
@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bitcoin-address" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bitcoin Address</title>
+  </g>
+  <g class="iconic-bitcoin-address-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="4" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-outer iconic-property-stroke" d="M2 2h36v36h-36z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-inner iconic-property-fill" d="M12 12h16v16h-16z" />
+    <path stroke="#000" stroke-width="4" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-outer iconic-property-stroke" d="M90 2h36v36h-36z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-inner iconic-property-fill" d="M100 12h16v16h-16z" />
+    <path stroke="#000" stroke-width="4" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-outer iconic-property-stroke" d="M2 90h36v36h-36z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-inner iconic-property-fill" d="M12 100h16v16h-16z" />
+    <path d="M52 56v-4h4v8h-4v-4zm8 36v-4h-4v4h4zm8 28h-4v4h4v-4zm0-120h-4v4h4v-4zm0 64h4v-4h-4v4zm4-4h4v-8h-4v8zm-16-44v-4h-8v8h4v-4h4zm-8 8h-4v4h8v-4h-4zm24-8v-4h-4v4h4zm12-4h-4v4h4v-4zm-4-8h4v-4h-12v4h4v8h4v-8zm-44 72v-4h-4v4h-4v4h12v4h4v-8h-8zm52-32v4h-4v4h-4v-4h-4v-4h-4v8h-4v-4h-4v-8h-4v4h-4v4h-4v-4h-4v-4h-4v-4h8v4h4v-4h-4v-8h4v-4h-4v-4h8v4h4v-4h-4v-8h-4v-4h4v-4h4v4h4v4h-4v4h4v4h4v-4h8v8h-4v8h4v4h-4v4h4v4h8zm-20-20v4h4v-4h-4zm4 16v-8h-4v8h4zm16 12h4v-4h-4v4zm-68 8v-4h4v-4h-8v4h-4v4h-4v-4h-8v8h4v4h4v4h4v-8h4v-4h4zm-8-8h-4v4h4v-4zm-8-4v-4h-4v8h8v-4h-4zm8 4h4v-8h-8v4h4v4zm8-8v4h4v-4h-4zm4 28v4h4v-4h-4zm-16 0h-4v4h4v-4zm-8-4v4h4v-4h-4zm12 12h-8v-4h-4v8h16v-4h4v-4h-4v-4h-4v8zm44-16v8h-12v4h12v4h8v4h4v-4h4v-4h-4v-8h-4v-4h-4v-4h-4v4zm12-12h-4v-4h-4v12h8v-8zm4 36h-8v8h-4v4h4v4h-4v-4h-4v8h4v4h-4v8h4v-4h4v-4h8v-8h4v-8h-4v4h-4v-4h4v-4h4v-12h-4v8zm-20 20v4h4v-4h-4zm0-8h4v-8h-4v4h-4v4h-4v4h4v4h4v-8zm0 24h4v-4h-4v4zm8 4h4v-4h-8v4h4zm12-12h-4v4h4v-4zm-44-48v4h4v-8h4v4h4v-4h4v4h8v-4h-4v-12h4v-4h-8v12h-4v-4h-4v-4h4v-8h-4v4h-12v4h8v4h-8v4h-4v4h-4v4h4v4h4v-4h4zm36 16h-4v4h4v-4zm-8 0h-4v4h4v-4zm-8 4h-4v4h8v-4h-4zm-4 24h4v-4h-4v4zm4 8h4v-4h-8v12h8v-4h-4v-4zm24 8h4v-8h-4v8zm20-84v4h4v-4h-4zm-8-16h-4v4h4v-4zm0 12v-4h-4v4h4zm-32-32v-4h4v-4h-12v12h4v-4h4z"
+    class="iconic-bitcoin-address-binary iconic-property-fill" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M96 118h8v10h-8z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M112 118h8v10h-8z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M96 56h8v10h-8z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M112 56h8v10h-8z" />
+    <path d="M128 112h-8v-16h8v16zm-8-40v-8h-40v8h8v40h-8v8h40v-8h-24v-16h24v-8h-24v-16h24zm8 0h-8v16h8v-16z" class="iconic-bitcoin-address-b iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-bitcoin-address-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-outer iconic-property-stroke" d="M.5.5h9v9h-9z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-inner iconic-property-fill" d="M3 3h4v4h-4z" />
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-outer iconic-property-stroke" d="M22.5.5h9v9h-9z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-inner iconic-property-fill" d="M25 3h4v4h-4z" />
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-outer iconic-property-stroke" d="M.5 22.5h9v9h-9z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-inner iconic-property-fill" d="M3 25h4v4h-4z" />
+    <path d="M13 14v-1h1v2h-1v-1zm2 9v-1h-1v1h1zm2 7h-1v1h1v-1zm0-30h-1v1h1v-1zm0 16h1v-1h-1v1zm1-1h1v-2h-1v2zm-4-11v-1h-2v2h1v-1h1zm-2 2h-1v1h2v-1h-1zm6-2v-1h-1v1h1zm3-1h-1v1h1v-1zm-1-2h1v-1h-3v1h1v2h1v-2zm-11 18v-1h-1v1h-1v1h3v1h1v-2h-2zm13-8v1h-1v1h-1v-1h-1v-1h-1v2h-1v-1h-1v-2h-1v1h-1v1h-1v-1h-1v-1h-1v-1h2v1h1v-1h-1v-2h1v-1h-1v-1h2v1h1v-1h-1v-2h-1v-1h1v-1h1v1h1v1h-1v1h1v1h1v-1h2v2h-1v2h1v1h-1v1h1v1h2zm-5-5v1h1v-1h-1zm1 4v-2h-1v2h1zm4 3h1v-1h-1v1zm-17 2v-1h1v-1h-2v1h-1v1h-1v-1h-2v2h1v1h1v1h1v-2h1v-1h1zm-2-2h-1v1h1v-1zm-2-1v-1h-1v2h2v-1h-1zm2 1h1v-2h-2v1h1v1zm2-2v1h1v-1h-1zm1 7v1h1v-1h-1zm-4 0h-1v1h1v-1zm-2-1v1h1v-1h-1zm3 3h-2v-1h-1v2h4v-1h1v-1h-1v-1h-1v2zm11-4v2h-3v1h3v1h2v1h1v-1h1v-1h-1v-2h-1v-1h-1v-1h-1v1zm3-3h-1v-1h-1v3h2v-2zm1 9h-2v2h-1v1h1v1h-1v-1h-1v2h1v1h-1v2h1v-1h1v-1h2v-2h1v-2h-1v1h-1v-1h1v-1h1v-3h-1v2zm-5 5v1h1v-1h-1zm0-2h1v-2h-1v1h-1v1h-1v1h1v1h1v-2zm0 6h1v-1h-1v1zm2 1h1v-1h-2v1h1zm3-3h-1v1h1v-1zm-11-12v1h1v-2h1v1h1v-1h1v1h2v-1h-1v-3h1v-1h-2v3h-1v-1h-1v-1h1v-2h-1v1h-3v1h2v1h-2v1h-1v1h-1v1h1v1h1v-1h1zm9 4h-1v1h1v-1zm-2 0h-1v1h1v-1zm-2 1h-1v1h2v-1h-1zm-1 6h1v-1h-1v1zm1 2h1v-1h-2v3h2v-1h-1v-1zm6 2h1v-2h-1v2zm5-21v1h1v-1h-1zm-2-4h-1v1h1v-1zm0 3v-1h-1v1h1zm-8-8v-1h1v-1h-3v3h1v-1h1z"
+    class="iconic-bitcoin-address-binary iconic-property-fill" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M24 29h2v3h-2z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M28 29h2v3h-2z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M24 14h2v3h-2z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M28 14h2v3h-2z" />
+    <path d="M32 28h-2v-4h2v4zm-2-10v-2h-10v2h2v10h-2v2h10v-2h-6v-4h6v-2h-6v-4h6zm2 0h-2v4h2v-4z" class="iconic-bitcoin-address-b iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-bitcoin-address-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-outer iconic-property-stroke" d="M.5.5h5v5h-5z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-left iconic-bitcoin-address-square-top-left-inner iconic-property-fill" d="M2 2h2v2h-2z" />
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-outer iconic-property-stroke" d="M10.5.5h5v5h-5z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-top-right iconic-bitcoin-address-square-top-right-inner iconic-property-fill" d="M12 2h2v2h-2z" />
+    <path stroke="#000" class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-outer iconic-property-stroke" d="M.5 10.5h5v5h-5z" fill="none" />
+    <path class="iconic-bitcoin-address-square iconic-bitcoin-address-square-bottom-left iconic-bitcoin-address-square-bottom-left-inner iconic-property-fill" d="M2 12h2v2h-2z" />
+    <path d="M8 8v2h-1v-1h-3v-1h-1v-1h2v1h1v-1h1v1h1zm1-4v-2h-1v1h-1v2h1v-1h1zm-7 5h1v-1h-1v1zm-2 0h1v-1h1v-1h-2v2zm9 7v-1h-1v1h1zm0-16h-1v1h1v-1zm-2 1v1h1v-1h-1zm1 7h1v-3h-1v1h-1v1h1v1zm1 3v-1h-1v1h-1v4h1v-1h1v-1h-1v-1h2v-1h-1z" class="iconic-bitcoin-address-binary iconic-property-fill"
+    />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M12 14h1v2h-1z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-bottom iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M14 14h1v2h-1z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-left iconic-property-accent iconic-property-fill" d="M12 7h1v2h-1z" />
+    <path class="iconic-bitcoin-address-strike iconic-bitcoin-address-strike-top iconic-bitcoin-address-strike-right iconic-property-accent iconic-property-fill" d="M14 7h1v2h-1z" />
+    <path d="M16 14h-1v-2h1v2zm0-5h-1v2h1v-2zm-1 0v-1h-5v1h1v5h-1v1h5v-1h-3v-2h3v-1h-3v-2h3z" class="iconic-bitcoin-address-b iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bitcoin-block.svg b/app/javascript/iconic/svg/smart/bitcoin-block.svg
new file mode 100755
index 0000000..2509e11
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bitcoin-block.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bitcoin-block" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bitcoin Block</title>
+  </g>
+  <g class="iconic-bitcoin-block-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M32 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M48 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M32 110v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M48 110v18" fill="none" />
+    <path d="M63.382 58.419c5.266-4.402 8.618-11.018 8.618-18.419 0-12.671-9.822-23.042-22.267-23.931v-.069h-49.733v6h8c3.314 0 6 2.686 6 6v72c0 3.314-2.686 6-6 6h-8v6h53v-.025c15-.528 27-12.846 27-27.975 0-11.41-6.828-21.218-16.618-25.581zm-35.382-36.419h15c9.389 0 17 7.611 17 17s-7.611 17-17 17h-15v-34zm16.533 84h-16.533v-44h16.533c12.15 0 22 9.85 22 22s-9.85 22-22 22z"
+    class="iconic-bitcoin-block-b iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-block-block iconic-property-stroke" d="M92 46h32v32h-32z" fill="none" />
+  </g>
+  <g class="iconic-bitcoin-block-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M8 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M12 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M8 26v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M12 26v6" fill="none" />
+    <path d="M16.5 14.5c.928-.985 1.5-2.541 1.5-4 0-3.038-2.462-5.5-5.5-5.5h-12.5v2h2c1.105 0 2 .895 2 2v14c0 1.105-.895 2-2 2h-2v2h13.5c3.59 0 6.5-2.91 6.5-6.5 0-2.507-1.421-4.916-3.5-6zm-6-7.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5h-2.5v-7h2.5zm1 18h-3.5v-9h3.5c2.485 0 4.5 2.015 4.5 4.5s-2.015 4.5-4.5 4.5z"
+    class="iconic-bitcoin-block-b iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-block-block iconic-property-stroke" d="M23 12h8v8h-8z" fill="none" />
+  </g>
+  <g class="iconic-bitcoin-block-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M3.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-top iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M5.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-left iconic-property-accent iconic-property-stroke" d="M3.5 12.5v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-block-strike iconic-bitcoin-block-strike-bottom iconic-bitcoin-block-strike-right iconic-property-accent iconic-property-stroke" d="M5.5 12.5v3.5" fill="none" />
+    <path d="M7.252 7.281c.461-.454.748-1.083.748-1.781 0-1.381-1.119-2.5-2.5-2.5h-5.5v1c.552 0 1 .448 1 1v6c0 .552-.448 1-1 1v1h6c1.657 0 3-1.343 3-3 0-1.209-.719-2.244-1.748-2.719zm-4.252-3.281h1.5c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5h-1.5v-3zm2 8h-2v-4h2c1.105 0 2 .895 2 2s-.895 2-2 2z"
+    class="iconic-bitcoin-block-b iconic-property-fill" />
+    <path stroke="#000" class="iconic-bitcoin-block-block iconic-property-stroke" d="M10.5 5.5h5v5h-5z" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bitcoin-transaction.svg b/app/javascript/iconic/svg/smart/bitcoin-transaction.svg
new file mode 100755
index 0000000..dd2dda0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bitcoin-transaction.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bitcoin-transaction" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bitcoin Transaction</title>
+  </g>
+  <g class="iconic-bitcoin-transaction-lg iconic-container iconic-lg" data-width="116" data-height="128" display="inline" transform="translate(6)">
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M32 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M48 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M32 110v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M48 110v18" fill="none" />
+    <path d="M63.382 58.419c5.266-4.402 8.618-11.018 8.618-18.419 0-12.671-9.822-23.042-22.267-23.931v-.069h-49.733v6h8c3.314 0 6 2.686 6 6v72c0 3.314-2.686 6-6 6h-8v6h53v-.025c15-.528 27-12.846 27-27.975 0-11.41-6.828-21.218-16.618-25.581zm-35.382-36.419h15c9.389 0 17 7.611 17 17s-7.611 17-17 17h-15v-34zm16.533 84h-16.533v-44h16.533c12.15 0 22 9.85 22 22s-9.85 22-22 22z"
+    class="iconic-bitcoin-transaction-b iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-stem iconic-property-stroke" d="M86 68h16" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-head iconic-property-fill" d="M100 80v-24l16 12z" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-stem iconic-property-stroke" d="M110 48h-16" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-head iconic-property-fill" d="M96 36v24l-16-12z" />
+  </g>
+  <g class="iconic-bitcoin-transaction-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M8 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M12 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M8 26v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M12 26v6" fill="none" />
+    <path d="M16.5 14.5c.928-.985 1.5-2.541 1.5-4 0-3.038-2.462-5.5-5.5-5.5h-12.5v2h2c1.105 0 2 .895 2 2v14c0 1.105-.895 2-2 2h-2v2h13.5c3.59 0 6.5-2.91 6.5-6.5 0-2.507-1.421-4.916-3.5-6zm-6-7.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5h-2.5v-7h2.5zm1 18h-3.5v-9h3.5c2.485 0 4.5 2.015 4.5 4.5s-2.015 4.5-4.5 4.5z"
+    class="iconic-bitcoin-transaction-b iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-stem iconic-property-stroke" d="M26 17h-4" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-head iconic-property-fill" d="M25 18v2l4-3-4-3v2" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-stem iconic-property-stroke" d="M27 12h-4" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-head iconic-property-fill" d="M24 15l-4-3 4-3z" />
+  </g>
+  <g class="iconic-bitcoin-transaction-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M3.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-top iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M5.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-left iconic-property-accent iconic-property-stroke" d="M3.5 12.5v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-transaction-strike iconic-bitcoin-transaction-strike-bottom iconic-bitcoin-transaction-strike-right iconic-property-accent iconic-property-stroke" d="M5.5 12.5v3.5" fill="none" />
+    <path d="M7.252 7.281c.461-.454.748-1.083.748-1.781 0-1.381-1.119-2.5-2.5-2.5h-5.5v1c.552 0 1 .448 1 1v6c0 .552-.448 1-1 1v1h6c1.657 0 3-1.343 3-3 0-1.209-.719-2.244-1.748-2.719zm-4.252-3.281h1.5c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5h-1.5v-3zm2 8h-2v-4h2c1.105 0 2 .895 2 2s-.895 2-2 2z"
+    class="iconic-bitcoin-transaction-b iconic-property-fill" />
+    <path stroke="#000" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-stem iconic-property-stroke" d="M14 10.5h-3" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-bottom iconic-bitcoin-transaction-arrow-bottom-head iconic-property-fill" d="M16 10.5l-3-2.5v5z" />
+    <path stroke="#000" class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-stem iconic-property-stroke" d="M14 6.5h-3" fill="none" />
+    <path class="iconic-bitcoin-transaction-arrow iconic-bitcoin-transaction-arrow-top iconic-bitcoin-transaction-arrow-top-head iconic-property-fill" d="M9 6.5l3 2.5v-5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bitcoin.svg b/app/javascript/iconic/svg/smart/bitcoin.svg
new file mode 100755
index 0000000..f484eae
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bitcoin.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bitcoin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bitcoin</title>
+  </g>
+  <g class="iconic-bitcoin-lg iconic-container iconic-lg" data-width="80" data-height="128" display="inline" transform="translate(24)">
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-left iconic-property-stroke" d="M32 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-right iconic-property-stroke" d="M48 0v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-left iconic-property-stroke" d="M32 110v18" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-right iconic-property-stroke" d="M48 110v18" fill="none" />
+    <path d="M63.382 58.419c5.266-4.402 8.618-11.018 8.618-18.419 0-12.671-9.822-23.042-22.267-23.931v-.069h-49.733v6h8c3.314 0 6 2.686 6 6v72c0 3.314-2.686 6-6 6h-8v6h53v-.025c15-.528 27-12.846 27-27.975 0-11.41-6.828-21.218-16.618-25.581zm-35.382-36.419h15c9.389 0 17 7.611 17 17s-7.611 17-17 17h-15v-34zm16.533 84h-16.533v-44h16.533c12.15 0 22 9.85 22 22s-9.85 22-22 22z"
+    class="iconic-bitcoin-b iconic-property-fill" />
+  </g>
+  <g class="iconic-bitcoin-md iconic-container iconic-md" data-width="20" data-height="32" display="none" transform="scale(4) translate(6)">
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-left iconic-property-stroke" d="M8 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-right iconic-property-stroke" d="M12 0v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-left iconic-property-stroke" d="M8 26v6" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-right iconic-property-stroke" d="M12 26v6" fill="none" />
+    <path d="M16.5 14.5c.928-.985 1.5-2.541 1.5-4 0-3.038-2.462-5.5-5.5-5.5h-12.5v2h2c1.105 0 2 .895 2 2v14c0 1.105-.895 2-2 2h-2v2h13.5c3.59 0 6.5-2.91 6.5-6.5 0-2.507-1.421-4.916-3.5-6zm-6-7.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5h-2.5v-7h2.5zm1 18h-3.5v-9h3.5c2.485 0 4.5 2.015 4.5 4.5s-2.015 4.5-4.5 4.5z"
+    class="iconic-bitcoin-b iconic-property-fill" />
+  </g>
+  <g class="iconic-bitcoin-sm iconic-container iconic-sm" data-width="9" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path stroke="#000" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-left iconic-property-stroke" d="M3.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-strike iconic-bitcoin-strike-top iconic-bitcoin-strike-right iconic-property-stroke" d="M5.5 0v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-left iconic-property-stroke" d="M3.5 12.5v3.5" fill="none" />
+    <path stroke="#000" class="iconic-bitcoin-strike iconic-bitcoin-strike-bottom iconic-bitcoin-strike-right iconic-property-stroke" d="M5.5 12.5v3.5" fill="none" />
+    <path d="M7.252 7.281c.461-.454.748-1.083.748-1.781 0-1.381-1.119-2.5-2.5-2.5h-5.5v1c.552 0 1 .448 1 1v6c0 .552-.448 1-1 1v1h6c1.657 0 3-1.343 3-3 0-1.209-.719-2.244-1.748-2.719zm-4.252-3.281h1.5c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5h-1.5v-3zm2 8h-2v-4h2c1.105 0 2 .895 2 2s-.895 2-2 2z"
+    class="iconic-bitcoin-b iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bluetooth.svg b/app/javascript/iconic/svg/smart/bluetooth.svg
new file mode 100755
index 0000000..bf208e9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bluetooth.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bluetooth" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bluetooth</title>
+  </g>
+  <g class="iconic-bluetooth-lg iconic-container iconic-lg" data-width="64" data-height="128" display="inline" transform="translate(32)">
+    <path d="M64 38l-38-38v52l-20-20-6 6 26 26-26 26 6 6 20-20v52l38-38-25.2-26 25.2-26zm-30-18l18 18-18 18v-36zm18 70l-18 18v-36l18 18z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bluetooth-md iconic-container iconic-md" data-width="15" data-height="30" display="none" transform="scale(4) translate(8 1)">
+    <path d="M15 9l-9-9v12l-4.5-4.5-1.5 1.5 6 6-6 6 1.5 1.5 4.5-4.5v12l9-9-6-6 6-6zm-7-4l4 4-4 4v-8zm4 16l-4 4v-8l4 4z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bluetooth-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
+    <path d="M8 5l-5-5v6l-2-2-1 1 3 3-3 3 1 1 2-2v6l5-5-3-3 3-3zm-4-2l2 2-2 2v-4zm2 8l-2 2v-4l2 2z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bold.svg b/app/javascript/iconic/svg/smart/bold.svg
new file mode 100755
index 0000000..ada323e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bold.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bold" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bold</title>
+  </g>
+  <g class="iconic-bold-lg iconic-container iconic-lg" data-width="108" data-height="128" display="inline" transform="translate(10)">
+    <path d="M85.654 58.687c8.644-5.729 14.346-15.54 14.346-26.687 0-17.673-14.327-32-32-32h-68v6h12c3.314 0 6 2.686 6 6v104c0 3.314-2.686 6-6 6h-10v6h70c19.882 0 36-16.118 36-36 0-15.048-9.236-27.933-22.346-33.313zm-34.654-52.687c13.807 0 25 11.193 25 25s-11.193 25-25 25h-11v-50h11zm5 116h-16v-60h16c16.569 0 30 13.431 30 30s-13.431 30-30 30z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bold-md iconic-container iconic-md" data-width="26" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path d="M20.409 14.673c2.163-1.432 3.591-3.884 3.591-6.673 0-4.418-3.582-8-8-8h-16v2h2c1.105 0 2 .895 2 2v24c0 1.105-.895 2-2 2h-2v2h17c4.971 0 9-4.029 9-9 0-3.763-2.312-6.983-5.591-8.327zm-9.688-12.673h2.279c3.314 0 6 2.686 6 6s-2.686 6-6 6h-4v-12h1.721zm3.279 28h-5v-14h5c3.866 0 7 3.134 7 7s-3.134 7-7 7z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bold-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" d="M3 15" class="iconic-property-stroke" fill="none" />
+    <path d="M11.199 7.337c1.084-.716 1.801-1.941 1.801-3.337 0-2.209-1.791-4-4-4h-9v1h1c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1h-1v1h9.5c2.485 0 4.5-2.015 4.5-4.5 0-1.883-1.159-3.492-2.801-4.163zm-4.199-6.337c1.657 0 3 1.343 3 3s-1.343 3-3 3h-2v-6h2zm.5 14h-2.5v-7h2.5c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/book.svg b/app/javascript/iconic/svg/smart/book.svg
new file mode 100755
index 0000000..2cb12e5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/book.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-book" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Book</title>
+  </g>
+  <g class="iconic-book-lg iconic-container iconic-lg" data-width="120" data-height="128" display="inline" transform="translate(4)">
+    <path d="M6 112c-3.309 0-6 2.691-6 6v4c0 3.314 2.686 6 6 6h114v-3.995h-112c-2.209 0-4-1.791-4-4s1.791-4 4-4h2v-.005h110v-4h-114z" class="iconic-book-bottom iconic-property-fill" />
+    <path d="M6 109.666v-109.666h-1v.09c-2.837.477-5 2.938-5 5.91 0 .216.013.429.035.639-.011.121-.035.237-.035.361v105.726c1.467-1.667 3.61-2.726 6-2.726h.067c-.038-.105-.067-.215-.067-.334z" class="iconic-book-spine iconic-property-fill" />
+    <path d="M119.983 2.828c-.091-1.575-1.384-2.828-2.982-2.828h-13v52l-6-6-6 6v-52h-84v109.666c0 .118-.03.228-.067.334h112.067v-107.155l-.017-.016z" class="iconic-book-cover iconic-property-fill" />
+  </g>
+  <g class="iconic-book-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path d="M3.5 30c-.829 0-1.5-.671-1.5-1.5s.671-1.5 1.5-1.5h26.5v-2h-27.75c-1.241 0-2.25 1.009-2.25 2.25v2.25c0 1.381 1.119 2.5 2.5 2.5h27.5v-2h-26.5z" class="iconic-book-bottom iconic-property-fill" />
+    <path d="M2 .05c-1.141.232-2 1.24-2 2.45v22.414c.527-.508 1.227-.829 2-.889v-23.975z" class="iconic-book-spine iconic-property-fill" />
+    <path d="M28.5 0h-1.5v13l-2-2-2 2v-13h-20v24h27v-22.5c0-.828-.672-1.5-1.5-1.5z" class="iconic-book-cover iconic-property-fill" />
+  </g>
+  <g class="iconic-book-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M3 12h12v-2h-12c-1.654 0-3 1.346-3 3v.001c.001 1.656 1.343 2.999 3 2.999.009 0 .018-.003.027-.003.005 0 .009.003.014.003h11.959v-2h-12c-.552 0-1-.448-1-1s.448-1 1-1z" class="iconic-book-bottom iconic-property-fill" />
+    <path d="M2 .184c-1.163.413-2 1.512-2 2.816v7.382c.521-.597 1.215-1.031 2-1.24v-8.959z" class="iconic-book-spine iconic-property-fill" />
+    <path d="M14 0h-1v6l-2-2-2 2v-6h-5.957c-.005 0-.009.003-.014.003-.01 0-.019-.003-.028-.003v9h12v-8c0-.552-.448-1-1-1z" class="iconic-book-cover iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bookmark.svg b/app/javascript/iconic/svg/smart/bookmark.svg
new file mode 100755
index 0000000..abe94d8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bookmark.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bookmark" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bookmark</title>
+  </g>
+  <g class="iconic-bookmark-lg iconic-container iconic-lg" data-width="44" data-height="128" display="inline" transform="translate(42)">
+    <path class="iconic-property-fill" d="M0 0v128l22-14.247 22 14.247v-128z" />
+  </g>
+  <g class="iconic-bookmark-md iconic-container iconic-md" data-width="14" data-height="32" display="none" transform="scale(4) translate(9)">
+    <path d="M0 .5v31c0 .276.182.37.407.209l6.186-4.419c.225-.161.589-.161.814 0l6.186 4.419c.225.161.407.067.407-.209v-31c0-.276-.224-.5-.5-.5h-13c-.276 0-.5.224-.5.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-bookmark-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
+    <path d="M0 .25v15.5c0 .138.079.171.177.073l3.646-3.646c.098-.098.256-.098.354 0l3.646 3.646c.098.098.177.065.177-.073v-15.5c0-.138-.112-.25-.25-.25h-7.5c-.138 0-.25.112-.25.25z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/box.svg b/app/javascript/iconic/svg/smart/box.svg
new file mode 100755
index 0000000..26d9dd7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/box.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-box" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Box</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-box-clip-0">
+      <path d="M2 10v110h124v-110h-124zm78 18.5c0 .825-.675 1.5-1.5 1.5h-29c-.825 0-1.5-.675-1.5-1.5v-9c0-.825.675-1.5 1.5-1.5h29c.825 0 1.5.675 1.5 1.5v9z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-box-clip-0">
+      <path d="M1 4v26h30v-26h-30zm19 5.5c0 .275-.225.5-.5.5h-7c-.275 0-.5-.225-.5-.5v-2c0-.275.225-.5.5-.5h7c.275 0 .5.225.5.5v2z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-box-clip-0">
+      <path d="M0 3v12h16v-12h-16zm10 3.75c0 .138-.113.25-.25.25h-3.5c-.138 0-.25-.112-.25-.25v-1.5c0-.138.112-.25.25-.25h3.5c.137 0 .25.112.25.25v1.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-box-lg iconic-container iconic-lg" data-width="128" data-height="120" display="inline" transform="translate(0 4)">
+    <path clip-path="url(#iconic-size-lg-box-clip-0)" d="M124.5 120h-121c-.828 0-1.5-.672-1.5-1.5v-109c0-.828.672-1.5 1.5-1.5h121c.828 0 1.5.672 1.5 1.5v109c0 .828-.672 1.5-1.5 1.5z" class="iconic-box-shell iconic-property-fill" />
+    <path class="iconic-box-lid iconic-property-fill" d="M0 0h128v8h-128z" />
+  </g>
+  <g class="iconic-box-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path clip-path="url(#iconic-size-md-box-clip-0)" d="M1 3.5v26c0 .276.224.5.5.5h29c.276 0 .5-.224.5-.5v-26c0-.276-.224-.5-.5-.5h-29c-.276 0-.5.224-.5.5z" class="iconic-box-shell iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-box-lid iconic-property-stroke" d="M1.5 1.5h29" fill="none" />
+  </g>
+  <g class="iconic-box-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-box-clip-0)" d="M15.75 15h-15.5c-.138 0-.25-.112-.25-.25v-12.5c0-.138.112-.25.25-.25h15.5c.138 0 .25.112.25.25v12.5c0 .138-.112.25-.25.25z" class="iconic-box-shell iconic-property-fill" />
+    <path class="iconic-box-lid iconic-property-fill" d="M0 0h16v2h-16z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/brain.svg b/app/javascript/iconic/svg/smart/brain.svg
new file mode 100755
index 0000000..5978bbe
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/brain.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-brain" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Brain</title>
+  </g>
+  <g class="iconic-brain-lg iconic-container iconic-lg" data-width="122" data-height="128" display="inline" transform="translate(3)">
+    <path d="M55 98c-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5-2.243 5-5v-18c0-3.86-3.14-7-7-7h-6c-.552 0-1-.448-1-1s.448-1 1-1h6c3.86 0 7-3.14 7-7v-24c0-2.757-2.243-5-5-5-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5-2.243 5-5v-13c0-4.25-3.317-7.716-7.502-7.975l.002-.025c-.104 0-.205.009-.309.01-.064-.001-.127-.01-.191-.01-.274 0-.545.014-.813.041-24.066.668-41.416 19.538-48.123 42.593.306 1.904 1.947 3.366 3.936 3.366.552 0 1 .448 1 1s-.448 1-1 1c-2.444 0-4.641 1.247-5.916 3.283-.707 4.189-1.084 8.451-1.084 12.717 0 6.159.471 12.314 1.448 18.243.911 2.255 3.097 3.757 5.552 3.757.552 0 1 .448 1 1s-.448 1-1 1c-1.743 0-3.214 1.128-3.76 2.687 1.656 6.298 3.979 12.172 7.038 17.313h.723c1.654 0 3-1.346 3-3v-4c0-2.757 2.243-5 5-5s5 2.243 5 5c0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3s-3 1.346-3 3v4c0 2.588-1.985 4.699-4.508 4.95 3.574 5.441 8.052 9.937 13.518 13.08 1.898.628 3.899.973 5.956.976.012-.001.021-.007.033-.007 1.654 0 3-1.346 3-3v-10c0-.552.448-1 1-1s1 .448 1 1v10c0 2.579-1.973 4.678-4.484 4.941 3.548 1.186 7.419 1.896 11.652 2.017.277.014.551.042.831.042.065 0 .128-.009.192-.01.104.001.203.01.308.01l.002-.025c8.602-.267 15.498-7.308 15.498-15.975v-9c0-2.757-2.243-5-5-5zm-6-18c1.654 0 3-1.346 3-3s-1.346-3-3-3c-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5s-2.243 5-5 5h-3c-.552 0-1-.448-1-1s.448-1 1-1h3zm0-74c2.757 0 5 2.243 5 5 0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5zm0 14c1.654 0 3-1.346 3-3 0-.552.448-1 1-1s1 .448 1 1c0 2.757-2.243 5-5 5s-5 2.243-5 5 2.243 5 5 5 5 2.243 5 5c0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3-3.86 0-7-3.14-7-7s3.14-7 7-7zm5 27c0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5zm-43-3c-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5s-2.243 5-5 5c-.552 0-1-.448-1-1s.448-1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 48c-.552 0-1-.448-1-1s.448-1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3c-2.757 0-5-2.243-5-5s2.243-5 5-5c.552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3s1.346 3 3 3c2.757 0 5 2.243 5 5s-2.243 5-5 5zm6-16c-.552 0-1-.448-1-1 0-1.654-1.346-3-3-3-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5 0 .552-.448 1-1 1zm-6-16c-.552 0-1-.448-1-1s.448-1 1-1c6.065 0 11-4.935 11-11 0-.552.448-1 1-1s1 .448 1 1c0 7.169-5.831 13-13 13zm20-30c-.552 0-1-.448-1-1 0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5s5 2.243 5 5c0 .552-.448 1-1 1zm10 26h8c1.654 0 3-1.346 3-3 0-.552.448-1 1-1s1 .448 1 1c0 2.757-2.243 5-5 5h-8c-3.86 0-7 3.14-7 7s3.14 7 7 7c.552 0 1 .448 1 1s-.448 1-1 1c-4.962 0-9-4.038-9-9s4.038-9 9-9zm-8 29c0-2.757 2.243-5 5-5h3c.552 0 1 .448 1 1s-.448 1-1 1h-3c-1.654 0-3 1.346-3 3s1.346 3 3 3c.552 0 1 .448 1 1s-.448 1-1 1c-2.757 0-5-2.243-5-5zm20 7c-2.757 0-5 2.243-5 5v10c0 2.757-2.243 5-5 5s-5-2.243-5-5c0-1.654-1.346-3-3-3-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5 0 1.654 1.346 3 3 3s3-1.346 3-3v-10c0-3.86 3.14-7 7-7 .552 0 1 .448 1 1s-.448 1-1 1z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-left iconic-property-fill" />
+    <path d="M86 121v-10c0-.552.448-1 1-1s1 .448 1 1v10c0 1.654 1.346 3 3 3 .012 0 .021.006.033.007 2.057-.004 4.058-.348 5.957-.976 5.467-3.143 9.944-7.639 13.518-13.08-2.523-.251-4.508-2.362-4.508-4.95v-4c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5s5 2.243 5 5v4c0 1.654 1.346 3 3 3h.723c3.059-5.141 5.382-11.015 7.038-17.313-.547-1.559-2.017-2.687-3.76-2.687-.552 0-1-.448-1-1s.448-1 1-1c2.455 0 4.641-1.501 5.552-3.757.977-5.929 1.448-12.084 1.448-18.243 0-4.265-.376-8.528-1.084-12.717-1.275-2.036-3.472-3.283-5.916-3.283-.552 0-1-.448-1-1s.448-1 1-1c1.988 0 3.63-1.463 3.936-3.366-6.707-23.055-24.057-41.925-48.123-42.593-.267-.027-.538-.041-.813-.041-.065 0-.127.008-.191.01-.104-.001-.205-.01-.309-.01l.002.025c-4.185.259-7.502 3.725-7.502 7.975v13c0 2.757 2.243 5 5 5 .552 0 1 .448 1 1s-.448 1-1 1c-2.757 0-5 2.243-5 5v24c0 3.86 3.14 7 7 7h6c.552 0 1 .448 1 1s-.448 1-1 1h-6c-3.86 0-7 3.14-7 7v18c0 2.757 2.243 5 5 5 .552 0 1 .448 1 1s-.448 1-1 1c-2.757 0-5 2.243-5 5v9c0 8.667 6.896 15.707 15.498 15.975l.002.025c.105 0 .204-.009.308-.01.065.001.127.01.192.01.281 0 .554-.028.831-.042 4.234-.121 8.104-.831 11.652-2.017-2.511-.263-4.484-2.362-4.484-4.941zm-2-31c-.552 0-1-.448-1-1s.448-1 1-1c1.654 0 3-1.346 3-3s-1.346-3-3-3h-3c-.552 0-1-.448-1-1s.448-1 1-1h3c2.757 0 5 2.243 5 5s-2.243 5-5 5zm21-14c-.552 0-1-.448-1-1 0-2.757 2.243-5 5-5 .552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3 0 .552-.448 1-1 1zm11 3c0 2.757-2.243 5-5 5-1.654 0-3 1.346-3 3s1.346 3 3 3c.552 0 1 .448 1 1s-.448 1-1 1c-2.757 0-5-2.243-5-5s2.243-5 5-5c1.654 0 3-1.346 3-3s-1.346-3-3-3c-.552 0-1-.448-1-1s.448-1 1-1c2.757 0 5 2.243 5 5zm-5-37c.552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3s1.346 3 3 3c.552 0 1 .448 1 1s-.448 1-1 1c-2.757 0-5-2.243-5-5s2.243-5 5-5zm0 16c.552 0 1 .448 1 1s-.448 1-1 1c-7.168 0-13-5.832-13-13 0-.552.448-1 1-1s1 .448 1 1c0 6.065 4.935 11 11 11zm-16-34c2.757 0 5 2.243 5 5 0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5zm-22-18c2.757 0 5 2.243 5 5 0 .552-.448 1-1 1s-1-.448-1-1c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5zm0 26c2.757 0 5-2.243 5-5s-2.243-5-5-5-5-2.243-5-5c0-.552.448-1 1-1s1 .448 1 1c0 1.654 1.346 3 3 3 3.86 0 7 3.14 7 7s-3.14 7-7 7c-1.654 0-3 1.346-3 3 0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5zm0 10c.552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3 0 .552-.448 1-1 1s-1-.448-1-1c0-2.757 2.243-5 5-5zm0 16c-2.757 0-5-2.243-5-5 0-.552.448-1 1-1s1 .448 1 1c0 1.654 1.346 3 3 3h8c4.962 0 9 4.038 9 9s-4.038 9-9 9c-.552 0-1-.448-1-1s.448-1 1-1c3.86 0 7-3.14 7-7s-3.14-7-7-7h-8zm0 14c.552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3s1.346 3 3 3h3c.552 0 1 .448 1 1s-.448 1-1 1h-3c-2.757 0-5-2.243-5-5s2.243-5 5-5zm11 35c0 2.757-2.243 5-5 5s-5-2.243-5-5v-10c0-2.757-2.243-5-5-5-.552 0-1-.448-1-1s.448-1 1-1c3.86 0 7 3.14 7 7v10c0 1.654 1.346 3 3 3s3-1.346 3-3c0-2.757 2.243-5 5-5 .552 0 1 .448 1 1s-.448 1-1 1c-1.654 0-3 1.346-3 3z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-right iconic-property-fill" />
+  </g>
+  <g class="iconic-brain-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path d="M13.5 17h-3c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3c.827 0 1.5-.673 1.5-1.5v-6c0-.827-.673-1.5-1.5-1.5-.276 0-.5-.224-.5-.5s.224-.5.5-.5c.827 0 1.5-.673 1.5-1.5v-2.5c0-1.105-.895-2-2-2-6.229 0-10.626 4.855-12.273 10.779.227.137.489.221.773.221.276 0 .5.224.5.5s-.224.5-.5.5c-.486 0-.914.236-1.188.595-.199 1.121-.312 2.262-.312 3.405 0 1.492.105 2.983.327 4.423.275.349.696.577 1.173.577.276 0 .5.224.5.5s-.224.5-.5.5c-.3 0-.579.091-.814.243 1.278 5.449 4.447 9.757 10.314 9.757 2.209 0 4-1.791 4-4v-9.5c0-.827-.673-1.5-1.5-1.5zm-2-14c.276 0 .5-.224.5-.5s.224-.5.5-.5.5.224.5.5c0 .827-.673 1.5-1.5 1.5-1.378 0-2.5 1.122-2.5 2.5s1.122 2.5 2.5 2.5c.276 0 .5.224.5.5s-.224.5-.5.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5zm-3 10h3c.827 0 1.5-.673 1.5-1.5 0-.276.224-.5.5-.5s.5.224.5.5c0 1.378-1.122 2.5-2.5 2.5h-3c-1.378 0-2.5 1.122-2.5 2.5s1.122 2.5 2.5 2.5c.276 0 .5.224.5.5s-.224.5-.5.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5zm4 15c-.276 0-.5-.224-.5-.5s-.224-.5-.5-.5-.5.224-.5.5c0 1.378-1.122 2.5-2.5 2.5s-2.5-1.122-2.5-2.5c0-.276.224-.5.5-.5s.5.224.5.5c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5.673-1.5 1.5-1.5 1.5.673 1.5 1.5c0 .276-.224.5-.5.5zm-1-4h-1.5c-.551 0-1 .449-1 1v1.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-1.5c0-1.103.897-2 2-2h1.5c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-left iconic-property-fill" />
+    <path d="M29.5 22c-.276 0-.5-.224-.5-.5s.224-.5.5-.5c.477 0 .899-.229 1.173-.577.222-1.44.326-2.931.326-4.423 0-1.144-.114-2.285-.312-3.405-.274-.359-.702-.595-1.188-.595-.276 0-.5-.224-.5-.5s.224-.5.5-.5c.284 0 .547-.084.773-.221-1.647-5.924-6.044-10.779-12.273-10.779-1.105 0-2 .895-2 2v2.5c0 .827.673 1.5 1.5 1.5.276 0 .5.224.5.5s-.224.5-.5.5c-.827 0-1.5.673-1.5 1.5v6c0 .827.673 1.5 1.5 1.5h3c.276 0 .5.224.5.5s-.224.5-.5.5h-3c-.827 0-1.5.673-1.5 1.5v9.5c0 2.209 1.791 4 4 4 5.867 0 9.036-4.307 10.314-9.757-.235-.153-.514-.243-.814-.243zm-11-20c.276 0 .5.224.5.5s.224.5.5.5c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5c1.378 0 2.5-1.122 2.5-2.5s-1.122-2.5-2.5-2.5c-.827 0-1.5-.673-1.5-1.5 0-.276.224-.5.5-.5zm-1.5 19.5c0-1.378 1.122-2.5 2.5-2.5.276 0 .5.224.5.5s-.224.5-.5.5c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5h1.5c1.103 0 2 .897 2 2v1.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-1.5c0-.551-.449-1-1-1h-1.5c-1.378 0-2.5-1.122-2.5-2.5zm5.5 8.5c-1.378 0-2.5-1.122-2.5-2.5 0-.276-.224-.5-.5-.5s-.5.224-.5.5-.224.5-.5.5-.5-.224-.5-.5c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5.673 1.5 1.5 1.5 1.5-.673 1.5-1.5c0-.276.224-.5.5-.5s.5.224.5.5c0 1.378-1.122 2.5-2.5 2.5zm0-10c-.276 0-.5-.224-.5-.5s.224-.5.5-.5c1.378 0 2.5-1.122 2.5-2.5s-1.122-2.5-2.5-2.5h-3c-1.378 0-2.5-1.122-2.5-2.5 0-.276.224-.5.5-.5s.5.224.5.5c0 .827.673 1.5 1.5 1.5h3c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-right iconic-property-fill" />
+  </g>
+  <g class="iconic-brain-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M6.5 8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h.5v-6c0-.552-.448-1-1-1-2.628 0-4.387 1.731-5.289 4.051.169.08.289.249.289.449 0 .276-.224.5-.5.5-.04 0-.076.014-.113.023-.257.949-.387 1.963-.387 2.977 0 .986.062 1.972.213 2.898.082.059.178.101.287.101.276 0 .5.224.5.5s-.224.5-.5.5c-.017 0-.033-.004-.05-.005.611 2.296 1.938 4.005 4.55 4.005 1.105 0 2-.895 2-2v-6h-.5zm-1-7c.276 0 .5.224.5.5s-.224.5-.5.5c-.827 0-1.5.673-1.5 1.5 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-1.378 1.122-2.5 2.5-2.5zm-3 7c-.276 0-.5-.224-.5-.5 0-1.378 1.122-2.5 2.5-2.5.276 0 .5-.224.5-.5s.224-.5.5-.5.5.224.5.5c0 .827-.673 1.5-1.5 1.5s-1.5.673-1.5 1.5c0 .276-.224.5-.5.5zm2 7c-.827 0-1.5-.673-1.5-1.5 0-.276.224-.5.5-.5s.5.224.5.5.224.5.5.5.5-.224.5-.5.224-.5.5-.5.5.224.5.5c0 .827-.673 1.5-1.5 1.5zm0-3c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5-.224.5-.5-.224-.5-.5-.5-.5-.224-.5-.5.224-.5.5-.5c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-left iconic-property-fill" />
+    <path d="M14.5 12c-.276 0-.5-.224-.5-.5s.224-.5.5-.5c.109 0 .204-.042.287-.102.152-.926.213-1.912.213-2.899 0-1.026-.134-2.052-.397-3.01-.035.002-.068.01-.103.01-.276 0-.5-.224-.5-.5 0-.2.119-.369.289-.45-.901-2.319-2.66-4.05-5.289-4.05-.552 0-1 .448-1 1v6h.5c.276 0 .5.224.5.5s-.224.5-.5.5h-.5v6c0 1.105.895 2 2 2 2.611 0 3.939-1.709 4.55-4.005-.017 0-.033.005-.05.005zm-5-11c1.378 0 2.5 1.122 2.5 2.5 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-.827-.673-1.5-1.5-1.5-.276 0-.5-.224-.5-.5s.224-.5.5-.5zm1 8c.276 0 .5.224.5.5s-.224.5-.5.5-.5.224-.5.5.224.5.5.5.5.224.5.5-.224.5-.5.5c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5zm0 6c-.827 0-1.5-.673-1.5-1.5 0-.276.224-.5.5-.5s.5.224.5.5.224.5.5.5.5-.224.5-.5.224-.5.5-.5.5.224.5.5c0 .827-.673 1.5-1.5 1.5zm2-7c-.276 0-.5-.224-.5-.5 0-.827-.673-1.5-1.5-1.5s-1.5-.673-1.5-1.5c0-.276.224-.5.5-.5s.5.224.5.5.224.5.5.5c1.378 0 2.5 1.122 2.5 2.5 0 .276-.224.5-.5.5z"
+    class="iconic-brain-hemisphere iconic-brain-hemisphere-right iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/briefcase.svg b/app/javascript/iconic/svg/smart/briefcase.svg
new file mode 100755
index 0000000..9604600
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/briefcase.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-briefcase" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Briefcase</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-briefcase-clip-0">
+      <path d="M125 52h-51v1c0 1.654-1.346 3-3 3h-16c-1.654 0-3-1.346-3-3v-1h-49c-1.13 0-2.162-.391-3-1.026v57.026h128v-57.026c-.838.635-1.87 1.026-3 1.026z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-briefcase-clip-1">
+      <path d="M3 50h49v-1c0-1.654 1.346-3 3-3h16c1.654 0 3 1.346 3 3v1h51c1.654 0 3-1.346 3-3v-35h-128v35c0 1.654 1.346 3 3 3z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-briefcase-clip-0">
+      <path d="M1.5 12h10.5v-.75c0-.689.561-1.25 1.25-1.25h5.5c.689 0 1.25.561 1.25 1.25v.75h10.5c.813 0 1.5-.458 1.5-1v-8h-32v8c0 .542.687 1 1.5 1z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-briefcase-clip-1">
+      <path d="M30.5 13h-10.5v.75c0 .689-.561 1.25-1.25 1.25h-5.5c-.689 0-1.25-.561-1.25-1.25v-.75h-10.5c-.565 0-1.081-.156-1.5-.41v14.41h32v-14.41c-.419.254-.935.41-1.5.41z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-briefcase-clip-0">
+      <path d="M.5 8h5.525c.065-.559.524-1 1.1-1h1.75c.576 0 1.034.441 1.1 1h5.525c.276 0 .5-.224.5-.5v-4.5h-16v4.5c0 .276.224.5.5.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-briefcase-clip-1">
+      <path d="M15.5 9h-5.525c-.065.559-.524 1-1.1 1h-1.75c-.576 0-1.034-.441-1.1-1h-5.525c-.176 0-.343-.036-.5-.092v6.092h16v-6.092c-.157.056-.324.092-.5.092z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-briefcase-lg iconic-container iconic-lg" data-width="128" data-height="108" display="inline" transform="translate(0 10)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" d="M78 14v-9c0-1.657-1.343-3-3-3h-24c-1.657 0-3 1.343-3 3v11" class="iconic-briefcase-handle iconic-property-stroke" fill="none" />
+    <path d="M55 48c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-16z" class="iconic-briefcase-body iconic-briefcase-body-buckle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-briefcase-clip-0)" d="M126.5 108h-125c-.828 0-1.5-.672-1.5-1.5v-63c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v63c0 .828-.672 1.5-1.5 1.5z" class="iconic-briefcase-body iconic-briefcase-body-bottom iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-lg-briefcase-clip-1)" d="M126.5 58h-125c-.828 0-1.5-.672-1.5-1.5v-43c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v43c0 .828-.672 1.5-1.5 1.5z" class="iconic-briefcase-body iconic-briefcase-body-top iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-briefcase-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-linecap="square" d="M19.5 3.5v-2.5c0-.276-.224-.5-.5-.5h-6c-.276 0-.5.224-.5.5v2.5" class="iconic-briefcase-handle iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-md-briefcase-clip-0)" d="M31.5 16h-31c-.276 0-.5-.224-.5-.5v-12c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v12c0 .276-.224.5-.5.5z" class="iconic-briefcase-body iconic-briefcase-body-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-briefcase-clip-1)" d="M31.5 27h-31c-.276 0-.5-.224-.5-.5v-17c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v17c0 .276-.224.5-.5.5z" class="iconic-briefcase-body iconic-briefcase-body-bottom iconic-property-fill" />
+    <path d="M13.25 11c-.137 0-.25.113-.25.25v2.5c0 .138.113.25.25.25h5.5c.138 0 .25-.113.25-.25v-2.5c0-.138-.113-.25-.25-.25h-5.5z" class="iconic-briefcase-body iconic-briefcase-body-buckle iconic-property-fill" />
+  </g>
+  <g class="iconic-briefcase-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-linecap="square" d="M10.5 3v-2.25c0-.138-.112-.25-.25-.25h-4.5c-.138 0-.25.112-.25.25v2.25" class="iconic-briefcase-handle iconic-property-stroke" fill="none" />
+    <path d="M7.125 8c-.069 0-.125.056-.125.125v.75c0 .069.056.125.125.125h1.75c.069 0 .125-.056.125-.125v-.75c0-.069-.056-.125-.125-.125h-1.75z" class="iconic-briefcase-body iconic-briefcase-body-buckle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-briefcase-clip-0)" class="iconic-briefcase-body iconic-briefcase-body-top iconic-property-fill" d="M0 3h16v8h-16z" />
+    <path clip-path="url(#iconic-size-sm-briefcase-clip-1)" class="iconic-briefcase-body iconic-briefcase-body-bottom iconic-property-fill" d="M0 7h16v8h-16z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/british-pound.svg b/app/javascript/iconic/svg/smart/british-pound.svg
new file mode 100755
index 0000000..0a93a53
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/british-pound.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-british-pound" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>British Pound</title>
+  </g>
+  <g class="iconic-british-pound-lg iconic-container iconic-lg" data-width="88" data-height="128" display="inline" transform="translate(20)">
+    <path stroke="#000" stroke-width="6" class="iconic-british-pound-strike iconic-property-accent iconic-property-stroke" d="M6 69h42" fill="none" />
+    <path stroke="#000" stroke-width="12" d="M76 32c0-16.518-13.482-26-30-26s-29.909 13.391-29.909 29.909c0 24.924 27.296 44.705-10.091 82.091v4h82" class="iconic-british-pound-l iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-british-pound-md iconic-container iconic-md" data-width="21" data-height="32" display="none" transform="scale(4) translate(5)">
+    <path stroke="#000" stroke-width="2" class="iconic-british-pound-strike iconic-property-accent iconic-property-stroke" d="M0 16h12" fill="none" />
+    <path stroke="#000" stroke-width="4" d="M17.042 8.5c0-3.866-3.134-6.5-7-6.5s-7 3.134-7 7c0 5.833 7.708 10.75-1.042 19.5v1.5h19" class="iconic-british-pound-l iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-british-pound-sm iconic-container iconic-sm" data-width="11" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path stroke="#000" class="iconic-british-pound-strike iconic-property-accent iconic-property-stroke" d="M0 8.5h7" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M9 4c0-1.933-1.567-3-3.5-3s-3.5 1.567-3.5 3.5c0 2.917 3.375 5.125-1 9.5v1h10" class="iconic-british-pound-l iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/browser-full-page.svg b/app/javascript/iconic/svg/smart/browser-full-page.svg
new file mode 100755
index 0000000..6af89a9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/browser-full-page.svg
@@ -0,0 +1,68 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-browser-full-page" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Browser Full Page</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-browser-full-page-clip-0">
+      <path d="M0 11v97h128v-97h-128zm124 93h-120v-90h120v90z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-browser-full-page-clip-1">
+      <path d="M0 0v14h128v-14h-128zm8 10l-4.125-2 4.125-2v4zm4 0v-4l4 2-4 2zm110.084 0h-100.084c-1.105 0-2-.895-2-2s.895-2 2-2h100.084c1.105 0 2 .895 2 2s-.895 2-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-full-page-clip-0">
+      <path d="M0 4v23h32v-23h-32zm30 21h-28v-20h28v20z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-full-page-clip-1">
+      <path d="M0 0v5h32v-5h-32zm3 3l-1-.5 1-.5v1zm1 0v-1l1 .5-1 .5zm25.5 0h-23c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h23c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-full-page-clip-0">
+      <path d="M0 2.5v11.5h16v-11.5h-16zm15 10.5h-14v-10h14v10z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-full-page-clip-1">
+      <path d="M0 0v3h16v-3h-16zm1.5 2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm2 0c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm10 0h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-browser-full-page-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="2" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-left iconic-browser-full-page-bound-top-left iconic-property-accent iconic-property-stroke" d="M7 26v-9h9" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-left iconic-browser-full-page-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M16 127h-9v-9"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-right iconic-browser-full-page-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M121 118v9h-9"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-right iconic-browser-full-page-bound-top-right iconic-property-accent iconic-property-stroke" d="M112 17h9v9"
+    fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-tyle:accent iconic-browser-full-page-arrow iconic-browser-full-page-arrow-lines iconic-property-stroke" d="M64 83v-44" fill="none" />
+    <path d="M64.756 103.704l12.488-21.409c.417-.716.084-1.296-.744-1.296h-25c-.828 0-1.162.58-.744 1.296l12.488 21.409c.417.716 1.094.716 1.512 0z" class="iconic-browser-full-page-arrow iconic-browser-full-page-arrow-head iconic-property-accent iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-lg-browser-full-page-clip-0)" class="iconic-browser-full-page-border iconic-property-fill" d="M0 11h128v77h-128z" />
+    <path clip-path="url(#iconic-size-lg-browser-full-page-clip-1)" d="M0 1.5v11c0 .828.672 1.5 1.5 1.5h125c.828 0 1.5-.672 1.5-1.5v-11c0-.828-.672-1.5-1.5-1.5h-125c-.828 0-1.5.672-1.5 1.5z" class="iconic-browser-full-page-top iconic-property-fill" />
+  </g>
+  <g class="iconic-browser-full-page-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-left iconic-browser-full-page-bound-top-left iconic-property-accent iconic-property-stroke" d="M3.5 10v-3.5h3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-right iconic-browser-full-page-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M28.5 28v3.5h-3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-left iconic-browser-full-page-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M7 31.5h-3.5v-3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-right iconic-browser-full-page-bound-top-right iconic-property-accent iconic-property-stroke" d="M25 6.5h3.5v3.5" fill="none"
+    />
+    <path class="iconic-browser-full-page-arrow iconic-browser-full-page-arrow-line iconic-property-accent iconic-property-fill" d="M14 10h4v13h-4z" />
+    <path d="M15.68 27.616l-4.36-5.232c-.177-.212-.096-.384.18-.384h9c.276 0 .357.172.18.384l-4.36 5.232c-.177.212-.463.212-.64 0z" class="iconic-browser-full-page-arrow iconic-browser-full-page-arrow-head iconic-property-accent iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-md-browser-full-page-clip-0)" class="iconic-browser-full-page-border iconic-property-fill" d="M0 0h32v23h-32z" />
+    <path clip-path="url(#iconic-size-md-browser-full-page-clip-1)" d="M31.5 5h-31c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-browser-full-page-top iconic-property-fill" />
+  </g>
+  <g class="iconic-browser-full-page-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-left iconic-browser-full-page-bound-top-left iconic-property-accent iconic-property-stroke" d="M2.5 7v-2.5h2.5" fill="none" />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-right iconic-browser-full-page-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M13.5 13v2.5h-2.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-bottom iconic-browser-full-page-bound-left iconic-browser-full-page-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M5 15.5h-2.5v-2.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-full-page-bound iconic-browser-full-page-bound-top iconic-browser-full-page-bound-right iconic-browser-full-page-bound-top-right iconic-property-accent iconic-property-stroke" d="M11 4.5h2.5v2.5" fill="none"
+    />
+    <path class="iconic-browser-full-page-arrow iconic-browser-full-page-arrow-line iconic-property-accent iconic-property-fill" d="M7 6h2v7h-2z" />
+    <path class="iconic-browser-full-page-arrow iconic-browser-full-page-arrow-head iconic-property-accent iconic-property-fill" d="M8 14l3-3h-6z" />
+    <path clip-path="url(#iconic-size-sm-browser-full-page-clip-0)" class="iconic-browser-full-page-border iconic-property-fill" d="M0 2.5h16v9.5h-16z" />
+    <path clip-path="url(#iconic-size-sm-browser-full-page-clip-1)" class="iconic-browser-full-page-top iconic-property-fill" d="M0 0h16v3h-16z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/browser-type.svg b/app/javascript/iconic/svg/smart/browser-type.svg
new file mode 100755
index 0000000..5f7298c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/browser-type.svg
@@ -0,0 +1,115 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="browser-type" width="128" height="128" class="iconic iconic-browser-type" viewBox="0 0 128 128">
+  <g><title>Browser Type</title></g>
+
+  <!-- Chrome -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-browser-type-chrome">
+      <path d="M73.12 95.508c-2.957.852-6.037 1.292-9.12 1.292-11.866 0-22.84-6.438-28.64-16.801l-27.066-47.519c-5.277 9.305-8.294 20.059-8.294 31.521 0 32.009 23.504 58.512 54.191 63.235l18.93-31.727z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-left iconic-property-fill"/>
+      <path d="M32.071 56.444c3.413-14.554 16.442-25.244 31.929-25.244l54.957-.003c-11.176-18.684-31.603-31.197-54.957-31.197-20.362 0-38.497 9.513-50.219 24.333l18.29 32.111z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-top iconic-property-fill"/>
+      <path d="M86.348 40c6.628 6.152 10.452 14.769 10.452 24 0 6.418-1.854 12.633-5.362 17.977l-27.45 46.023h.011c35.346 0 64-28.654 64-64 0-8.489-1.658-16.59-4.66-24.003l-36.992.003z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-right iconic-property-fill"/>
+      <path d="M64 40c-13.234 0-24 10.766-24 24 0 4.101 1.051 8.146 3.038 11.698 4.252 7.588 12.284 12.302 20.962 12.302 8.077 0 15.562-4.025 20.027-10.768l.013-.019c2.591-3.921 3.961-8.489 3.961-13.212 0-13.234-10.766-24-24-24z" class="iconic-browser-type-chrome-center iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Firefox -->
+  <g data-width="128" data-height="124" class="iconic-lg iconic-container" display="inline" transform="translate(0 2)">
+    <g class="iconic-browser-type-firefox" display="none">
+      <path d="M63.802 4c30.597 0 55.49 24.911 55.49 55.532 0 30.621-24.893 55.534-55.49 55.534-30.599 0-55.494-24.912-55.494-55.534 0-30.62 24.894-55.532 55.494-55.532m0-4c-32.805 0-59.494 26.706-59.494 59.532 0 32.827 26.689 59.534 59.494 59.534 32.803 0 59.49-26.707 59.49-59.534 0-32.826-26.687-59.532-59.49-59.532z" class="iconic-browser-type-firefox-border iconic-property-fill"/>
+      <path d="M110.269 95.899c.53-.997 1.09-1.926 1.666-2.811-.067.139-.132.269-.195.39.948-1.497 2.016-2.965 3.107-4.394 2.395-3.005 4.748-5.515 6.306-8.276.32-.568.666-1.233 1.027-1.981 3.423-6.682 7.081-18.25 5.396-29.285-.28-1.97-.729-3.915-1.395-5.798.03.115.057.23.086.346-.045-.135-.072-.208-.072-.208s-1.049 3.157-2.45 7.886c.731-6.857.21-13.998-2.181-20.605-1.053-2.908-2.34-5.366-3.615-7.377-1.87-3.176-3.987-5.614-5.646-6.749.189.142.376.308.56.495-.355-.33-.56-.495-.56-.495.091.1.175.201.265.301-.226-.209-.357-.32-.357-.32s.132.714.362 1.973c-3.47-5.455-8.751-8.02-8.751-8.02s.263 1.48.66 4.638c-5.033-4.018-11.093-7.309-18.319-9.302 11.794 7.777 16.199 14.383 18.987 20.261-3.152-3.224-8.552-6.59-12.197-6.87 5.467 4.066 14.615 16.127 13.642 34.399-1.402-2.943-3.968-7.551-5.79-9.163 1.962 17.947.244 21.801-.948 26.567-.262-2.19-1.05-3.836-1.506-4.837 0 0-.21 5.609-3.854 13.6-2.76 6.052-5.61 7.922-6.87 7.71-.342-.024-.526-.171-.523-.184.09-.783.171-1.605-.037-2.128 0 0-1.164.403-1.915 1.459-.303.425-.695.842-1.21 1.232-.088.068.832-1.179.762-1.121-.453.368-.938.8-1.426 1.305-1.788 1.857-3.398 3.912-4.237 3.331.781-.239 1.405-1.233 1.574-2.208-.703.491-2.485 1.822-6.483 2.417-1.635.244-8.591 1.508-17.841-3.119 1.349-.154 3.367-.63 4.905.28-1.538-1.68-5.255-1.331-7.92-2.172-2.322-.735-5.352-3.993-7.093-5.639 7.119 1.744 14.68.485 19.051-2.503 4.418-3.022 7.035-5.228 9.382-4.706 2.343.524 3.906-1.829 2.08-3.92-1.819-2.092-6.233-4.906-12.239-3.398-4.598 1.151-8.517 4.842-14.975 2.278-.391-.155-.794-.334-1.207-.539-.412-.205 1.35.245.916-.012-1.241-.457-3.498-1.493-4.059-1.885-.092-.068.935.186.828.12-6.13-3.626-5.729-6.528-5.729-8.324 0-1.436.872-3.379 2.51-4.29.884.315 1.433.603 1.433.603s-.408-.627-.667-.931c.06-.022.121-.038.184-.056.722.244 2.346.844 3.169 1.258 1.115.56 1.49 1.131 1.49 1.131s.26-.165-.012-.736c-.112-.239-.505-.928-1.609-1.598.02-.002.039-.003.052-.006.579.23 1.193.521 1.871.905.211-.983.635-2.003.349-3.785-.201-1.254-.175-1.577-.489-2.032-.269-.39.073-.562.489-.211-.086-.267-.206-.533-.342-.799.012-.004.022-.021.029-.058 1.909-2.314 9.53-5.856 11.238-7.659.203-.215.371-.398.514-.562-.009.025-.018.056-.027.078.998-.754 1.428-1.485 1.866-2.554.445-1.087.95-3.644-.507-4.179-1.2-.287-2.219-.496-4.15-.459-1.494-.09-3.487-.128-6.159-.105-2.687.02-4.437-1.543-5.494-3.034-.213-.324-.404-.633-.574-.911-.232-.415-.388-.782-.508-1.08 1.174-4.262 3.527-7.962 7.199-10.959.222-.186-.875.127-.667-.071.248-.233 1.803-.975 2.094-1.139.377-.212-1.692-.77-3.46-.403-1.774.367-2.122.578-3.036 1.051.37-.384 1.575-.993 1.279-.928-1.926.432-4.199 1.7-6.134 3.067-.015-.174 0-.316.04-.596-.913.474-3.119 2.172-3.681 3.47 0-.282 0-.423-.035-.737-.628.577-1.231 1.254-1.777 2.01-.006.011-.016.019-.022.029-5.745-1.428-10.622-1.082-14.698.225-1.361-1.104-3.427-3.066-4.995-5.597-.014-.023-.027-.033-.039-.036-.111-.099-.139.412-.235.353-.008-.009-.017-.021-.026-.037-.97-1.745-1.796-4.719-1.875-6.848 0 0-.006.004-.01.006v-.001s-1.583.921-2.622 4.184c-.183.578-.31.92-.443 1.235-.002.005-.003.004-.005.004-.017-.068.082-1 .044-.959-.002-.006-.004-.008-.007-.001-.198.407-.761 1.051-.944 1.789-.138.551-.361.886-.449 1.576-.005.015-.01.029-.018.043-.012-.169-.023-.689-.059-.687-.005-.007-.012-.006-.018.011-.367.971-.712 2.06-1.012 3.259-.063.25-.124.505-.183.766-.01.046-.022.088-.032.134-.008.042-.017.085-.025.128-.241 1.116-.436 2.324-.567 3.627-.199 1.839-.286 3.965-.115 6.381-.003.348.052.685.041.997-.992 1.367-1.761 2.609-2.29 3.564-2.109 3.602-4.345 9.54-6.105 19.463 0 0 .046-.146.137-.408-.022.124-.045.242-.068.368 0 0 1.002-3.159 2.999-6.798-1.507 4.739-2.67 12.034-1.972 22.888.005-.068.021-.222.049-.449.008.13.015.257.023.388.029-.363.352-3.146 1.175-6.899.4 7.326 2.139 16.333 7.845 26.099 4.348 7.448 15.807 24.752 44.561 31.227-3.156-.91-5.118-2.733-5.118-2.733s10.739 3.451 18.578 3.156c-2.454-.423-2.945-1.612-2.945-1.612s27.867 1.576 37.502-11.568c-3.293 3.854-11.635 4.941-14.79 4.975 4.802-4.413 15.419-4.311 26.92-15.63 6.308-6.212 6.99-10.936 7.677-15.352-1.052 5.782-6.556 9.251-12.304 12.408z" class="iconic-browser-type-firefox-fox iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- IE -->
+  <g data-width="128" data-height="126" class="iconic-lg iconic-container" display="inline" transform="translate(0 1)">
+    <g class="iconic-browser-type-internetexplorer" display="none">
+      <path d="M128 65.795c0-10.118-2.616-19.625-7.204-27.885 19.554-44.255-20.953-37.773-23.208-37.332-8.582 1.679-16.521 4.375-23.845 7.793-11.441-.644-22.951 2.158-32.784 8.05-9.265 5.552-16.889 13.717-21.783 23.347-2.115 4.16-3.717 8.579-4.759 13.128 14.405-16.161 24.487-22.682 30.524-25.291-11.072 9.893-20.546 21.573-28.453 34.119-3.508 5.566-6.739 11.311-9.608 17.233-.946 1.952-2.06 3.527-3.662 8.335-16.373 58.479 34.697 33.786 41.821 30.1 11.811 5.835 25.535 7.412 38.37 4.464 10.844-2.491 20.843-8.192 28.549-16.213 5.636-5.866 10.009-12.92 12.733-20.586h-30.222c-6.049 10.219-18.854 14.744-30.16 11.74-10.272-2.729-18.497-11.636-19.023-22.461-.018-.377-.027-.754-.027-1.131h82.267c.312-2.426.474-4.898.474-7.408zm-10.745-56.601c4.953 3.343 8.926 8.593 2.103 26.274-6.543-10.523-16.388-18.778-28.09-23.316 5.323-2.571 18.505-8.008 25.986-2.958 4.953 3.343-7.482-5.05 0 0zm-105.262 108.079c-4.034-4.137-4.747-14.214 4.155-32.576 4.493 12.917 13.458 23.74 25.046 30.61-5.763 3.172-21.062 10.314-29.2 1.967-4.034-4.137 8.138 8.347 0 0zm33.139-59.799c.38-10.872 8.488-19.968 18.813-22.758 10.621-2.87 22.567 1.004 28.924 10.118 2.586 3.708 4.091 8.118 4.249 12.64h-51.985z" class="iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Safari -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-browser-type-safari" display="none">
+      <path d="M64 4c33.084 0 60 26.916 60 60s-26.916 60-60 60-60-26.916-60-60 26.916-60 60-60m0-4c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64z" class="iconic-browser-type-safari-border iconic-property-fill"/>
+      <path class="iconic-browser-type-safari-needle iconic-property-fill" d="M103.779 24.044l-32.177 47.028-47.381 32.884 32.884-46.674z"/>
+      <path stroke="#000" stroke-width="1.414" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-large iconic-property-stroke" d="M64 7.484v11.551m-11.026-10.465l2.254 11.329m-12.856-8.113l4.421 10.672m-14.191-5.449l6.417 9.604m-14.982-2.576l8.168 8.168m-15.196.397l9.604 6.417m-14.827 3.353l10.672 4.421m-13.888 6.181l11.329 2.254m-12.415 8.772h11.551m-10.465 11.026l11.329-2.254m-8.113 12.856l10.672-4.421m-5.449 14.191l9.604-6.417m5.989 22.01l6.417-9.604m3.353 14.827l4.421-10.672m6.181 13.888l2.254-11.329m8.772 12.415v-11.551m11.026 10.465l-2.254-11.329m12.856 8.113l-4.421-10.672m14.191 5.449l-6.417-9.604m14.982 2.576l-8.168-8.168m15.196-.397l-9.604-6.417m14.827-3.353l-10.672-4.421m13.888-6.181l-11.329-2.254m12.415-8.772h-11.551m10.465-11.026l-11.329 2.254m8.113-12.856l-10.672 4.421m5.449-14.191l-9.604 6.417m-5.989-22.01l-6.417 9.604m-3.353-14.827l-4.421 10.672m-6.181-13.888l-2.254 11.329" fill="none"/>
+      <path stroke="#000" stroke-width="1.414" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-small iconic-property-stroke" d="M58.461 7.756l.577 5.865m-11.444-3.703l1.711 5.639m-11.946-1.399l2.778 5.197m-11.99.958l3.738 4.555m-11.572 3.279l4.555 3.738m-10.71 5.474l5.197 2.778m-9.437 7.457l5.639 1.711m-7.801 9.156l5.865.577m-5.865 10.502l5.865-.578m-3.703 11.444l5.639-1.711m-1.399 11.946l5.197-2.778m.958 11.99l4.555-3.738m3.279 11.572l3.738-4.555m5.474 10.71l2.778-5.197m7.457 9.437l1.711-5.639m9.156 7.8l.577-5.864m10.502 5.864l-.578-5.864m11.444 3.703l-1.711-5.639m11.946 1.399l-2.778-5.197m11.99-.958l-3.738-4.555m11.572-3.279l-4.555-3.738m10.71-5.474l-5.197-2.778m9.437-7.457l-5.639-1.711m7.8-9.155l-5.864-.578m5.864-10.501l-5.864.577m3.703-11.444l-5.639 1.711m1.399-11.946l-5.197 2.778m-.958-11.99l-4.555 3.738m-3.279-11.572l-3.738 4.555m-5.474-10.71l-2.778 5.197m-7.457-9.437l-1.711 5.639m-9.155-7.801l-.578 5.865" fill="none"/>
+    </g>
+  </g>
+
+
+
+  <!-- Chrome -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-browser-type-chrome">
+      <path d="M18.28 23.877c-.739.213-1.509.323-2.28.323-2.966 0-5.71-1.609-7.16-4.2l-6.766-11.88c-1.319 2.326-2.074 5.015-2.074 7.88 0 8.002 5.876 14.628 13.548 15.809l4.732-7.932z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-left iconic-property-fill"/>
+      <path d="M8.018 14.111c.853-3.639 4.111-6.311 7.982-6.311l13.739-.001c-2.794-4.671-7.901-7.799-13.739-7.799-5.091 0-9.624 2.378-12.555 6.083l4.572 8.028z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-top iconic-property-fill"/>
+      <path d="M21.587 10c1.657 1.538 2.613 3.692 2.613 6 0 1.605-.464 3.158-1.34 4.494l-6.862 11.506h.003c8.837 0 16-7.163 16-16 0-2.122-.414-4.148-1.165-6.001l-9.248.001z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-right iconic-property-fill"/>
+      <path d="M16 10c-3.308 0-6 2.692-6 6 0 1.025.263 2.036.76 2.924 1.063 1.897 3.071 3.076 5.24 3.076 2.019 0 3.89-1.006 5.007-2.692l.003-.005c.648-.98.99-2.122.99-3.303 0-3.308-2.692-6-6-6z" class="iconic-browser-type-chrome-center iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Firefox -->
+  <g data-width="32" data-height="31" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-browser-type-firefox" display="none">
+      <path d="M15.951 1c7.649 0 13.873 6.228 13.873 13.883 0 7.655-6.223 13.883-13.873 13.883-7.65 0-13.873-6.228-13.873-13.883 0-7.655 6.224-13.883 13.873-13.883m0-1c-8.201 0-14.873 6.676-14.873 14.883 0 8.207 6.672 14.883 14.873 14.883s14.873-6.677 14.873-14.883c0-8.207-6.672-14.883-14.873-14.883z" class="iconic-browser-type-firefox-border iconic-property-fill"/>
+      <path d="M27.567 23.975c.133-.249.273-.482.416-.703-.017.035-.033.067-.049.098.237-.374.504-.741.777-1.099.599-.751 1.187-1.379 1.576-2.069.08-.142.167-.308.257-.495.856-1.671 1.77-4.563 1.349-7.321-.07-.492-.182-.979-.349-1.45.007.029.014.058.021.086-.011-.034-.018-.052-.018-.052s-.262.789-.612 1.972c.183-1.714.053-3.499-.545-5.151-.263-.727-.585-1.342-.904-1.844-.468-.794-.997-1.403-1.411-1.687.047.035.094.077.14.124-.089-.082-.14-.124-.14-.124.023.025.044.05.066.075-.056-.052-.089-.08-.089-.08s.033.178.09.493c-.868-1.364-2.188-2.005-2.188-2.005s.066.37.165 1.159c-1.258-1.004-2.773-1.827-4.58-2.325 2.949 1.944 4.05 3.596 4.747 5.065-.788-.806-2.138-1.647-3.049-1.718 1.367 1.016 3.654 4.032 3.411 8.6-.35-.736-.992-1.888-1.448-2.291.49 4.487.061 5.45-.237 6.642-.065-.548-.263-.959-.376-1.209 0 0-.053 1.402-.964 3.4-.69 1.513-1.403 1.98-1.717 1.927-.086-.006-.132-.043-.131-.046.022-.196.043-.401-.009-.532 0 0-.291.101-.479.365-.076.106-.174.21-.302.308-.022.017.208-.295.191-.28-.113.092-.234.2-.356.326-.447.464-.85.978-1.059.833.195-.06.351-.308.394-.552-.176.123-.621.456-1.621.604-.409.061-2.148.377-4.46-.78.337-.038.842-.157 1.226.07-.385-.42-1.314-.333-1.98-.543-.581-.184-1.338-.998-1.773-1.41 1.78.436 3.67.121 4.763-.626 1.104-.755 1.759-1.307 2.345-1.177.586.131.977-.457.52-.98-.455-.523-1.558-1.226-3.06-.85-1.149.288-2.129 1.211-3.744.569-.098-.039-.199-.084-.302-.135-.103-.051.338.061.229-.003-.31-.114-.875-.373-1.015-.471-.023-.017.234.047.207.03-1.532-.907-1.432-1.632-1.432-2.081 0-.359.218-.845.627-1.073.221.079.358.151.358.151s-.102-.157-.167-.233c.015-.006.03-.01.046-.014.18.061.587.211.792.315.279.14.372.283.372.283s.065-.041-.003-.184c-.028-.06-.126-.232-.402-.4.005 0 .01-.001.013-.002.145.057.298.13.468.226.053-.246.159-.501.087-.946-.05-.314-.044-.394-.122-.508-.067-.098.018-.141.122-.053-.021-.067-.051-.133-.086-.2.003-.001.005-.005.007-.015.477-.579 2.382-1.464 2.809-1.915.051-.054.093-.1.129-.141-.002.006-.005.014-.007.019.25-.189.357-.371.467-.639.111-.272.238-.911-.127-1.045-.3-.072-.555-.124-1.038-.115-.373-.022-.872-.032-1.54-.026-.672.005-1.109-.386-1.373-.758-.053-.081-.101-.158-.143-.228-.058-.104-.097-.196-.127-.27.294-1.065.882-1.99 1.8-2.74.056-.047-.219.032-.167-.018.062-.058.451-.244.523-.285.094-.053-.423-.193-.865-.101-.444.092-.53.144-.759.263.093-.096.394-.248.32-.232-.482.108-1.05.425-1.534.767-.004-.043 0-.079.01-.149-.229.119-.78.543-.921.868 0-.071 0-.106-.009-.184-.157.144-.308.314-.444.502-.002.003-.004.005-.005.007-1.436-.357-2.655-.271-3.675.056-.34-.276-.857-.767-1.249-1.399-.004-.006-.007-.008-.01-.009-.028-.025-.035.103-.059.088-.002-.002-.004-.005-.006-.009-.242-.436-.449-1.18-.469-1.712 0 0-.002.001-.003.002 0 0-.396.23-.655 1.046-.046.144-.078.23-.111.309 0 .001-.001.001-.001.001-.004-.017.02-.25.011-.24-.001-.002-.001-.002-.002 0-.05.102-.19.263-.236.447-.035.138-.09.222-.112.394-.001.004-.003.007-.005.011-.003-.042-.006-.172-.015-.172-.001-.002-.003-.001-.005.003-.092.243-.178.515-.253.815-.016.063-.031.126-.046.192-.002.011-.005.022-.008.034-.002.01-.004.021-.006.032-.06.279-.109.581-.142.907-.05.46-.072.991-.029 1.595-.001.087.013.171.01.249-.248.342-.44.652-.572.891-.527.901-1.086 2.385-1.526 4.866 0 0 .011-.036.034-.102-.006.031-.011.061-.017.092 0 0 .251-.79.75-1.7-.377 1.185-.667 3.009-.493 5.722.001-.017.005-.056.012-.112.002.032.004.064.006.097.007-.091.088-.787.294-1.725.1 1.831.535 4.083 1.961 6.525 1.087 1.862 3.952 6.188 11.14 7.807-.789-.228-1.28-.683-1.28-.683s2.685.863 4.644.789c-.614-.106-.736-.403-.736-.403s6.967.394 9.376-2.892c-.823.964-2.909 1.235-3.697 1.244 1.2-1.103 3.855-1.078 6.73-3.908 1.577-1.553 1.748-2.734 1.919-3.838-.263 1.445-1.639 2.313-3.076 3.102z" class="iconic-browser-type-firefox-fox iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- IE -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-browser-type-internetexplorer" display="none">
+      <path d="M32 16.449c0-2.53-.654-4.906-1.801-6.971 4.889-11.064-5.238-9.443-5.802-9.333-2.145.42-4.13 1.094-5.961 1.948-2.86-.161-5.738.539-8.196 2.013-2.316 1.388-4.222 3.429-5.446 5.837-.529 1.04-.929 2.145-1.19 3.282 3.601-4.04 6.122-5.67 7.631-6.323-2.768 2.473-5.136 5.393-7.113 8.53-.877 1.392-1.685 2.828-2.402 4.308-.236.488-.515.882-.916 2.084-4.093 14.62 8.674 8.447 10.455 7.525 2.953 1.459 6.384 1.853 9.592 1.116 2.711-.623 5.211-2.048 7.137-4.053 1.409-1.466 2.502-3.23 3.183-5.146h-7.556c-1.512 2.555-4.713 3.686-7.54 2.935-2.568-.682-4.624-2.909-4.756-5.615-.005-.094-.007-.189-.007-.283h20.567c.078-.606.118-1.224.118-1.852zm-2.686-14.15c1.238.836 2.232 2.148.526 6.568-1.636-2.631-4.097-4.695-7.022-5.829 1.331-.643 4.626-2.002 6.497-.739 1.238.836-1.87-1.263 0 0zm-26.315 27.02c-1.008-1.034-1.187-3.554 1.039-8.144 1.123 3.229 3.365 5.935 6.261 7.652-1.441.793-5.266 2.578-7.3.492-1.009-1.034 2.035 2.087 0 0zm8.285-14.95c.095-2.718 2.122-4.992 4.703-5.689 2.655-.718 5.642.251 7.231 2.53.647.927 1.023 2.029 1.062 3.16h-12.997z" class="iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Safari -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-browser-type-safari" display="none">
+      <path d="M16 1c8.271 0 15 6.729 15 15s-6.729 15-15 15-15-6.729-15-15 6.729-15 15-15m0-1c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16z" class="iconic-browser-type-safari-border iconic-property-fill"/>
+      <path class="iconic-browser-type-safari-needle iconic-property-fill" d="M25.945 6.011l-8.044 11.757-11.845 8.221 8.221-11.669z"/>
+      <path stroke="#000" stroke-width=".354" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-large iconic-property-stroke" d="M16 1.871v2.888m-2.756-2.616l.563 2.832m-3.214-2.028l1.105 2.667m-3.548-1.362l1.605 2.401m-3.746-.644l2.042 2.042m-3.799.099l2.401 1.605m-3.706.838l2.667 1.105m-3.471 1.546l2.832.563m-3.104 2.193h2.888m-2.616 2.756l2.832-.563m-2.028 3.214l2.667-1.105m-1.362 3.548l2.401-1.605m1.497 5.503l1.605-2.401m.838 3.706l1.105-2.667m1.546 3.471l.563-2.832m2.193 3.104v-2.888m2.756 2.616l-.563-2.832m3.214 2.028l-1.105-2.667m3.548 1.362l-1.605-2.401m3.746.644l-2.042-2.042m3.799-.099l-2.401-1.605m3.706-.838l-2.667-1.105m3.471-1.546l-2.832-.563m3.104-2.193h-2.888m2.616-2.756l-2.832.563m2.028-3.214l-2.667 1.105m1.362-3.548l-2.401 1.605m-1.497-5.503l-1.605 2.401m-.838-3.706l-1.105 2.667m-1.546-3.471l-.563 2.832" fill="none"/>
+      <path stroke="#000" stroke-width=".354" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-small iconic-property-stroke" d="M14.615 1.939l.144 1.466m-2.86-.926l.427 1.41m-2.986-.35l.694 1.3m-2.997.239l.934 1.139m-2.893.82l1.139.934m-2.678 1.369l1.3.694m-2.36 1.865l1.41.427m-1.95 2.289l1.466.144m-1.466 2.626l1.466-.144m-.926 2.86l1.41-.427m-.35 2.986l1.3-.694m.239 2.997l1.139-.934m.82 2.893l.934-1.139m1.369 2.678l.694-1.3m1.865 2.359l.427-1.409m2.289 1.95l.144-1.466m2.626 1.466l-.144-1.466m2.86.925l-.427-1.409m2.986.35l-.694-1.3m2.997-.239l-.934-1.139m2.893-.82l-1.139-.934m2.678-1.369l-1.3-.694m2.359-1.865l-1.409-.427m1.95-2.289l-1.466-.144m1.466-2.626l-1.466.144m.925-2.86l-1.409.427m.35-2.986l-1.3.694m-.239-2.997l-1.139.934m-.82-2.893l-.934 1.139m-1.369-2.678l-.694 1.3m-1.865-2.36l-.427 1.41m-2.289-1.95l-.144 1.466" fill="none"/>
+    </g>
+  </g>
+
+
+
+  <!-- Chrome -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-browser-type-chrome">
+      <path d="M9.14 11.938c-.37.107-.755.162-1.14.162-1.483 0-2.855-.805-3.58-2.1l-3.383-5.94c-.66 1.163-1.037 2.508-1.037 3.94 0 4.001 2.938 7.314 6.774 7.904l2.366-3.966z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-left iconic-property-fill"/>
+      <path d="M4.009 7.056c.426-1.819 2.055-3.156 3.991-3.156h6.87c-1.397-2.335-3.95-3.9-6.87-3.9-2.545 0-4.812 1.189-6.277 3.042l2.286 4.014z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-top iconic-property-fill"/>
+      <path d="M10.794 5c.829.769 1.306 1.846 1.306 3 0 .802-.232 1.579-.67 2.247l-3.431 5.753h.001c4.418 0 8-3.582 8-8 0-1.061-.207-2.074-.582-3h-4.624z" class="iconic-browser-type-chrome-rim iconic-browser-type-chrome-rim-right iconic-property-fill"/>
+      <path d="M8 5c-1.654 0-3 1.346-3 3 0 .513.131 1.018.38 1.462.531.949 1.535 1.538 2.62 1.538 1.01 0 1.945-.503 2.503-1.346l.002-.002c.324-.49.495-1.061.495-1.652 0-1.654-1.346-3-3-3z" class="iconic-browser-type-chrome-center iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Firefox -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-browser-type-firefox" display="none">
+      <path d="M7.975.5c3.825 0 6.936 3.114 6.936 6.941 0 3.828-3.112 6.942-6.936 6.942-3.825 0-6.937-3.114-6.937-6.942 0-3.827 3.112-6.941 6.937-6.941m0-.5c-4.101 0-7.437 3.338-7.437 7.441s3.336 7.442 7.437 7.442c4.1 0 7.436-3.338 7.436-7.442 0-4.103-3.336-7.441-7.436-7.441z" class="iconic-browser-type-firefox-border iconic-property-fill"/>
+      <path d="M13.784 11.987c.066-.125.136-.241.208-.351-.008.017-.017.034-.024.049.118-.187.252-.371.388-.549.299-.376.594-.689.788-1.034.04-.071.083-.154.128-.248.428-.835.885-2.281.674-3.661-.035-.246-.091-.489-.174-.725.004.014.007.029.011.043-.006-.017-.009-.026-.009-.026s-.131.395-.306.986c.091-.857.026-1.75-.273-2.576-.132-.363-.292-.671-.452-.922-.234-.397-.498-.702-.706-.844.024.018.047.039.07.062-.044-.041-.07-.062-.07-.062.011.013.022.025.033.038-.028-.026-.045-.04-.045-.04s.017.089.045.247c-.434-.682-1.094-1.002-1.094-1.002s.033.185.083.58c-.629-.502-1.387-.914-2.29-1.163 1.474.972 2.025 1.798 2.373 2.533-.394-.403-1.069-.824-1.525-.859.683.508 1.827 2.016 1.705 4.3-.175-.368-.496-.944-.724-1.145.245 2.243.03 2.725-.118 3.321-.033-.274-.131-.479-.188-.605 0 0-.026.701-.482 1.7-.345.757-.701.99-.859.964-.043-.003-.066-.021-.065-.023.011-.098.021-.201-.005-.266 0 0-.145.05-.239.182-.038.053-.087.105-.151.154-.011.009.104-.147.095-.14-.057.046-.117.1-.178.163-.224.232-.425.489-.53.416.098-.03.176-.154.197-.276-.088.061-.311.228-.81.302-.204.03-1.074.188-2.23-.39.169-.019.421-.079.613.035-.192-.21-.657-.166-.99-.272-.29-.092-.669-.499-.887-.705.89.218 1.835.061 2.381-.313.552-.378.879-.653 1.173-.588.293.066.488-.229.26-.49-.227-.262-.779-.613-1.53-.425-.575.144-1.065.605-1.872.285-.049-.019-.099-.042-.151-.067-.051-.026.169.031.114-.002-.155-.057-.437-.187-.507-.236-.011-.009.117.023.104.015-.766-.453-.716-.816-.716-1.04 0-.179.109-.422.314-.536.111.039.179.075.179.075s-.051-.078-.083-.116c.007-.003.015-.005.023-.007.09.031.293.105.396.157.139.07.186.141.186.141s.033-.021-.002-.092c-.014-.03-.063-.116-.201-.2.003 0 .005 0 .007-.001.072.029.149.065.234.113.026-.123.079-.25.044-.473-.025-.157-.022-.197-.061-.254-.034-.049.009-.07.061-.026-.011-.033-.026-.067-.043-.1.002-.001.003-.003.004-.007.239-.289 1.191-.732 1.405-.957.025-.027.046-.05.064-.07-.001.003-.002.007-.003.01.125-.094.179-.186.233-.319.056-.136.119-.455-.063-.522-.15-.036-.277-.062-.519-.057-.187-.011-.436-.016-.77-.013-.336.003-.555-.193-.687-.379-.027-.041-.051-.079-.072-.114-.029-.052-.049-.098-.064-.135.147-.533.441-.995.9-1.37.028-.023-.109.016-.083-.009.031-.029.225-.122.262-.142.047-.027-.212-.096-.432-.05-.222.046-.265.072-.38.131.046-.048.197-.124.16-.116-.241.054-.525.212-.767.383-.002-.022 0-.04.005-.074-.114.059-.39.271-.46.434 0-.035 0-.053-.004-.092-.079.072-.154.157-.222.251-.001.001-.002.002-.003.004-.718-.178-1.328-.135-1.837.028-.17-.138-.428-.383-.624-.7-.002-.003-.003-.004-.005-.005-.014-.012-.017.052-.029.044-.001-.001-.002-.003-.003-.005-.121-.218-.225-.59-.234-.856 0 0-.001.001-.001.001s-.198.115-.328.523c-.023.072-.039.115-.055.154 0 .001 0 .001-.001 0-.002-.009.01-.125.005-.12 0-.001-.001-.001-.001 0-.025.051-.095.131-.118.224-.017.069-.045.111-.056.197-.001.002-.001.003-.002.005-.002-.021-.003-.086-.007-.086-.001-.001-.002-.001-.002.001-.046.121-.089.258-.127.407-.008.031-.016.063-.023.096-.001.006-.003.011-.004.017-.001.005-.002.011-.003.016-.03.139-.054.29-.071.453-.025.23-.036.496-.014.798 0 .044.006.086.005.125-.124.171-.22.326-.286.445-.264.45-.543 1.192-.763 2.433 0 0 .006-.018.017-.051-.003.016-.006.03-.008.046 0 0 .125-.395.375-.85-.188.592-.334 1.504-.246 2.861.001-.009.003-.028.006-.056.001.016.002.032.003.049.004-.045.044-.393.147-.862.05.916.267 2.042.981 3.262.543.931 1.976 3.094 5.57 3.903-.395-.114-.64-.342-.64-.342s1.342.431 2.322.395c-.307-.053-.368-.202-.368-.202s3.483.197 4.688-1.446c-.412.482-1.454.618-1.849.622.6-.552 1.927-.539 3.365-1.954.788-.776.874-1.367.96-1.919-.132.723-.819 1.156-1.538 1.551z" class="iconic-browser-type-firefox-fox iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- IE -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-browser-type-internetexplorer" display="none">
+      <path d="M16 8.224c0-1.265-.327-2.453-.9-3.486 2.444-5.532-2.619-4.722-2.901-4.667-1.073.21-2.065.547-2.981.974-1.43-.08-2.869.27-4.098 1.006-1.158.694-2.111 1.715-2.723 2.918-.264.52-.465 1.072-.595 1.641 1.801-2.02 3.061-2.835 3.816-3.161-1.384 1.237-2.568 2.697-3.557 4.265-.439.696-.842 1.414-1.201 2.154-.118.244-.258.441-.458 1.042-2.047 7.31 4.337 4.223 5.228 3.763 1.476.729 3.192.926 4.796.558 1.355-.311 2.605-1.024 3.569-2.027.705-.733 1.251-1.615 1.592-2.573h-3.778c-.756 1.277-2.357 1.843-3.77 1.468-1.284-.341-2.312-1.454-2.378-2.808-.002-.047-.003-.094-.003-.141h10.283c.039-.303.059-.612.059-.926zm-1.343-7.075c.619.418 1.116 1.074.263 3.284-.818-1.315-2.049-2.347-3.511-2.914.665-.321 2.313-1.001 3.248-.37.619.418-.935-.631 0 0zm-13.158 13.51c-.504-.517-.593-1.777.519-4.072.562 1.615 1.682 2.968 3.131 3.826-.72.396-2.633 1.289-3.65.246-.504-.517 1.017 1.043 0 0zm4.142-7.475c.048-1.359 1.061-2.496 2.352-2.845 1.328-.359 2.821.126 3.615 1.265.323.464.511 1.015.531 1.58h-6.498z" class="iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Safari -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-browser-type-safari" display="none">
+      <path d="M8 .53c4.119 0 7.47 3.351 7.47 7.47s-3.351 7.47-7.47 7.47-7.47-3.351-7.47-7.47 3.351-7.47 7.47-7.47m0-.53c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8z" class="iconic-browser-type-safari-border iconic-property-fill"/>
+      <path class="iconic-browser-type-safari-needle iconic-property-fill" d="M12.972 3.006l-4.022 5.879-5.923 4.111 4.111-5.834z"/>
+      <path stroke="#000" stroke-width=".177" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-large iconic-property-stroke" d="M8 .935v1.444m-1.378-1.308l.282 1.416m-1.608-1.014l.553 1.334m-1.774-.681l.802 1.201m-1.872-.322l1.021 1.021m-1.9.049l1.201.802m-1.854.419l1.334.553m-1.736.773l1.416.282m-1.552 1.096h1.444m-1.308 1.378l1.416-.281m-1.014 1.607l1.334-.553m-.681 1.774l1.201-.802m.748 2.751l.802-1.201m.419 1.854l.553-1.334m.773 1.736l.282-1.416m1.096 1.552v-1.444m1.378 1.308l-.281-1.416m1.607 1.014l-.553-1.334m1.774.681l-.802-1.201m1.872.322l-1.021-1.021m1.9-.049l-1.201-.802m1.854-.419l-1.334-.553m1.736-.773l-1.416-.281m1.552-1.097h-1.444m1.308-1.378l-1.416.282m1.014-1.608l-1.334.553m.681-1.774l-1.201.802m-.748-2.751l-.802 1.201m-.419-1.854l-.553 1.334m-.773-1.736l-.281 1.416" fill="none"/>
+      <path stroke="#000" stroke-width=".177" class="iconic-browser-type-safari-tick iconic-browser-type-safari-tick-small iconic-property-stroke" d="M7.308.97l.072.733m-1.431-.463l.214.705m-1.493-.175l.347.649m-1.499.12l.468.569m-1.447.41l.569.468m-1.338.684l.649.347m-1.179.932l.705.214m-.975 1.145l.733.072m-.733 1.312l.733-.072m-.463 1.431l.705-.214m-.175 1.493l.649-.347m.12 1.499l.569-.468m.41 1.447l.468-.569m.684 1.338l.347-.649m.932 1.179l.214-.705m1.145.975l.072-.733m1.312.733l-.072-.733m1.431.463l-.214-.705m1.493.175l-.347-.649m1.499-.12l-.468-.569m1.447-.41l-.569-.468m1.338-.684l-.649-.347m1.179-.932l-.705-.214m.975-1.145l-.733-.072m.733-1.312l-.733.072m.463-1.431l-.705.214m.175-1.493l-.649.347m-.12-1.499l-.569.468m-.41-1.447l-.468.569m-.684-1.338l-.347.649m-.932-1.179l-.214.705m-1.145-.975l-.072.733" fill="none"/>
+    </g>
+  </g>
+
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["browser-type"]=iconicApis["browser-type"]||function(t){var e=function(e){t.setAttribute("data-type",e);var a,r,i,n,o=t.querySelectorAll(".iconic-browser-type-chrome"),c=t.querySelectorAll(".iconic-browser-type-firefox"),s=t.querySelectorAll(".iconic-browser-type-internetexplorer"),l=t.querySelectorAll(".iconic-browser-type-safari");switch(a=r=i=n="none",e){case"internetexplorer":i="inline";break;case"firefox":r="inline";break;case"safari":n="inline";break;default:a="inline"}for(var u=0;u<o.length;u++)o[u].setAttribute("display",a),c[u].setAttribute("display",r),s[u].setAttribute("display",i),l[u].setAttribute("display",n)},a=function(){var a=t.getAttribute("data-type");a&&e(a)};return{update:a,setType:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/browser-viewport.svg b/app/javascript/iconic/svg/smart/browser-viewport.svg
new file mode 100755
index 0000000..7f76b38
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/browser-viewport.svg
@@ -0,0 +1,55 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-browser-viewport" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Browser Viewport</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-browser-viewport-clip-0">
+      <path d="M0 11v97h128v-97h-128zm124 93h-120v-90h120v90z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-browser-viewport-clip-1">
+      <path d="M0 0v14h128v-14h-128zm8 10l-4.125-2 4.125-2v4zm4 0v-4l4 2-4 2zm110.084 0h-100.084c-1.105 0-2-.895-2-2s.895-2 2-2h100.084c1.105 0 2 .895 2 2s-.895 2-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-viewport-clip-0">
+      <path d="M0 4v23h32v-23h-32zm30 21h-28v-20h28v20z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-viewport-clip-1">
+      <path d="M0 0v5h32v-5h-32zm3 3l-1-.5 1-.5v1zm1 0v-1l1 .5-1 .5zm25.5 0h-23c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h23c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-viewport-clip-0">
+      <path d="M0 2.5v11.5h16v-11.5h-16zm15 10.5h-14v-10h14v10z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-viewport-clip-1">
+      <path d="M0 0v3h16v-3h-16zm1.5 2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm2 0c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm10 0h-8c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h8c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-browser-viewport-lg iconic-container iconic-lg" data-width="128" data-height="108" display="inline" transform="translate(0 10)">
+    <path stroke="#000" stroke-width="2" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-left iconic-browser-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M7 26v-9h9" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-right iconic-browser-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M112 17h9v9"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-property-stroke" d="M121 92v9h-9m-96 0h-9v-9" fill="none" />
+    <path clip-path="url(#iconic-size-lg-browser-viewport-clip-0)" d="M126.5 108h-125c-.828 0-1.5-.672-1.5-1.5v-94c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v94c0 .828-.672 1.5-1.5 1.5z" class="iconic-browser-viewport-border iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-lg-browser-viewport-clip-1)" d="M0 1.5v11c0 .828.672 1.5 1.5 1.5h125c.828 0 1.5-.672 1.5-1.5v-11c0-.828-.672-1.5-1.5-1.5h-125c-.828 0-1.5.672-1.5 1.5z" class="iconic-browser-viewport-top iconic-property-fill" />
+  </g>
+  <g class="iconic-browser-viewport-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-left iconic-browser-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M3.5 10v-3.5h3.5" fill="none" />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-bottom iconic-browser-viewport-bound-right iconic-browser-viewport-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M28.5 20v3.5h-3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-bottom iconic-browser-viewport-bound-left iconic-browser-viewport-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M7 23.5h-3.5v-3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-right iconic-browser-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M25 6.5h3.5v3.5" fill="none" />
+    <path clip-path="url(#iconic-size-md-browser-viewport-clip-0)" d="M31.5 27h-31c-.276 0-.5-.224-.5-.5v-22c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v22c0 .276-.224.5-.5.5z" class="iconic-browser-viewport-border iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-browser-viewport-clip-1)" d="M31.5 5h-31c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-browser-viewport-top iconic-property-fill" />
+  </g>
+  <g class="iconic-browser-viewport-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-left iconic-browser-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M2.5 7v-2.5h2.5" fill="none" />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-bottom iconic-browser-viewport-bound-right iconic-browser-viewport-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M13.5 9v2.5h-2.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-bottom iconic-browser-viewport-bound-left iconic-browser-viewport-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M5 11.5h-2.5v-2.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-browser-viewport-bound iconic-browser-viewport-bound-top iconic-browser-viewport-bound-right iconic-browser-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M11 4.5h2.5v2.5" fill="none" />
+    <path clip-path="url(#iconic-size-sm-browser-viewport-clip-0)" class="iconic-browser-viewport-border iconic-property-fill" d="M0 2.5h16v11.5h-16z" />
+    <path clip-path="url(#iconic-size-sm-browser-viewport-clip-1)" class="iconic-browser-viewport-top iconic-property-fill" d="M0 0h16v3h-16z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/browser.svg b/app/javascript/iconic/svg/smart/browser.svg
new file mode 100755
index 0000000..94c0908
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/browser.svg
@@ -0,0 +1,56 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="browser" width="128" height="128" class="iconic iconic-browser" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Browser</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-browser-clip-0">
+      <path d="M0 11v97h128v-97h-128zm124 93h-120v-90h120v90z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-browser-clip-1">
+      <path d="M0 0v14h128v-14h-128zm8 10l-4.1-2 4.1-2v4zm4 0v-4l4 2-4 2zm110.1 0h-100.1c-1.1 0-2-.9-2-2s.9-2 2-2h100.1c1.1 0 2 .9 2 2s-.9 2-2 2z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-browser-clip-2">
+      <rect x="4" y="14" width="120" height="90"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-clip-0">
+      <path d="M0 4v23h32v-23h-32zm30 21h-28v-20h28v20z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-clip-1">
+      <path d="M0 0v5h32v-5h-32zm3 3l-1-.5 1-.5v1zm1 0v-1l1 .5-1 .5zm25.5 0h-23c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h23c.3 0 .5.2.5.5s-.2.5-.5.5z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-browser-clip-2">
+      <rect x="2" y="5" width="28" height="20"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-clip-0">
+      <path d="M0 2.5v11.5h16v-11.5h-16zm15 10.5h-14v-10h14v10z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-clip-1">
+      <path d="M0 0v3h16v-3h-16zm1.5 2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm2 0c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm10 0h-8c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h8c.3 0 .5.2.5.5s-.2.5-.5.5z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-browser-clip-2">
+      <rect x="1" y="3" width="14" height="10"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="108" class="iconic-container iconic-lg" display="inline" transform="translate(0 10)">
+    <path clip-path="url(#iconic-size-lg-browser-clip-0)" d="M126.5 108h-125c-.8 0-1.5-.7-1.5-1.5v-94c0-.8.7-1.5 1.5-1.5h125c.8 0 1.5.7 1.5 1.5v94c0 .8-.7 1.5-1.5 1.5z" class="iconic-browser-border iconic-property-fill"/>
+    <path clip-path="url(#iconic-size-lg-browser-clip-1)" d="M0 1.5v11c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-11c0-.8-.7-1.5-1.5-1.5h-125c-.8 0-1.5.7-1.5 1.5z" class="iconic-browser-top iconic-property-fill"/>
+    <image class="iconic-browser-screenshot-image" data-max-width="120" x="4" y="14" clip-path="url(#iconic-size-lg-browser-clip-2)"/>
+  </g>
+  <g data-width="32" data-height="27" class="iconic-container iconic-md" display="none" transform="scale(4) translate(0 2)">
+    <path clip-path="url(#iconic-size-md-browser-clip-0)" d="M31.5 27h-31c-.3 0-.5-.2-.5-.5v-22c0-.3.2-.5.5-.5h31c.3 0 .5.2.5.5v22c0 .3-.2.5-.5.5z" class="iconic-browser-border iconic-property-fill"/>
+    <path clip-path="url(#iconic-size-md-browser-clip-1)" d="M31.5 5h-31c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h31c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-browser-top iconic-property-fill"/>
+    <image class="iconic-browser-screenshot-image" data-max-width="28" x="2" y="5" clip-path="url(#iconic-size-md-browser-clip-2)"/>
+  </g>
+  <g data-width="16" data-height="14" class="iconic-container iconic-sm" display="none" transform="scale(8) translate(0 1)">
+    <path clip-path="url(#iconic-size-sm-browser-clip-0)" class="iconic-browser-border iconic-property-fill" d="M0 2.5h16v11.5h-16z"/>
+    <path clip-path="url(#iconic-size-sm-browser-clip-1)" class="iconic-browser-top iconic-property-fill" d="M0 0h16v3h-16z"/>
+    <image class="iconic-browser-screenshot-image" data-max-width="14" x="1" y="3" clip-path="url(#iconic-size-sm-browser-clip-2)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["browser"]=iconicApis["browser"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var a,r,i=t.querySelectorAll(".iconic-browser-screenshot-image"),n=0,o=new Image;o.onload=function(){for(n=0;n<i.length;n++){i[n].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),i[n].setAttribute("display","inline");var t=o.width/o.height,c=parseInt(i[n].getAttribute("data-max-width"));r=c,a=c/t,i[n].setAttribute("height",a+"px"),i[n].setAttribute("width",r+"px")}};var c=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(c);if(e&&e.match(s))o.src=e;else for(n=0;n<i.length;n++)i[n].setAttribute("display","none"),i[n].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},a=function(){var a=t.getAttribute("data-screenshot")||"";e(a)};return{update:a,setScreenshot:e}};
+//]]>
+</script>
+</svg>
+
+
diff --git a/app/javascript/iconic/svg/smart/brush.svg b/app/javascript/iconic/svg/smart/brush.svg
new file mode 100755
index 0000000..9c47a2b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/brush.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-brush" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Brush</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-brush-clip-0">
+      <path d="M40 0v76.665c.124.032.25.055.374.089 6.147 1.682 10.92 5.918 13.498 11.246h74.127v-88h-88z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-brush-clip-0">
+      <path d="M10 0v15.878c.231.009.463.016.692.047 1.927.262 3.638 1.26 4.817 2.81.741.974 1.215 2.091 1.401 3.265h15.089v-22h-22z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-brush-clip-0">
+      <path d="M7 0v6.322c1.231.474 2.205 1.448 2.679 2.678h6.321v-9h-9z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-brush-lg iconic-container iconic-lg" data-width="128" data-height="126" display="inline" transform="translate(0 1)">
+    <path d="M5.061 124.777c-1.737-.472-3.429-1.077-5.061-1.805 10.557-6.608 18.494-16.982 21.879-29.221l.184-.667c2.192-6.635 9.285-10.477 16.137-8.614 7.078 1.925 11.262 9.206 9.327 16.231l-.28 1.018c-5.447 17.659-24.138 27.967-42.187 23.058z" class="iconic-brush-head iconic-property-accent iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-lg-brush-clip-0)" d="M40.949 77.154l4.103-12.308c.524-1.572 2.013-3.665 3.327-4.675l73.244-56.342c1.313-1.01 2.826-1.381 3.378-.829s.168 2.054-.859 3.355l-56.282 71.291c-1.027 1.3-3.06 2.955-4.542 3.696l-10.633 5.317c-1.482.741-3.732.503-5.026-.532l-5.315-4.252c-1.294-1.035-1.918-3.148-1.394-4.72z"
+    class="iconic-brush-stem iconic-property-fill" />
+  </g>
+  <g class="iconic-brush-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M3.197 31.912c-1.121-.152-2.204-.502-3.197-1.027 2.95-1.791 4.991-4.844 5.466-8.312l.026-.191c.405-2.243 2.516-3.794 4.796-3.484 2.344.319 3.991 2.483 3.673 4.825l-.037.271c-.839 5.081-5.591 8.616-10.727 7.917z" class="iconic-brush-head iconic-property-accent iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-md-brush-clip-0)" d="M29.792.89l-16.585 12.22c-.667.491-1.507 1.491-1.877 2.232l-1.652 3.315c-.37.741-.195 1.818.39 2.405l.873.875c.585.587 1.66.762 2.401.392l3.317-1.658c.741-.37 1.74-1.212 2.231-1.878l12.22-16.585c.491-.667.666-1.431.39-1.708s-1.041-.102-1.708.39z"
+    class="iconic-brush-stem iconic-property-fill" />
+  </g>
+  <g class="iconic-brush-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 10.666c0-1.473-1.197-2.666-2.67-2.666-1.473 0-2.666 1.193-2.666 2.666l.002.002c-.002 1.973-1.074 3.693-2.666 4.615l.008.01c.783.449 1.689.707 2.658.707 2.945 0 5.334-2.389 5.334-5.334z" class="iconic-brush-head iconic-property-accent iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-sm-brush-clip-0)" d="M14.186.581l-5.372 3.838c-.449.321-1.014.982-1.261 1.476l-.106.211c-.247.494-.131 1.211.26 1.601l.586.586c.391.391 1.108.507 1.601.26l.211-.106c.494-.247 1.155-.811 1.476-1.261l3.837-5.372c.321-.449.357-1.038.081-1.314s-.864-.24-1.314.081z"
+    class="iconic-brush-stem iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bug.svg b/app/javascript/iconic/svg/smart/bug.svg
new file mode 100755
index 0000000..f4bb1e8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bug.svg
@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bug" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bug</title>
+  </g>
+  <g class="iconic-bug-lg iconic-container iconic-lg" data-width="116" data-height="128" display="inline" transform="translate(6)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-top iconic-bug-leg-top-right iconic-property-accent iconic-property-stroke" d="M72 46l15-5v-12l12-8" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-bottom iconic-bug-leg-bottom-right iconic-property-accent iconic-property-stroke" d="M85 81l18 8-12 34 4 4"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-middle iconic-bug-leg-middle-right iconic-property-accent iconic-property-stroke" d="M79 57l12-4 12 20 12 4"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-top iconic-bug-leg-top-left iconic-property-accent iconic-property-stroke" d="M44 46l-15-5v-12l-12-8" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-bottom iconic-bug-leg-bottom-left iconic-property-accent iconic-property-stroke" d="M31 81l-18 8 12 34-4 4"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-middle iconic-bug-leg-middle-left iconic-property-accent iconic-property-stroke" d="M37 57l-12-4-12 20-12 4"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M53.905 29.444s-4.064-28.444-20.317-28.444" class="iconic-bug-antenna iconic-bug-antenna-left iconic-property-accent iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M62.095 29.444s4.064-28.444 20.317-28.444" class="iconic-bug-antenna iconic-bug-antenna-right iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M58.151 16c15.367 0 23.45 20.258 13.418 32h-27.102c-10.245-11.45-1.684-32 13.684-32z" class="iconic-bug-head iconic-property-fill" />
+    <path d="M47.809 125.137c4.452-3.681 8.191-10.012 8.191-17.137v-50c0-1.105.895-2 2-2s2 .895 2 2v50c0 7.125 3.739 13.457 8.191 17.137 11.552-6.716 19.809-24.519 19.809-45.43 0-26.671-13.431-37.707-30-37.707s-30 11.036-30 37.707c0 20.911 8.258 38.714 19.809 45.43zm24.759-16.739c4.723-7.602 7.432-18.318 7.432-29.398 0-.552.448-1 1-1s1 .448 1 1c0 11.443-2.819 22.543-7.733 30.454-.19.305-.516.472-.851.472-.18 0-.362-.048-.527-.15-.469-.291-.613-.908-.322-1.377zm-30.835 1.056c-4.914-7.911-7.733-19.011-7.733-30.454 0-.552.448-1 1-1s1 .448 1 1c0 11.081 2.709 21.796 7.432 29.398.291.469.147 1.086-.322 1.377-.165.102-.347.15-.527.15-.334 0-.661-.167-.85-.472z"
+    class="iconic-bug-thorax iconic-property-fill" />
+  </g>
+  <g class="iconic-bug-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-top iconic-bug-leg-top-right iconic-property-accent iconic-property-stroke" d="M18.5 11.5l3-1v-3l3-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-bottom iconic-bug-leg-bottom-right iconic-property-accent iconic-property-stroke" d="M20.5 20.5l5 2-3 8 1 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-middle iconic-bug-leg-middle-right iconic-property-accent iconic-property-stroke" d="M19.5 14.5l3-1 3 5 3 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-top iconic-bug-leg-top-left iconic-property-accent iconic-property-stroke" d="M10.5 11.5l-3-1v-3l-3-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-bottom iconic-bug-leg-bottom-left iconic-property-accent iconic-property-stroke" d="M8.5 20.5l-5 2 3 8-1 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-middle iconic-bug-leg-middle-left iconic-property-accent iconic-property-stroke" d="M9.5 14.5l-3-1-3 5-3 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M12.5 7.5s-1-7-5-7" class="iconic-bug-antenna iconic-bug-antenna-left iconic-property-accent iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M15.5 7.5s1-7 5-7" class="iconic-bug-antenna iconic-bug-antenna-right iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M14.533 3.5c3.842 0 5.862 5.728 3.355 8.5h-6.776c-2.561-2.703-.421-8.5 3.421-8.5z" class="iconic-bug-head iconic-property-fill" />
+    <path d="M11.821 31.265c1.164-.876 2.179-2.45 2.179-4.265v-12.5c0-.276.224-.5.5-.5s.5.224.5.5v12.501c0 1.815 1.015 3.388 2.179 4.264 2.817-1.583 4.821-5.576 4.821-10.265 0-6.075-3.358-11-7.5-11s-7.5 4.925-7.5 11c0 4.689 2.004 8.682 4.821 10.265z"
+    class="iconic-bug-thorax iconic-property-fill" />
+  </g>
+  <g class="iconic-bug-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-top iconic-bug-leg-top-right iconic-property-accent iconic-property-stroke" d="M9.5 6.5l3-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-bottom iconic-bug-leg-bottom-right iconic-property-accent iconic-property-stroke" d="M10.5 9.5l3 4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-right iconic-bug-leg-middle iconic-bug-leg-middle-right iconic-property-accent iconic-property-stroke" d="M10.5 7.5l4 2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-top iconic-bug-leg-top-left iconic-property-accent iconic-property-stroke" d="M5.5 6.5l-3-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-bottom iconic-bug-leg-bottom-left iconic-property-accent iconic-property-stroke" d="M4.5 9.5l-3 4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-bug-leg iconic-bug-leg-left iconic-bug-leg-middle iconic-bug-leg-middle-left iconic-property-accent iconic-property-stroke" d="M4.5 7.5l-4 2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M6.5 4s-.5-3.5-2.5-3.5" class="iconic-bug-antenna iconic-bug-antenna-left iconic-property-accent iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M8 4s.5-3.5 2.5-3.5" class="iconic-bug-antenna iconic-bug-antenna-right iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M7.517 2c1.985 0 3.252 2.586 1.957 3.972l-3.941.028c-1.323-1.352 0-4 1.984-4z" class="iconic-bug-head iconic-property-fill" />
+    <path d="M7.5 5c-2.485 0-4.5 2.462-4.5 5.5 0 2.349 1.208 4.349 2.904 5.137.585-.437 1.096-1.226 1.096-2.137v-6c0-.276.224-.5.5-.5s.5.224.5.5v6c0 .911.511 1.7 1.096 2.137 1.696-.788 2.904-2.788 2.904-5.137 0-3.038-2.015-5.5-4.5-5.5z" class="iconic-bug-thorax iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/building.svg b/app/javascript/iconic/svg/smart/building.svg
new file mode 100755
index 0000000..b47cb4d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/building.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-building" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Building</title>
+  </g>
+  <g class="iconic-building-lg iconic-container iconic-lg" data-width="90" data-height="128" display="inline" transform="translate(19)">
+    <path class="iconic-building-step iconic-building-step-bottom iconic-property-accent iconic-property-fill" d="M0 126h90v2h-90z" />
+    <path class="iconic-building-step iconic-building-step-middle iconic-property-accent iconic-property-fill" d="M2 122h86v2h-86z" />
+    <path class="iconic-building-step iconic-building-step-top iconic-property-accent iconic-property-fill" d="M4 118h82v2h-82z" />
+    <path d="M2 4v2c2.209 0 4 1.791 4 4v106h34v-14h10v14h34v-106c0-2.209 1.791-4 4-4v-2h-86zm24 82h-14v-14h14v14zm2-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2zm24 68h-14v-14h14v14zm2-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2zm24 68h-14v-14h14v14zm2-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2zm-16-10v-14h14v14h-14zm16-16h-18v-2h18v2z"
+    class="iconic-building-facade iconic-property-fill" />
+    <path class="iconic-building-rooftop iconic-property-fill" d="M0 0h90v2h-90z" />
+  </g>
+  <g class="iconic-building-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-building-step iconic-building-step-bottom iconic-property-accent iconic-property-fill" d="M0 31.037h31v1h-31z" />
+    <path class="iconic-building-step iconic-building-step-middle iconic-property-accent iconic-property-fill" d="M1 29.037h29v1h-29z" />
+    <path class="iconic-building-step iconic-building-step-top iconic-property-accent iconic-property-fill" d="M2 27h27v1h-27z" />
+    <path d="M2 1c.552 0 1 .448 1 1v24h11v-5h3v5h11v-24c0-.552.448-1 1-1h-27zm8 17h-5v-5h5v5zm0-8h-5v-5h5v5zm8 8h-5v-5h5v5zm0-8h-5v-5h5v5zm8 8h-5v-5h5v5zm0-8h-5v-5h5v5z" class="iconic-building-facade iconic-property-fill" />
+    <path class="iconic-building-rooftop iconic-property-fill" d="M2 0h27v1h-27z" />
+  </g>
+  <g class="iconic-building-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path class="iconic-building-step iconic-property-accent iconic-property-fill" d="M0 15h14v1h-14z" />
+    <path d="M6 14v-2h2v2h5v-13h-12v13h5zm2-12h3v3h-3v-3zm0 5h3v3h-3v-3zm-5-5h3v3h-3v-3zm0 5h3v3h-3v-3z" class="iconic-building-facade iconic-property-fill" />
+    <path class="iconic-building-rooftop iconic-property-fill" d="M0 0h14v1h-14z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/bullhorn.svg b/app/javascript/iconic/svg/smart/bullhorn.svg
new file mode 100755
index 0000000..5f0a603
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/bullhorn.svg
@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-bullhorn" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Bullhorn</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-bullhorn-clip-0">
+      <path d="M4 0h114v92h-114z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-bullhorn-clip-1">
+      <path d="M120 0h8v92h-8z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-bullhorn-clip-0">
+      <path d="M2 0h26v22h-26z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-bullhorn-clip-1">
+      <path d="M29 0h3v22h-3z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-bullhorn-clip-0">
+      <path d="M0 0h13v11h-13z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-bullhorn-clip-1">
+      <path d="M14 0h2v11h-2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-bullhorn-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path d="M41.711 68.321l5.578 10.359c.393.729.04 1.321-.789 1.321h-9c-.828 0-1.478-.671-1.451-1.499l.195-6.025c.027-.828.562-1.933 1.194-2.467l2.416-2.041c.633-.534 1.464-.377 1.857.353z" class="iconic-bullhorn-handle iconic-bullhorn-handle-trigger iconic-property-fill"
+    />
+    <path d="M59.629 121.072l-19.038-47.595c-1.105-2.661 3.208-7.453 7.478-6.079l-.068-11.398h-28v10h1.6l22.029 55.072c.204.511.821.928 1.371.928h14c.55 0 .833-.418.629-.928z" class="iconic-bullhorn-handle iconic-property-fill" />
+    <path d="M10.5 62h-9c-.828 0-1.5-.672-1.5-1.5v-29c0-.828.672-1.5 1.5-1.5h9c.828 0 1.5.672 1.5 1.5v29c0 .828-.672 1.5-1.5 1.5z" class="iconic-bullhorn-body iconic-bullhorn-body-back iconic-property-fill" />
+    <path d="M4 64.5v-37c0-.828.672-1.5 1.5-1.5h37c.828 0 2.133-.223 2.915-.499l70.885-25.002c.781-.276 2.086-.499 2.915-.499h7.286c.828 0 1.5.672 1.5 1.5v89c0 .828-.672 1.5-1.5 1.5h-7.286c-.828 0-2.133-.223-2.915-.499l-70.885-25.002c-.781-.276-2.086-.499-2.915-.499h-37c-.828 0-1.5-.672-1.5-1.5z"
+    clip-path="url(#iconic-size-lg-bullhorn-clip-0)" class="iconic-bullhorn-body iconic-property-fill" />
+    <path d="M119.5 0h7c.828 0 1.5.672 1.5 1.5v89c0 .828-.672 1.5-1.5 1.5h-7c-.828 0-1.5-.672-1.5-1.5v-89c0-.828.672-1.5 1.5-1.5z" clip-path="url(#iconic-size-lg-bullhorn-clip-1)" class="iconic-bullhorn-body iconic-bullhorn-body-front-lip iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-bullhorn-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path d="M14.814 29.536l-4.667-11.667c-.276-.665.332-1.712 1.399-1.369l-.547-2.5-6-1v3h.4l5.414 13.536c.102.255.411.464.686.464h3c.275 0 .416-.209.314-.464z" class="iconic-bullhorn-handle iconic-property-fill" />
+    <path d="M2.5 15h-2c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5z" class="iconic-bullhorn-body iconic-bullhorn-body-back iconic-property-fill" />
+    <path d="M2 15.5v-9c0-.276.224-.5.5-.5h7c.276 0 .713-.069.975-.155l17.478-5.69c.263-.085.699-.155.976-.155h2.571c.276 0 .5.224.5.5v21c0 .276-.224.5-.5.5h-2.571c-.276 0-.713-.069-.975-.155l-17.478-5.69c-.263-.085-.699-.155-.976-.155h-7c-.276 0-.5-.224-.5-.5z"
+    clip-path="url(#iconic-size-md-bullhorn-clip-0)" class="iconic-bullhorn-body iconic-property-fill" />
+    <path d="M28.5 0h3c.276 0 .5.224.5.5v21c0 .276-.224.5-.5.5h-3c-.276 0-.5-.224-.5-.5v-21c0-.276.224-.5.5-.5z" clip-path="url(#iconic-size-md-bullhorn-clip-1)" class="iconic-bullhorn-body iconic-bullhorn-body-front-lip iconic-property-fill" />
+  </g>
+  <g class="iconic-bullhorn-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path d="M6.898 13.386l-1.909-4.42c-.112-.336.228-.883.748-.716l.263-1.25h-4v1l2.816 6.328c.26.575.937.83 1.512.57s.83-.937.57-1.512z" class="iconic-bullhorn-handle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-bullhorn-clip-0)" class="iconic-bullhorn-body iconic-property-fill" d="M0 8v-5h5l8.714-3h2.286v11h-2.286l-8.714-3z" />
+    <path d="M13.25 0h2.5c.138 0 .25.112.25.25v10.5c0 .138-.112.25-.25.25h-2.5c-.138 0-.25-.112-.25-.25v-10.5c0-.138.112-.25.25-.25z" clip-path="url(#iconic-size-sm-bullhorn-clip-1)" class="iconic-bullhorn-body iconic-bullhorn-body-front-lip iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/calculator.svg b/app/javascript/iconic/svg/smart/calculator.svg
new file mode 100755
index 0000000..4a0d484
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/calculator.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-calculator" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Calculator</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-calculator-clip-0">
+      <path d="M0 128h100v-128h-100v128zm28-12.5c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-3c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v3zm20 60c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-3c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v3zm20 60c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-3c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v3zm20 60c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-35c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v35zm0-40c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-15c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v15zm0-20c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-3c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v3zm0-10c0 .275-.225.5-.5.5h-75c-.275 0-.5-.225-.5-.5v-1c0-.275.225-.5.5-.5h75c.275 0 .5.225.5.5v1zm0-10c0 .275-.225.5-.5.5h-75c-.275 0-.5-.225-.5-.5v-23c0-.275.225-.5.5-.5h75c.275 0 .5.225.5.5v23z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-calculator-clip-0">
+      <path d="M0 0v32h24v-32h-24zm6 29h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-1h3v1zm5 15h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-1h3v1zm5 15h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-3h3v3zm0-5h-3v-1h3v1zm5 15h-3v-8h3v8zm0-10h-3v-3h3v3zm0-5h-3v-1h3v1zm0-3h-18v-1h18v1zm0-3h-18v-5h18v5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-calculator-clip-0">
+      <path d="M0 0v16h15v-16h-15zm4 14h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 6h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 6h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 6h-2v-5h2v5zm0-6h-2v-2h2v2zm0-3h-11v-3h11v3z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-calculator-lg iconic-container iconic-lg" data-width="100" data-height="128" display="inline" transform="translate(14)">
+    <path clip-path="url(#iconic-size-lg-calculator-clip-0)" d="M97 128h-94c-1.657 0-3-1.343-3-3v-122c0-1.657 1.343-3 3-3h94c1.657 0 3 1.343 3 3v122c0 1.657-1.343 3-3 3z" class="iconic-calculator-body iconic-property-fill" />
+  </g>
+  <g class="iconic-calculator-md iconic-container iconic-md" data-width="24" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path clip-path="url(#iconic-size-md-calculator-clip-0)" d="M23 32h-22c-.552 0-1-.448-1-1v-30c0-.552.448-1 1-1h22c.552 0 1 .448 1 1v30c0 .552-.448 1-1 1z" class="iconic-calculator-body iconic-property-fill" />
+  </g>
+  <g class="iconic-calculator-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-calculator-clip-0)" d="M14.75 16h-14.5c-.138 0-.25-.112-.25-.25v-15.5c0-.138.112-.25.25-.25h14.5c.138 0 .25.112.25.25v15.5c0 .138-.112.25-.25.25z" class="iconic-calculator-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/calendar.svg b/app/javascript/iconic/svg/smart/calendar.svg
new file mode 100755
index 0000000..a25be80
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/calendar.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-calendar" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Calendar</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-calendar-clip-0">
+      <path d="M0 26v94h126v-94h-126zm22 86h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 48h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 48h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 64h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 48h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 48h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm16 48h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14zm0-16h-14v-14h14v14z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-calendar-clip-1">
+      <path d="M0 0h126v24h-126z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-calendar-clip-0">
+      <path d="M0 7v25h30v-25h-30zm7 22h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm5 10h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm5 15h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm5 10h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4zm5 10h-4v-4h4v4zm0-5h-4v-4h4v4zm0-5h-4v-4h4v4z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-calendar-clip-1">
+      <path d="M0 0h30v6h-30z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-calendar-clip-0">
+      <path d="M0 4v12h15v-12h-15zm4 10h-2v-2h2v2zm0-3h-2v-2h2v2zm3 3h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 6h-2v-2h2v2zm0-3h-2v-2h2v2zm0-3h-2v-2h2v2zm3 3h-2v-2h2v2zm0-3h-2v-2h2v2z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-calendar-clip-1">
+      <path d="M0 0h15v3h-15z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-calendar-lg iconic-container iconic-lg" data-width="126" data-height="120" display="inline" transform="translate(1 4)">
+    <path d="M0 117v-114c0-1.657 1.343-3 3-3h120c1.657 0 3 1.343 3 3v114c0 1.657-1.343 3-3 3h-120c-1.657 0-3-1.343-3-3z" clip-path="url(#iconic-size-lg-calendar-clip-0)" class="iconic-calendar-body iconic-property-fill" />
+    <path d="M0 118.5v-117c0-.828.672-1.5 1.5-1.5h123c.828 0 1.5.672 1.5 1.5v117c0 .828-.672 1.5-1.5 1.5h-123c-.828 0-1.5-.672-1.5-1.5z" clip-path="url(#iconic-size-lg-calendar-clip-1)" class="iconic-calendar-top iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-calendar-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-calendar-clip-0)" d="M0 .5v31c0 .276.224.5.5.5h29c.276 0 .5-.224.5-.5v-31c0-.276-.224-.5-.5-.5h-29c-.276 0-.5.224-.5.5z" class="iconic-calendar-body iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-calendar-clip-1)" d="M0 .5v31c0 .276.224.5.5.5h29c.276 0 .5-.224.5-.5v-31c0-.276-.224-.5-.5-.5h-29c-.276 0-.5.224-.5.5z" class="iconic-calendar-top iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-calendar-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-calendar-clip-0)" class="iconic-calendar-body iconic-property-fill" d="M0 0h15v16h-15z" />
+    <path clip-path="url(#iconic-size-sm-calendar-clip-1)" class="iconic-calendar-top iconic-property-accent iconic-property-fill" d="M0 0h15v16h-15z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/camera-rangefinder.svg b/app/javascript/iconic/svg/smart/camera-rangefinder.svg
new file mode 100755
index 0000000..aaf1b9c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/camera-rangefinder.svg
@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-camera-rangefinder" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Camera Rangefinder</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-camera-rangefinder-clip-0">
+      <path d="M0 78h128v2h-128v-2zm85.85-52c7.298 4.604 12.15 12.733 12.15 22 0 14.359-11.641 26-26 26-12.95 0-23.685-9.469-25.668-21.86-1.093 1.143-2.629 1.86-4.332 1.86-3.309 0-6-2.691-6-6s2.691-6 6-6c1.707 0 3.247.72 4.34 1.869 1.203-7.519 5.62-13.964 11.81-17.869h-58.15v50h128v-50h-42.15z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-camera-rangefinder-clip-1">
+      <path d="M48 2v4h-48v18h61.989c3.082-1.287 6.463-2 10.011-2s6.929.713 10.011 2h45.989v-22h-80zm-6 13.75c0 .138-.113.25-.25.25h-7.5c-.138 0-.25-.113-.25-.25v-3.5c0-.138.113-.25.25-.25h7.5c.138 0 .25.113.25.25v3.5zm48 2c0 .138-.113.25-.25.25h-13.5c-.138 0-.25-.113-.25-.25v-9.5c0-.137.112-.25.25-.25h13.5c.138 0 .25.113.25.25v9.5zm26 2c0 .138-.113.25-.25.25h-19.5c-.138 0-.25-.113-.25-.25v-13.5c0-.138.112-.25.25-.25h19.5c.138 0 .25.113.25.25v13.5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-camera-rangefinder-clip-0">
+      <path d="M12 0v1h-12v19h32v-20h-20zm6 2.125c0-.069.056-.125.125-.125h3.75c.069 0 .125.056.125.125v1.75c0 .069-.056.125-.125.125h-3.75c-.069 0-.125-.056-.125-.125v-1.75zm0 15.875c-2.978 0-5.443-2.172-5.913-5.018-.03.003-.056.018-.087.018h-1c-.552 0-1-.448-1-1s.448-1 1-1h1c.031 0 .057.015.087.018.47-2.845 2.934-5.018 5.913-5.018 3.314 0 6 2.686 6 6s-2.686 6-6 6zm11-13.125c0 .069-.056.125-.125.125h-4.75c-.069 0-.125-.056-.125-.125v-3.75c0-.069.056-.125.125-.125h4.75c.069 0 .125.056.125.125v3.75z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-camera-rangefinder-clip-0">
+      <path d="M6 0v1h-6v9h16v-10h-10zm4 1.125c0-.069.056-.125.125-.125h.75c.069 0 .125.056.125.125v.75c0 .069-.056.125-.125.125h-.75c-.069 0-.125-.056-.125-.125v-.75zm-1 7.875c-1.317 0-2.424-.854-2.827-2.035-.058.011-.112.035-.173.035h-1c-.552 0-1-.448-1-1s.448-1 1-1h1c.061 0 .115.024.173.035.403-1.181 1.51-2.035 2.827-2.035 1.657 0 3 1.343 3 3s-1.343 3-3 3zm5-7.125c0 .069-.056.125-.125.125h-1.75c-.069 0-.125-.056-.125-.125v-.75c0-.069.056-.125.125-.125h1.75c.069 0 .125.056.125.125v.75z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-camera-rangefinder-lg iconic-container iconic-lg" data-width="128" data-height="80" display="inline" transform="translate(0 24)">
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-release iconic-camera-rangefinder-controls-shutter-release-button iconic-property-fill" d="M18 0h8v4h-8z" />
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-release iconic-camera-rangefinder-controls-shutter-release-base iconic-property-fill" d="M16 2h12v4h-12z" />
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-speed-dial iconic-property-fill" d="M30 2h16v4h-16z" />
+    <path d="M38 48c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4-4 1.794-4 4z" class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-lens-release iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-camera-rangefinder-clip-0)" d="M125 80h-122c-1.657 0-3-1.343-3-3v-54c0-1.657 1.343-3 3-3h122c1.657 0 3 1.343 3 3v54c0 1.657-1.343 3-3 3z" class="iconic-camera-rangefinder-body iconic-camera-rangefinder-body-bottom iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-lg-camera-rangefinder-clip-1)" d="M126.5 28h-125c-.828 0-1.5-.672-1.5-1.5v-19c0-.828.672-1.5 1.5-1.5h45c.828 0 1.5-.672 1.5-1.5v-1c0-.828.672-1.5 1.5-1.5h77c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-camera-rangefinder-body iconic-camera-rangefinder-body-top iconic-property-fill"
+    />
+    <path d="M72 24c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm0 46c-12.131 0-22-9.869-22-22s9.869-22 22-22 22 9.869 22 22-9.869 22-22 22z" class="iconic-camera-rangefinder-lens iconic-camera-rangefinder-lens-barrel iconic-property-fill"
+    />
+    <path d="M72 28c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20zm0 4c-8.822 0-16 7.178-16 16 0 .552-.448 1-1 1s-1-.448-1-1c0-9.925 8.075-18 18-18 .552 0 1 .448 1 1s-.448 1-1 1z" class="iconic-camera-rangefinder-lens iconic-camera-rangefinder-lens-glass iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-camera-rangefinder-md iconic-container iconic-md" data-width="32" data-height="20" display="none" transform="scale(4) translate(0 6)">
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-release iconic-property-fill" d="M3 0h3v1h-3z" />
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-speed-dial iconic-property-fill" d="M7 0h4v1h-4z" />
+    <path d="M31 20h-30c-.552 0-1-.448-1-1v-17c0-.552.448-1 1-1h10c.552 0 1-.224 1-.5s.448-.5 1-.5h18c.552 0 1 .448 1 1v18c0 .552-.448 1-1 1z" clip-path="url(#iconic-size-md-camera-rangefinder-clip-0)" class="iconic-camera-rangefinder-body iconic-property-fill"
+    />
+    <path d="M18 7c-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5-2.239-5-5-5zm0 2c-1.654 0-3 1.346-3 3 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-2.206 1.794-4 4-4 .276 0 .5.224.5.5s-.224.5-.5.5z" class="iconic-camera-rangefinder-lens iconic-camera-rangefinder-lens-glass iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-camera-rangefinder-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path class="iconic-camera-rangefinder-controls iconic-camera-rangefinder-controls-shutter-release iconic-property-fill" d="M1 0h2v1h-2z" />
+    <path clip-path="url(#iconic-size-sm-camera-rangefinder-clip-0)" class="iconic-camera-rangefinder-body iconic-property-fill" d="M16 10h-16v-9h6v-1h10z" />
+    <circle cx="9" cy="6" r="2" class="iconic-camera-rangefinder-lens iconic-camera-rangefinder-lens-glass iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/camera-slr.svg b/app/javascript/iconic/svg/smart/camera-slr.svg
new file mode 100755
index 0000000..487e394
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/camera-slr.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-camera-slr" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Camera Slr</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-camera-slr-clip-0">
+      <path d="M0 112h128v6h-128v-6zm128-112v110h-128v-110h128zm-112 38c0 2.209 1.791 4 4 4s4-1.791 4-4-1.791-4-4-4-4 1.791-4 4zm24-1c0-.552-.448-1-1-1s-1 .448-1 1v3c0 1.377-.855 3.44-1.828 4.414l-1.758 1.758c-.974.974-3.037 1.828-4.414 1.828h-24c-.552 0-1 .448-1 1s.448 1 1 1h24c.755 0 1.61-.17 2.453-.453-.283.843-.453 1.697-.453 2.453v9c0 .552.448 1 1 1s1-.448 1-1v-9c0-1.377.855-3.44 1.828-4.414l1.758-1.758c1.354-1.353 2.414-3.913 2.414-5.828v-3zm78 33c0-3.314-2.686-6-6-6-1.686 0-3.208.698-4.298 1.818-2.042-14.569-14.58-25.818-29.702-25.818-16.542 0-30 13.458-30 30s13.458 30 30 30c15.122 0 27.66-11.249 29.702-25.818 1.09 1.12 2.611 1.818 4.298 1.818 3.314 0 6-2.686 6-6z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-camera-slr-clip-0">
+      <path d="M0 0v30h32v-30h-32zm5 12c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm22 7c-.024 0-.044-.012-.067-.014-.489 3.947-3.856 7.014-7.933 7.014-4.411 0-8-3.589-8-8s3.589-8 8-8c4.077 0 7.444 3.067 7.933 7.014.023-.002.043-.014.067-.014.552 0 1 .448 1 1s-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-camera-slr-clip-0">
+      <path d="M0 0v15h16v-15h-16zm9 13c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-camera-slr-lg iconic-container iconic-lg" data-width="128" data-height="118" display="inline" transform="translate(0 5)">
+    <circle cx="112" cy="70" r="4" class="iconic-camera-slr-lens-release iconic-property-fill" />
+    <path d="M78 44c-14.359 0-26 11.641-26 26s11.641 26 26 26 26-11.641 26-26-11.641-26-26-26zm0 49.649c-13.04 0-23.649-10.609-23.649-23.649s10.609-23.649 23.649-23.649 23.649 10.609 23.649 23.649-10.609 23.649-23.649 23.649z" class="iconic-camera-slr-lens iconic-camera-slr-lens-barrel iconic-property-fill"
+    />
+    <path class="iconic-camera-slr-flash-mount iconic-property-fill" d="M72 0h14v3h-14z" />
+    <path d="M78 47.982c-12.141 0-22.018 9.877-22.018 22.018s9.877 22.018 22.018 22.018 22.018-9.877 22.018-22.018-9.877-22.018-22.018-22.018zm0 5.018c-9.374 0-17 7.626-17 17 0 .552-.448 1-1 1s-1-.448-1-1c0-10.477 8.523-19 19-19 .552 0 1 .448 1 1s-.448 1-1 1z"
+    class="iconic-camera-slr-lens iconic-camera-slr-lens-glass iconic-property-accent iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-camera-slr-clip-0)" d="M108.126 19.657l-12.252-15.315c-1.035-1.294-3.217-2.343-4.874-2.343h-26c-1.657 0-3.839 1.049-4.874 2.343l-12.252 15.315c-1.035 1.294-3.217 2.343-4.874 2.343h-19c-13.255 0-24 10.745-24 24v69c0 1.657 1.343 3 3 3h122c1.657 0 3-1.343 3-3v-90c0-1.657-1.343-3-3-3h-12c-1.657 0-3.839-1.049-4.874-2.343z"
+    class="iconic-camera-slr-body iconic-property-fill" />
+  </g>
+  <g class="iconic-camera-slr-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path clip-path="url(#iconic-size-md-camera-slr-clip-0)" d="M26.723 5.584l-3.445-5.168c-.153-.23-.501-.416-.777-.416h-7c-.276 0-.624.186-.777.416l-3.445 5.168c-.153.23-.501.416-.777.416h-4.5c-3.314 0-6 2.686-6 6v17.5c0 .276.224.5.5.5h31c.276 0 .5-.224.5-.5v-23c0-.276-.224-.5-.5-.5h-4c-.276 0-.624-.186-.777-.416z"
+    class="iconic-camera-slr-body iconic-property-fill" />
+    <path d="M19 12c-3.314 0-6 2.686-6 6s2.686 6 6 6 6-2.686 6-6-2.686-6-6-6zm0 2c-2.206 0-4 1.794-4 4 0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-2.757 2.243-5 5-5 .276 0 .5.224.5.5s-.224.5-.5.5z" class="iconic-camera-slr-lens iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-camera-slr-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-camera-slr-clip-0)" d="M12.861 2.792l-1.723-2.584c-.077-.115-.251-.208-.389-.208h-3.5c-.138 0-.312.093-.389.208l-1.723 2.584c-.077.115-.251.208-.389.208h-1.75c-1.657 0-3 1.343-3 3v8.75c0 .138.112.25.25.25h15.5c.138 0 .25-.112.25-.25v-11.5c0-.138-.112-.25-.25-.25h-2.5c-.138 0-.312-.093-.389-.208z"
+    class="iconic-camera-slr-body iconic-property-fill" />
+    <circle cx="9" cy="9" r="3" class="iconic-camera-slr-lens iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/caret.svg b/app/javascript/iconic/svg/smart/caret.svg
new file mode 100755
index 0000000..7584f5d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/caret.svg
@@ -0,0 +1,17 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="caret" width="128" height="128" class="iconic iconic-caret" viewBox="0 0 128 128">
+  <g><title>Caret</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(24) rotate(0 40 64)">
+    <path d="M78.8 63.1l-77.6-62.2c-.7-.5-1.2-.2-1.2.6v125c0 .8.5 1.1 1.2.6l77.7-62.1c.6-.6.6-1.4-.1-1.9z" class="iconic-property-fill"/>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(7) rotate(0 9 16)">
+    <path d="M19.6 15.7l-19.2-15.4c-.2-.2-.4-.1-.4.2v31c0 .3.2.4.4.2l19.2-15.4c.2-.2.2-.4 0-.6z" class="iconic-property-fill"/>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4) rotate(0 4 8)">
+    <path class="iconic-property-fill" d="M8 8l-8-8v16z"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["caret"]=iconicApis["caret"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"top":n=270;break;case"left":n=180;break;case"bottom":n=90;break;default:n=0}a.setAttribute("transform","rotate("+n+" 64 64) translate(24)"),r.setAttribute("transform","scale(4) rotate("+n+" 16 16) translate(7)"),i.setAttribute("transform","scale(8) rotate("+n+" 8 8) translate(4)")}var a=t.querySelector(".iconic-lg"),r=t.querySelector(".iconic-md"),i=t.querySelector(".iconic-sm"),n=function(){var a=t.getAttribute("data-direction")||"";e(a)};return{update:n,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/carriage-return.svg b/app/javascript/iconic/svg/smart/carriage-return.svg
new file mode 100755
index 0000000..613489e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/carriage-return.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-carriage-return" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Carriage Return</title>
+  </g>
+  <g class="iconic-carriage-return-lg iconic-container iconic-lg" data-width="128" data-height="50" display="inline" transform="translate(0 39)">
+    <path stroke="#000" stroke-width="8" d="M16 36h92c8.837 0 16-7.163 16-16s-7.163-16-16-16h-24" class="iconic-carriage-return-stem iconic-property-stroke" fill="none" />
+    <path class="iconic-carriage-return-head iconic-property-fill" d="M0 36l24 14v-28z" />
+  </g>
+  <g class="iconic-carriage-return-md iconic-container iconic-md" data-width="32" data-height="15" display="none" transform="scale(4) translate(0 8)">
+    <path stroke="#000" stroke-width="3" d="M3 10.5s17.25 0 23 0c2.485 0 4.5-2.015 4.5-4.5s-2.015-4.5-4.5-4.5c-1.25 0-6 0-6 0" class="iconic-carriage-return-stem iconic-property-stroke" fill="none" />
+    <path class="iconic-carriage-return-head iconic-property-fill" d="M0 10.5l6-4.5v9z" />
+  </g>
+  <g class="iconic-carriage-return-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path stroke="#000" stroke-width="2" d="M2 7h10c1.657 0 3-1.343 3-3s-1.343-3-3-3h-3" class="iconic-carriage-return-stem iconic-property-stroke" fill="none" />
+    <path class="iconic-carriage-return-head iconic-property-fill" d="M0 7l3-3v6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cart.svg b/app/javascript/iconic/svg/smart/cart.svg
new file mode 100755
index 0000000..06098dc
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cart.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cart" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cart</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-cart-clip-0">
+      <path d="M0 0v106h22.695c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h61.391c-2.835-1.992-4.695-5.28-4.695-9 0-6.065 4.935-11 11-11s11 4.935 11 11c0 3.72-1.861 7.008-4.695 9h18.695v-106h-128z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-cart-clip-0">
+      <path d="M0 0v28h5.058c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h14.116c-.651-.636-1.058-1.52-1.058-2.5 0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5c0 .98-.407 1.864-1.058 2.5h3.058v-28h-32z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-cart-lg iconic-container iconic-lg" data-width="128" data-height="106" display="inline" transform="translate(0 11)">
+    <path d="M31.176 65.115l-14.352-50.231c-.455-1.593.519-2.885 2.176-2.885h106c1.657 0 2.719 1.313 2.371 2.933l-10.743 50.133c-.347 1.62-1.972 2.933-3.629 2.933h-78c-1.657 0-3.369-1.291-3.824-2.885z" class="iconic-cart-basket iconic-property-fill" />
+    <circle cx="29" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="103" cy="97" r="9" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-cart-clip-0)" stroke="#000" stroke-width="4" d="M106 92h-81.25c-.414 0-.621-.31-.462-.692l9.423-22.615c.159-.382.196-1.015.081-1.413l-18.585-64.559c-.115-.398-.543-.721-.957-.721h-11.25" class="iconic-cart-body iconic-property-stroke"
+    fill="none" />
+    <circle cx="3" cy="3" r="3" class="iconic-cart-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-cart-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path d="M8.742 17.034l-3.485-13.068c-.142-.534.19-.966.742-.966h25c.552 0 .912.439.804.981l-2.608 13.039c-.108.542-.644.981-1.196.981h-18c-.552 0-1.115-.433-1.258-.966z" class="iconic-cart-basket iconic-property-fill" />
+    <circle cx="7.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="26.5" cy="25.5" r="2.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-cart-clip-0)" stroke="#000" d="M27 24.5h-20c-.276 0-.42-.209-.321-.467l2.141-5.567c.099-.258.124-.683.055-.951l-4.251-16.531c-.069-.267-.348-.484-.625-.484h-3" class="iconic-cart-body iconic-property-stroke" fill="none"
+    />
+    <circle cx="1" cy="1" r="1" class="iconic-cart-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-cart-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <circle cx="3.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-back iconic-property-fill" />
+    <circle cx="13.5" cy="12.5" r="1.5" class="iconic-cart-wheel iconic-cart-wheel-front iconic-property-fill" />
+    <path d="M3.929 8.505l-.858-6.005c-.039-.273.153-.495.429-.495l12-.004c.276 0 .468.221.429.495l-.859 6.01c-.039.273-.295.495-.571.495h-10c-.276 0-.532-.222-.571-.495z" class="iconic-cart-basket iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="square" d="M.5.5h2.25c.138 0 .274.109.302.244l1.395 6.511c.029.135.03.354.003.49l-.902 4.51c-.027.135.063.245.201.245h9.75" class="iconic-cart-body iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/chat.svg b/app/javascript/iconic/svg/smart/chat.svg
new file mode 100755
index 0000000..e0f1a62
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/chat.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-chat" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Chat</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-chat-clip-0">
+      <path d="M46 72h-46v-72h83v16h-37z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-chat-clip-0">
+      <path d="M11 18.875h-11v-18.875h22v6h-11z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-chat-clip-0">
+      <path d="M5 11h-5v-11h11v3h-6z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-chat-lg iconic-container iconic-lg" data-width="128" data-height="90" display="inline" transform="translate(0 19)">
+    <path d="M48 19.5v55c0 .828.672 1.5 1.5 1.5h65c.828 0 1.937.51 2.476 1.139l10.048 11.722c.539.629.976.467.976-.361v-69c0-.828-.672-1.5-1.5-1.5h-77c-.828 0-1.5.672-1.5 1.5z" class="iconic-chat-bubble iconic-chat-bubble-front iconic-property-fill" />
+    <path d="M0 1.5v69c0 .828.437.99.976.361l10.048-11.722c.539-.629 1.648-1.139 2.476-1.139h65c.828 0 1.5-.672 1.5-1.5v-55c0-.828-.672-1.5-1.5-1.5h-77c-.828 0-1.5.672-1.5 1.5z" clip-path="url(#iconic-size-lg-chat-clip-0)" class="iconic-chat-bubble iconic-chat-bubble-back iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-chat-md iconic-container iconic-md" data-width="32" data-height="26" display="none" transform="scale(4) translate(0 3)">
+    <path d="M12 7.5v14c0 .276.224.5.5.5h15c.276 0 .658.158.854.354l3.293 3.293c.195.195.354.13.354-.146v-18c0-.276-.224-.5-.5-.5h-19c-.276 0-.5.224-.5.5z" class="iconic-chat-bubble iconic-chat-bubble-front iconic-property-fill" />
+    <path d="M0 .5v18c0 .276.158.342.354.146l3.293-3.293c.195-.195.577-.354.853-.354h15c.276 0 .5-.224.5-.5v-14c0-.276-.224-.5-.5-.5h-19c-.276 0-.5.224-.5.5z" clip-path="url(#iconic-size-md-chat-clip-0)" class="iconic-chat-bubble iconic-chat-bubble-back iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-chat-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-chat-bubble iconic-chat-bubble-front iconic-property-fill" d="M6 4v8h7l3 3v-11z" />
+    <path clip-path="url(#iconic-size-sm-chat-clip-0)" class="iconic-chat-bubble iconic-chat-bubble-back iconic-property-accent iconic-property-fill" d="M0 0v11l3-3h7v-8z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/check-thin.svg b/app/javascript/iconic/svg/smart/check-thin.svg
new file mode 100755
index 0000000..fe49dc8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/check-thin.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-check-thin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Check Thin</title>
+  </g>
+  <g class="iconic-check-thin-lg iconic-container iconic-lg" data-width="124" data-height="98" display="inline" transform="translate(2 15)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-property-stroke" d="M116.5 7.5l-74.457 78.891-34.043-33.391" fill="none" />
+  </g>
+  <g class="iconic-check-thin-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-property-stroke" d="M29.5 2.5l-18.5 19.5-8.5-8.5" fill="none" />
+  </g>
+  <g class="iconic-check-thin-sm iconic-container iconic-sm" data-width="16" data-height="13" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-property-stroke" d="M14 2l-8 8-4-4" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/check.svg b/app/javascript/iconic/svg/smart/check.svg
new file mode 100755
index 0000000..3966c5b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/check.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-check" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Check</title>
+  </g>
+  <g class="iconic-check-lg iconic-container iconic-lg" data-width="124" data-height="98" display="inline" transform="translate(2 15)">
+    <path stroke="#000" stroke-width="16" stroke-linecap="square" class="iconic-property-stroke" d="M112.5 11.5l-70.457 74.891-30.043-29.391" fill="none" />
+  </g>
+  <g class="iconic-check-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" class="iconic-property-stroke" d="M27.5 4.5l-16.5 17.5-6.5-6.5" fill="none" />
+  </g>
+  <g class="iconic-check-sm iconic-container iconic-sm" data-width="16" data-height="13" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-property-stroke" d="M13 3l-7 7-3-3" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/chevron.svg b/app/javascript/iconic/svg/smart/chevron.svg
new file mode 100755
index 0000000..9fa4b9b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/chevron.svg
@@ -0,0 +1,28 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="chevron" width="128" height="128" class="iconic iconic-chevron" viewBox="0 0 128 128">
+  <g><title>Chevron</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-chevron-clip-0">
+      <path d="M0 0h88v128h-88z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-chevron-clip-0">
+      <path d="M0 0h26v32h-26z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-chevron-clip-0">
+      <path d="M0 0h14v16h-14z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(12)">
+    <path clip-path="url(#iconic-size-lg-chevron-clip-0)" stroke="#000" stroke-width="16" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-8-20l84 84-84 84" fill="none"/>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-chevron-clip-0)" stroke="#000" stroke-width="6" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M-1-6l22 22-22 22" fill="none"/>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-chevron-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-property-stroke" d="M1.7-1.3l9.3 9.3-13.1 13.1" fill="none"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["chevron"]=iconicApis["chevron"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"top":n=270;break;case"left":n=180;break;case"bottom":n=90;break;default:n=0}r.setAttribute("transform","rotate("+n+" 64 64) translate(12) "),a.setAttribute("transform","scale(4) rotate("+n+" 16 16) translate(1)"),i.setAttribute("transform","scale(8) rotate("+n+" 8 8)")}var r=t.querySelector(".iconic-lg"),a=t.querySelector(".iconic-md"),i=t.querySelector(".iconic-sm"),n=function(){var r=t.getAttribute("data-direction")||"";e(r)};return{update:n,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/circle-check.svg b/app/javascript/iconic/svg/smart/circle-check.svg
new file mode 100755
index 0000000..46accc2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/circle-check.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-check" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Circle Check</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-circle-check-clip-0">
+      <path d="M0 0v128h128v-128h-128zm54.196 92.201l-23.853-23.853 5.657-5.657 17.891 17.891 39.813-44.23 5.946 5.352-45.453 50.498z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-circle-check-clip-0">
+      <path d="M0 0v32h32v-32h-32zm13.052 24.173l-6.173-6.173 2.121-2.121 3.948 3.948 9.951-10.946 2.22 2.018-12.067 13.274z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-circle-check-clip-0">
+      <path d="M0 0v16h16v-16h-16zm7 11.414l-3.414-3.414 1.414-1.414 2 2 4-4 1.414 1.414-5.414 5.414z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-circle-check-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-check-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-check-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-check-clip-0)" class="iconic-circle-check-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/circle-x.svg b/app/javascript/iconic/svg/smart/circle-x.svg
new file mode 100755
index 0000000..347b608
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/circle-x.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-circle-x" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Circle X</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-circle-x-clip-0">
+      <path d="M0 0v128h128v-128h-128zm90.657 85l-5.657 5.657-21-21-21 21-5.657-5.657 21-21-21-21 5.657-5.657 21 21 21-21 5.657 5.657-21 21 21 21z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-circle-x-clip-0">
+      <path d="M0 0v32h32v-32h-32zm23.121 21l-2.121 2.121-5-5-5 5-2.121-2.121 5-5-5-5 2.121-2.121 5 5 5-5 2.121 2.121-5 5 5 5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-circle-x-clip-0">
+      <path d="M0 0v16h16v-16h-16zm11.414 10l-1.414 1.414-2-2-2 2-1.414-1.414 2-2-2-2 1.414-1.414 2 2 2-2 1.414 1.414-2 2 2 2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-circle-x-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle cx="64" cy="64" r="64" clip-path="url(#iconic-size-lg-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-x-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="16" cy="16" r="16" clip-path="url(#iconic-size-md-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+  <g class="iconic-circle-x-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="8" cy="8" r="8" clip-path="url(#iconic-size-sm-circle-x-clip-0)" class="iconic-circle-x-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/clipboard.svg b/app/javascript/iconic/svg/smart/clipboard.svg
new file mode 100755
index 0000000..e41aea5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/clipboard.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-clipboard" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Clipboard</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-clipboard-clip-0">
+      <path d="M75.473 20c1.588 2.27 2.527 5.026 2.527 8v4h-68v-4c0-2.974.94-5.73 2.527-8h-12.527v105h88v-105h-12.527z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-clipboard-clip-0">
+      <path d="M20.444 6c.345.591.556 1.268.556 2v2h-18v-2c0-.732.212-1.409.556-2h-3.556v26h24v-26h-3.556z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-clipboard-clip-0">
+      <path d="M11 3v2h-9v-2h-2v13h13v-13z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-clipboard-lg iconic-container iconic-lg" data-width="88" data-height="125" display="inline" transform="translate(20 1)">
+    <path clip-path="url(#iconic-size-lg-clipboard-clip-0)" d="M86.5 125h-85c-.828 0-1.5-.672-1.5-1.5v-102c0-.828.672-1.5 1.5-1.5h85c.828 0 1.5.672 1.5 1.5v102c0 .828-.672 1.5-1.5 1.5z" class="iconic-clipboard-board iconic-property-fill" />
+    <path d="M44 0c-6.617 0-12 5.383-12 12v10l24 .167v-10.166c0-6.617-5.383-12-12-12zm0 12c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z" class="iconic-clipboard-clip iconic-clipboard-clip-loop iconic-property-accent iconic-property-fill"
+    />
+    <path d="M12 28c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v2h-64v-2z" class="iconic-clipboard-clip iconic-clipboard-clip-base iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-clipboard-md iconic-container iconic-md" data-width="24" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path clip-path="url(#iconic-size-md-clipboard-clip-0)" d="M23.5 32h-23c-.276 0-.5-.224-.5-.5v-25c0-.276.224-.5.5-.5h23c.276 0 .5.224.5.5v25c0 .276-.224.5-.5.5z" class="iconic-clipboard-board iconic-property-fill" />
+    <path d="M12 0c-1.654 0-3 1.346-3 3v3h6v-3c0-1.654-1.346-3-3-3zm0 4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" class="iconic-clipboard-clip iconic-clipboard-clip-loop iconic-property-accent iconic-property-fill" />
+    <path d="M17 5h-10c-1.657 0-3 1.343-3 3v1h16v-1c0-1.657-1.343-3-3-3z" class="iconic-clipboard-clip iconic-clipboard-clip-base iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-clipboard-sm iconic-container iconic-sm" data-width="13" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path clip-path="url(#iconic-size-sm-clipboard-clip-0)" d="M12.75 16h-12.5c-.138 0-.25-.112-.25-.25v-12.5c0-.138.112-.25.25-.25h12.5c.138 0 .25.112.25.25v12.5c0 .138-.112.25-.25.25z" class="iconic-clipboard-board iconic-property-fill" />
+    <path stroke="#000" d="M7.5 3.021v-1.521c0-.552-.448-1-1-1s-1 .448-1 1v1.479" class="iconic-clipboard-clip iconic-clipboard-clip-loop iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M9 2h-5c-.55 0-1 .45-1 1v1h7v-1c0-.55-.45-1-1-1z" class="iconic-clipboard-clip iconic-clipboard-clip-base iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/clock.svg b/app/javascript/iconic/svg/smart/clock.svg
new file mode 100755
index 0000000..d149a0a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/clock.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-clock" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Clock</title>
+  </g>
+  <g class="iconic-clock-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-clock-body iconic-property-stroke" fill="none" />
+    <circle cx="64" cy="14" r="2" class="iconic-clock-hour iconic-clock-hour-12 iconic-property-fill" />
+    <circle cx="39" cy="20.699" r="2" class="iconic-clock-hour iconic-clock-hour-11 iconic-property-fill" />
+    <circle cx="20.699" cy="39" r="2" class="iconic-clock-hour iconic-clock-hour-10 iconic-property-fill" />
+    <circle cx="14" cy="64" r="2" class="iconic-clock-hour iconic-clock-hour-9 iconic-property-fill" />
+    <circle cx="20.699" cy="89" r="2" class="iconic-clock-hour iconic-clock-hour-8 iconic-property-fill" />
+    <circle cx="39" cy="107.301" r="2" class="iconic-clock-hour iconic-clock-hour-7 iconic-property-fill" />
+    <circle cx="64" cy="114" r="2" class="iconic-clock-hour iconic-clock-hour-6 iconic-property-fill" />
+    <circle cx="89" cy="107.301" r="2" class="iconic-clock-hour iconic-clock-hour-5 iconic-property-fill" />
+    <circle cx="107.301" cy="89" r="2" class="iconic-clock-hour iconic-clock-hour-4 iconic-property-fill" />
+    <circle cx="114" cy="64" r="2" class="iconic-clock-hour iconic-clock-hour-3 iconic-property-fill" />
+    <circle cx="107.301" cy="39" r="2" class="iconic-clock-hour iconic-clock-hour-2 iconic-property-fill" />
+    <circle cx="89" cy="20.699" r="2" class="iconic-clock-hour iconic-clock-hour-1 iconic-property-fill" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-clock-hand iconic-clock-hand-minute iconic-property-stroke" d="M64 26v37" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-clock-hand iconic-clock-hand-second iconic-property-accent iconic-property-stroke" d="M64 64l-29 31" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-clock-hand iconic-clock-hand-hour iconic-property-stroke" d="M65 65l23 13" fill="none" />
+    <circle cx="64" cy="64" r="2" class="iconic-clock-axis iconic-property-fill" />
+  </g>
+  <g class="iconic-clock-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle stroke="#000" stroke-width="3" stroke-linecap="round" cx="16" cy="16" r="14.5" class="iconic-clock-body iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-clock-hand iconic-clock-hand-second iconic-property-accent iconic-property-stroke" d="M16 16l-7 7" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-clock-hand iconic-clock-hand-minute iconic-property-stroke" d="M16 8v7.5" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-clock-hand iconic-clock-hand-hour iconic-property-stroke" d="M16.5 16.5l5.5 2.5" fill="none" />
+    <circle cx="16" cy="16" r="1" class="iconic-clock-axis iconic-property-fill" />
+  </g>
+  <g class="iconic-clock-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle stroke="#000" stroke-width="2" stroke-linecap="round" cx="8" cy="8" r="7" class="iconic-clock-body iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-clock-hand iconic-property-stroke" d="M8 5v3l2 1" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cloud-transfer.svg b/app/javascript/iconic/svg/smart/cloud-transfer.svg
new file mode 100755
index 0000000..55dbbb1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cloud-transfer.svg
@@ -0,0 +1,68 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="cloud-transfer" width="128" height="128" class="iconic iconic-cloud-transfer" viewBox="0 0 128 128">
+  <g><title>Cloud Transfer</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-cloud-download-clip-0">
+      <path d="M0 0v86h50v-7.1c-2.4-2.2-4-5.4-4-8.9 0-6.6 5.4-12 12-12s12 5.4 12 12c0 3.5-1.6 6.7-4 8.9v7.1h62v-86h-128z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-cloud-download-clip-0">
+      <path d="M0 0v22h12v-2.1c-.6-.6-1-1.5-1-2.4 0-1.9 1.6-3.5 3.5-3.5s3.5 1.6 3.5 3.5c0 1-.4 1.8-1 2.4v2.1h15v-22h-32z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-cloud-download-clip-0">
+      <path d="M0 0v12h6v-1c0-1.1.9-2 2-2s2 .9 2 2v1h6v-12h-16z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-cloud-upload-clip-0">
+      <path d="M0 0v86h42.7l15.3-26 15.3 26h54.7v-86z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-cloud-upload-clip-0">
+      <path d="M0 0v22h9.5l5-6.5 5 6.5h12.5v-22z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-cloud-upload-clip-0">
+      <path d="M0 0v12h4l4-4 4 4h4v-12z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-cloud-download">
+      <path stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-line iconic-property-accent iconic-property-stroke" d="M58 70v38" fill="none"/>
+      <circle cx="58" cy="70" r="8" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-starting-point iconic-property-accent iconic-property-fill"/>
+      <path d="M71.2 104.7l-12.4 22c-.4.7-1.1.7-1.5 0l-12.4-22c-.4-.7-.1-1.3.8-1.3h24.8c.7 0 1.1.6.7 1.3z" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-head iconic-property-accent iconic-property-fill"/>
+      <path d="M110 50l-2.1.1c-.9-8.4-7.6-15.1-16-16-.9-19-16.7-34.1-35.9-34.1-18.8 0-34.3 14.5-35.9 32.9-11.5 3-20.1 13.6-20.1 26.1 0 14.6 11.6 26.4 26 27h84c9.9 0 18-8.1 18-18s-8.1-18-18-18z" clip-path="url(#iconic-size-lg-cloud-download-clip-0)" class="iconic-property-fill"/>
+    </g>
+    <g class="iconic-cloud-upload" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-line iconic-property-accent iconic-property-stroke" d="M58 120v-32.1" fill="none"/>
+      <path class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-head iconic-property-accent iconic-property-fill" d="M58 68l-14 24h28z"/>
+      <circle cx="58" cy="120" r="8" class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-starting-point iconic-property-accent iconic-property-fill"/>
+      <path d="M110 50l-2.1.1c-.9-8.4-7.6-15.1-16-16-.9-19-16.7-34.1-35.9-34.1-18.8 0-34.3 14.5-35.9 32.9-11.5 3-20.1 13.6-20.1 26.1 0 14.6 11.6 26.4 26 27h84c9.9 0 18-8.1 18-18s-8.1-18-18-18z" clip-path="url(#iconic-size-lg-cloud-upload-clip-0)" class="iconic-cloud-upload-cloud iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-cloud-download">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-line iconic-property-accent iconic-property-stroke" d="M14.5 17.5v10" fill="none"/>
+      <circle cx="14.5" cy="17.5" r="2.5" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-starting-point iconic-property-accent iconic-property-fill"/>
+      <path d="M18.7 26.4l-3.9 5.2c-.2.2-.4.2-.6 0l-3.9-5.2c-.2-.2-.1-.4.2-.4h8c.3 0 .4.2.2.4z" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-head iconic-property-accent iconic-property-fill"/>
+      <path d="M27 12c-.4-2-2.1-3.5-4-3.9-.5-4.5-4.3-8.1-9-8.1s-8.6 3.4-9 8c-2.9.9-5 3.8-5 7 0 3.5 2.6 6.5 6 7h21c2.8 0 5-2.2 5-5s-2.2-5-5-5z" clip-path="url(#iconic-size-md-cloud-download-clip-0)" class="iconic-cloud-download-cloud iconic-property-fill"/>
+    </g>
+    <g class="iconic-cloud-upload" display="none">
+      <path d="M27 12c-.4-2-2.1-3.5-4-3.9-.5-4.5-4.3-8.1-9-8.1s-8.6 3.4-9 8c-2.9.9-5 3.8-5 7 0 3.5 2.6 6.5 6 7h21c2.8 0 5-2.2 5-5s-2.2-5-5-5z" clip-path="url(#iconic-size-md-cloud-upload-clip-0)" class="iconic-cloud-upload-cloud iconic-property-fill"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-line iconic-property-accent iconic-property-stroke" d="M14.5 29.5v-7.5" fill="none"/>
+      <path class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-head iconic-property-accent iconic-property-fill" d="M10 24l4.5-6 4.5 6z"/>
+      <circle cx="14.5" cy="29.5" r="2.5" class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-starting-point iconic-property-accent iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-cloud-download">
+      <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" class="iconic-cloud-download-arrow iconic-cloud-download-arrow-line iconic-property-accent iconic-property-stroke" d="M8 11v3" fill="none"/>
+      <path class="iconic-cloud-download-arrow iconic-cloud-download-arrow-head iconic-property-accent iconic-property-fill" d="M11 13l-3 3-3-3z"/>
+      <path d="M13 6v-1c0-2.8-2.2-5-5-5-2.5 0-4.5 1.8-4.9 4.1-1.8.4-3.1 2-3.1 3.9 0 2.2 1.8 4 4 4h9c1.7 0 3-1.3 3-3s-1.3-3-3-3z" clip-path="url(#iconic-size-sm-cloud-download-clip-0)" class="iconic-cloud-download-cloud iconic-property-fill"/>
+    </g>
+    <g class="iconic-cloud-upload" display="none">
+      <path d="M13 6v-1c0-2.8-2.2-5-5-5-2.5 0-4.5 1.8-4.9 4.1-1.8.4-3.1 2-3.1 3.9 0 2.2 1.8 4 4 4h9c1.7 0 3-1.3 3-3s-1.3-3-3-3z" clip-path="url(#iconic-size-sm-cloud-upload-clip-0)" class="iconic-cloud-upload-cloud iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-line iconic-property-accent iconic-property-stroke" d="M8 12v3" fill="none"/>
+      <path class="iconic-cloud-upload-arrow iconic-cloud-upload-arrow-head iconic-property-accent iconic-property-fill" d="M5 13l3-3 3 3z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["cloud-transfer"]=iconicApis["cloud-transfer"]||function(t){var e=function(e){t.setAttribute("data-transfer-direction",e);var r,a,i=t.querySelectorAll(".iconic-cloud-download"),n=t.querySelectorAll(".iconic-cloud-upload");r=a="none","upload"===e?r="inline":a="inline";for(var o=0;o<i.length;o++)i[o].setAttribute("display",a),n[o].setAttribute("display",r)},r=function(){var r=t.getAttribute("data-transfer-direction");r&&e(r)};return{update:r,setTransferDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/cloud.svg b/app/javascript/iconic/svg/smart/cloud.svg
new file mode 100755
index 0000000..6976109
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cloud.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cloud" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cloud</title>
+  </g>
+  <g class="iconic-cloud-lg iconic-container iconic-lg" data-width="128" data-height="86" display="inline" transform="translate(0 21)">
+    <path d="M108 50c-.871-8.409-7.602-15.091-16-16-.986-18.976-16.783-34-36-34-18.8 0-34.415 14.604-36 33-11.578 3.042-20 13.481-20 26 0 14.552 11.575 26.471 26 27h84c9.925 0 18-8.075 18-18s-7-18-20-18z" class="iconic-cloud-cloud iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-cloud-md iconic-container iconic-md" data-width="32" data-height="22" display="none" transform="scale(4) translate(0 5)">
+    <path d="M27 12c-.401-1.976-2.065-3.524-4.046-3.909-.457-4.537-4.298-8.091-8.954-8.091-4.721 0-8.634 3.371-9 8-2.906.852-5 3.822-5 7 0 3.527 2.603 6.521 6 7 4.323 0 20.923 0 21 0 2.76 0 5-2.24 5-5s-2.24-5-5-5z" class="iconic-cloud-cloud iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-cloud-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path d="M13 6v-1c0-2.757-2.243-5-5-5-2.454 0-4.49 1.78-4.91 4.114-1.767.415-3.09 1.995-3.09 3.886 0 2.206 1.794 4 4 4h9c1.654 0 3-1.346 3-3s-1.346-3-3-3z" class="iconic-cloud-cloud iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cloudy.svg b/app/javascript/iconic/svg/smart/cloudy.svg
new file mode 100755
index 0000000..5a8f059
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cloudy.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cloudy" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cloudy</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-cloudy-clip-0">
+      <path d="M16.342 57.954c3.005-19.247 19.922-33.954 39.658-33.954 10.737 0 20.521 4.21 27.731 11.094-3.366-19.919-20.688-35.094-41.565-35.094-23.288 0-42.167 18.879-42.167 42.167 0 8.034 2.248 15.542 6.148 21.933 2.919-2.649 6.361-4.76 10.194-6.146z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-cloudy-clip-0">
+      <path d="M3.184 15.562c1.01-4.964 5.45-8.567 10.813-8.567 2.17 0 4.193.618 5.905 1.681-.649-4.896-4.829-8.676-9.902-8.676-5.523 0-10 4.477-10 10 0 2.331.804 4.47 2.141 6.17.334-.225.681-.432 1.043-.608z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-cloudy-clip-0">
+      <path d="M2.248 7.325c.735-2.54 3.063-4.325 5.752-4.325.702 0 1.373.127 2 .35v-3.35h-10v9h.012c.562-.744 1.326-1.336 2.237-1.675z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-cloudy-lg iconic-container iconic-lg" data-width="128" data-height="114" display="inline" transform="translate(0 7)">
+    <circle cx="42" cy="42" r="42" clip-path="url(#iconic-size-lg-cloudy-clip-0)" class="iconic-cloudy-sun iconic-property-accent iconic-property-fill" />
+    <path d="M110 78c-.711 0-1.311-.081-2 0-.871-8.409-7.602-15.091-16-16-.986-18.976-16.783-34-36-34-18.8 0-34.415 14.604-36 33-11.578 3.042-20 13.481-20 26 0 14.552 11.575 26.471 26 27h84c9.925 0 18-8.075 18-18s-8.075-18-18-18z" class="iconic-cloudy-cloud iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-cloudy-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <circle cx="10" cy="10" r="10" clip-path="url(#iconic-size-md-cloudy-clip-0)" class="iconic-cloudy-sun iconic-property-accent iconic-property-fill" />
+    <path d="M27 21c-.401-1.976-2.065-3.524-4.046-3.909-.457-4.537-4.298-8.091-8.954-8.091-4.721 0-8.634 3.371-9 8-2.906.852-5 3.822-5 7 0 3.527 2.603 6.521 6 7 4.323 0 20.923 0 21 0 2.76 0 5-2.24 5-5s-2.24-5-5-5z" class="iconic-cloudy-cloud iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-cloudy-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="5" cy="5" r="5" clip-path="url(#iconic-size-sm-cloudy-clip-0)" class="iconic-cloudy-sun iconic-property-accent iconic-property-fill" />
+    <path d="M13 10v-1c0-2.757-2.243-5-5-5-2.454 0-4.49 1.78-4.91 4.114-1.767.415-3.09 1.995-3.09 3.886 0 2.206 1.794 4 4 4h9c1.654 0 3-1.346 3-3s-1.346-3-3-3z" class="iconic-cloudy-cloud iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/code.svg b/app/javascript/iconic/svg/smart/code.svg
new file mode 100755
index 0000000..734d5e4
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/code.svg
@@ -0,0 +1,49 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-code" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Code</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-code-clip-0">
+      <path d="M90 10h38v58h-38z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-code-clip-1">
+      <path d="M38 0h52v78h-52z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-code-clip-2">
+      <path d="M0 10h38v58h-38z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-code-clip-0">
+      <path d="M22 3h10v17h-10z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-code-clip-1">
+      <path d="M11 0h11v23h-11z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-code-clip-2">
+      <path d="M0 3h10v17h-10z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-code-clip-0">
+      <path d="M11 1h5v10h-5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-code-clip-1">
+      <path d="M5 0h5.542v12h-5.542z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-code-clip-2">
+      <path d="M0 1h5v10h-5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-code-lg iconic-container iconic-lg" data-width="128" data-height="78" display="inline" transform="translate(0 25)">
+    <path clip-path="url(#iconic-size-lg-code-clip-0)" stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-right iconic-property-stroke" d="M90 62l34-24-34-22" fill="none" />
+    <path clip-path="url(#iconic-size-lg-code-clip-1)" stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-code-slash iconic-property-accent iconic-property-stroke" d="M80-4l-31 86" fill="none" />
+    <path clip-path="url(#iconic-size-lg-code-clip-2)" stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-left iconic-property-stroke" d="M38 62l-34-24 34-22" fill="none" />
+  </g>
+  <g class="iconic-code-md iconic-container iconic-md" data-width="32" data-height="23" display="none" transform="scale(4) translate(0 4)">
+    <path clip-path="url(#iconic-size-md-code-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-right iconic-property-stroke" d="M21.5 18.5l9-7-9-7" fill="none" />
+    <path clip-path="url(#iconic-size-md-code-clip-1)" stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-code-slash iconic-property-accent iconic-property-stroke" d="M18.5.5l-5 22" fill="none" />
+    <path clip-path="url(#iconic-size-md-code-clip-2)" stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-left iconic-property-stroke" d="M10.5 4.5l-9 7 9 7" fill="none" />
+  </g>
+  <g class="iconic-code-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path clip-path="url(#iconic-size-sm-code-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-right iconic-property-stroke" d="M11 9l4-2.5v-1.001l-4-2.5" fill="none" />
+    <path clip-path="url(#iconic-size-sm-code-clip-1)" stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-code-slash iconic-property-accent iconic-property-stroke" d="M9 0l-2 12" fill="none" />
+    <path clip-path="url(#iconic-size-sm-code-clip-2)" stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-code-bracket iconic-code-bracket-left iconic-property-stroke" d="M5 9l-4-2.5v-1.001l4-2.5" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cog.svg b/app/javascript/iconic/svg/smart/cog.svg
new file mode 100755
index 0000000..269f3d9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cog.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cog" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cog</title>
+  </g>
+  <g class="iconic-cog-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M128 73.875v-19.875l-14.323-3.581c-1.156-4.239-2.841-8.257-4.979-11.986l7.539-12.706-14.054-14.054-12.666 7.599c-3.731-2.133-7.751-3.814-11.992-4.966l-3.651-14.308h-19.875l-3.581 14.323c-4.239 1.156-8.257 2.841-11.986 4.978l-12.706-7.539-14.054 14.054 7.599 12.666c-2.133 3.731-3.814 7.751-4.966 11.992l-14.308 3.651v19.875l14.323 3.581c1.156 4.239 2.841 8.257 4.979 11.986l-7.539 12.706 14.054 14.054 12.666-7.599c3.731 2.133 7.751 3.814 11.992 4.966l3.651 14.308h19.875l3.581-14.323c4.239-1.156 8.257-2.841 11.986-4.979l12.705 7.539 14.054-14.054-7.599-12.666c2.133-3.731 3.814-7.751 4.966-11.992l14.308-3.651zm-64 24.125c-18.778 0-34-15.222-34-34s15.222-34 34-34 34 15.222 34 34-15.222 34-34 34z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+  <g class="iconic-cog-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M32 17.969v-3.969l-3.96-1.32c-.278-1.01-.675-1.969-1.183-2.86l1.849-3.742-2.806-2.807-3.73 1.865c-.891-.507-1.851-.903-2.861-1.18l-1.339-3.957h-3.969l-1.32 3.96c-1.01.278-1.969.675-2.86 1.183l-3.742-1.849-2.806 2.806 1.865 3.73c-.507.891-.903 1.851-1.18 2.861l-3.957 1.339v3.969l3.96 1.32c.278 1.01.675 1.969 1.183 2.86l-1.849 3.742 2.806 2.806 3.73-1.865c.891.507 1.851.903 2.861 1.18l1.34 3.957h3.969l1.32-3.96c1.01-.278 1.969-.675 2.86-1.183l3.742 1.849 2.806-2.806-1.865-3.73c.507-.891.903-1.851 1.18-2.861l3.957-1.34zm-16 5.031c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+  <g class="iconic-cog-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M16 8.984v-1.984l-1.971-.986c-.099-.3-.221-.59-.362-.869l.833-2.146-1.5-1.5-2.146.833c-.279-.141-.568-.263-.869-.362l-1.001-1.971h-1.984l-.986 1.971c-.3.099-.59.221-.869.362l-2.146-.833-1.5 1.5.833 2.146c-.141.279-.263.568-.362.869l-1.971 1.001v1.984l1.971.986c.099.3.221.59.362.868l-.833 2.146 1.5 1.5 2.146-.833c.279.141.568.263.869.362l1.001 1.971h1.984l.986-1.971c.3-.099.59-.221.869-.362l2.146.833 1.5-1.5-.833-2.146c.141-.279.263-.568.362-.869l1.971-1.001zm-8 2.016c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"
+    class="iconic-cog-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cogs.svg b/app/javascript/iconic/svg/smart/cogs.svg
new file mode 100755
index 0000000..fbbd01f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cogs.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cogs" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cogs</title>
+  </g>
+  <g class="iconic-cogs-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M77.894 47.412c.371-2.912.381-5.888-.001-8.865l8.074-6.044-5.195-12.542-9.974 1.484c-1.838-2.373-3.951-4.468-6.274-6.262l1.436-9.988-12.542-5.195-6.006 8.106c-2.912-.371-5.888-.381-8.865.001l-6.044-8.074-12.542 5.195 1.484 9.974c-2.373 1.838-4.468 3.951-6.262 6.274l-9.988-1.436-5.195 12.542 8.106 6.006c-.371 2.912-.381 5.888.001 8.865l-8.074 6.044 5.195 12.542 9.974-1.484c1.838 2.373 3.951 4.468 6.274 6.262l-1.436 9.988 12.542 5.195 6.006-8.106c2.912.371 5.888.381 8.865-.001l6.044 8.074 12.542-5.195-1.484-9.974c2.373-1.838 4.468-3.951 6.262-6.274l9.988 1.437 5.195-12.542-8.106-6.006zm-26.007 17.043c-11.849 4.908-25.434-.719-30.342-12.568-4.908-11.849.719-25.434 12.568-30.342 11.849-4.908 25.434.719 30.342 12.568 4.908 11.849-.719 25.434-12.568 30.342z"
+    class="iconic-cogs-cog iconic-cogs-cog-large iconic-property-fill" />
+    <path d="M128 100.938v-9.938l-7.162-1.79c-.578-2.12-1.421-4.129-2.489-5.993l3.769-6.353-7.027-7.027-6.333 3.8c-1.865-1.067-3.875-1.907-5.996-2.483l-1.826-7.154h-9.938l-1.79 7.162c-2.119.578-4.129 1.421-5.993 2.489l-6.353-3.769-7.027 7.027 3.8 6.333c-1.067 1.865-1.907 3.875-2.483 5.996l-7.154 1.826v9.938l7.162 1.79c.578 2.119 1.421 4.129 2.489 5.993l-3.769 6.353 7.027 7.027 6.333-3.8c1.865 1.067 3.875 1.907 5.996 2.483l1.826 7.154h9.938l1.79-7.162c2.119-.578 4.129-1.421 5.993-2.489l6.353 3.77 7.027-7.027-3.8-6.333c1.067-1.865 1.907-3.875 2.483-5.996l7.154-1.826zm-32 12.062c-9.389 0-17-7.611-17-17s7.611-17 17-17 17 7.611 17 17-7.611 17-17 17z"
+    class="iconic-cogs-cog iconic-cogs-cog-small iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-cogs-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M19.212 11.75c.088-.7.087-1.413-.003-2.128l2.161-1.892-1.044-2.521-2.862.203c-.442-.569-.947-1.073-1.504-1.505l.19-2.863-2.521-1.044-1.879 2.166c-.7-.088-1.413-.087-2.128.003l-1.892-2.161-2.521 1.044.203 2.862c-.569.442-1.073.947-1.505 1.504l-2.863-.19-1.044 2.521 2.166 1.879c-.088.699-.087 1.413.003 2.128l-2.161 1.892 1.044 2.521 2.862-.203c.442.569.947 1.073 1.504 1.505l-.19 2.863 2.521 1.044 1.879-2.166c.7.088 1.413.087 2.128-.003l1.892 2.161 2.521-1.044-.203-2.862c.569-.442 1.073-.947 1.505-1.504l2.863.19 1.044-2.521-2.166-1.879zm-6.681 3.385c-2.456 1.017-5.271-.149-6.288-2.604-1.017-2.456.149-5.271 2.605-6.288 2.455-1.017 5.271.149 6.288 2.604 1.017 2.455-.149 5.271-2.605 6.288z"
+    class="iconic-cogs-cog iconic-cogs-cog-large iconic-property-fill" />
+    <path d="M32 24.984v-1.984l-1.98-.66c-.139-.505-.338-.985-.592-1.43l.924-1.871-1.403-1.403-1.865.932c-.446-.254-.925-.452-1.431-.59l-.67-1.979h-1.984l-.66 1.98c-.505.139-.985.338-1.43.592l-1.871-.925-1.403 1.403.932 1.865c-.254.446-.452.925-.59 1.431l-1.978.67v1.984l1.98.66c.139.505.338.985.592 1.43l-.924 1.871 1.403 1.403 1.865-.932c.446.254.925.452 1.431.59l.67 1.978h1.984l.66-1.98c.505-.139.985-.338 1.43-.592l1.871.925 1.403-1.403-.932-1.865c.254-.446.452-.925.59-1.431l1.979-.67zm-8 2.516c-1.933 0-3.5-1.567-3.5-3.5s1.567-3.5 3.5-3.5 3.5 1.567 3.5 3.5-1.567 3.5-3.5 3.5z"
+    class="iconic-cogs-cog iconic-cogs-cog-small iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-cogs-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8.984 5.283c.014-.19.011-.379-.002-.571l.002.005.921-1.076-.48-1.158-1.408-.1.002.005c-.126-.146-.259-.281-.402-.406l-.033-1.47-1.238-.513-1.063 1.016c-.19-.014-.379-.012-.571.002l.005-.002-1.076-.921-1.158.48-.1 1.408.005-.002c-.146.126-.281.259-.406.402l-1.47.033-.513 1.237 1.016 1.063c-.014.19-.012.379.002.571l-.002-.005-.921 1.076.479 1.158 1.408.1-.002-.005c.126.146.259.281.402.406l.033 1.47 1.237.513 1.063-1.016c.19.014.379.012.571-.002l-.005.002 1.076.921 1.158-.479.1-1.408-.005.002c.146-.126.281-.259.406-.402l1.47-.033.513-1.238-1.016-1.063zm-3.259 1.467c-.967.4-2.075-.059-2.475-1.025-.4-.967.059-2.075 1.025-2.475.967-.4 2.075.059 2.475 1.025.401.967-.059 2.075-1.025 2.475z"
+    class="iconic-cogs-cog iconic-cogs-cog-large iconic-property-fill" />
+    <path d="M16 12.492v-.992l-1-.5v.004c-.048-.145-.104-.284-.171-.419l.421-1.086-.75-.75-1.086.421c-.135-.068-.274-.123-.419-.171h.004l-.508-1h-.992l-.5 1h.004c-.145.048-.284.104-.419.171l-1.086-.421-.75.75.421 1.085c-.068.135-.123.274-.171.419v-.004l-1 .508v.992l1 .5v-.004c.048.145.104.284.171.419l-.421 1.086.75.75 1.086-.421c.135.068.274.123.419.171h-.004l.508 1h.992l.5-1h-.004c.145-.048.284-.104.419-.171l1.086.421.75-.75-.421-1.086c.068-.135.123-.274.171-.419v.004l1-.508zm-4 1.008c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z"
+    class="iconic-cogs-cog iconic-cogs-cog-small iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/collapse.svg b/app/javascript/iconic/svg/smart/collapse.svg
new file mode 100755
index 0000000..03cf740
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/collapse.svg
@@ -0,0 +1,26 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="collapse" width="128" height="128" class="iconic iconic-collapse" viewBox="0 0 128 128">
+  <g><title>Expand</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <path class="iconic-collapse-line iconic-collapse-line-right iconic-property-fill" d="M112 0h16v128h-16z"/>
+    <path class="iconic-collapse-line iconic-collapse-line-left iconic-property-fill" d="M0 0h4v128h-4z"/>
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-collapse-arrow iconic-collapse-arrow-line iconic-property-accent iconic-property-stroke" d="M100 64h-76" fill="none"/>
+    <path class="iconic-collapse-arrow iconic-collapse-arrow-head iconic-property-accent iconic-property-fill" d="M12 64l24 14v-28z"/>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <path class="iconic-collapse-line iconic-collapse-line-right iconic-property-fill" d="M26 0h6v32h-6z"/>
+    <path class="iconic-collapse-line iconic-collapse-line-left iconic-property-fill" d="M0 0h2v32h-2z"/>
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-collapse-arrow iconic-collapse-arrow-line iconic-property-accent iconic-property-stroke" d="M21.5 15.5h-11.5" fill="none"/>
+    <path class="iconic-collapse-arrow iconic-collapse-arrow-head iconic-property-accent iconic-property-fill" d="M5 15.5l6-4.5v9z"/>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <path class="iconic-collapse-line iconic-collapse-line-right iconic-property-fill" d="M12 0h4v16h-4z"/>
+    <path class="iconic-collapse-line iconic-collapse-line-left iconic-property-fill" d="M0 0h1v16h-1z"/>
+    <path class="iconic-collapse-arrow iconic-collapse-arrow-line iconic-property-accent iconic-property-fill" d="M5 7h5v2h-5z"/>
+    <path class="iconic-collapse-arrow iconic-collapse-arrow-head iconic-property-accent iconic-property-fill" d="M6 5v6l-3-3z"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["collapse"]=iconicApis["collapse"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"up":n=90;break;case"right":n=180;break;case"down":n=-90;break;default:n=0}r.setAttribute("transform","rotate("+n+" 64 64)"),a.setAttribute("transform","scale(4) rotate("+n+" 16 16)"),i.setAttribute("transform","scale(8) rotate("+n+" 8 8)")}var r=t.querySelector(".iconic-lg"),a=t.querySelector(".iconic-md"),i=t.querySelector(".iconic-sm"),n=function(){var r=t.getAttribute("data-direction")||"";e(r)};return{update:n,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/command.svg b/app/javascript/iconic/svg/smart/command.svg
new file mode 100755
index 0000000..9b4c3db
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/command.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-command" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Command</title>
+  </g>
+  <g class="iconic-command-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="12" d="M26 46c-11.046 0-20-8.954-20-20s8.954-20 20-20 20 8.954 20 20v76c0 11.046-8.954 20-20 20s-20-8.954-20-20 8.954-20 20-20h76c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20v-76c0-11.046 8.954-20 20-20s20 8.954 20 20-8.954 20-20 20h-76z"
+    class="iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-command-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" d="M6.5 11.5c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5v19c0 2.761-2.239 5-5 5s-5-2.239-5-5 2.239-5 5-5h19c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5v-19c0-2.761 2.239-5 5-5s5 2.239 5 5-2.239 5-5 5h-19z" class="iconic-property-stroke"
+    fill="none" />
+  </g>
+  <g class="iconic-command-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" d="M3.5 6c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5v9c0 1.381-1.119 2.5-2.5 2.5s-2.5-1.119-2.5-2.5 1.119-2.5 2.5-2.5h9c1.381 0 2.5 1.119 2.5 2.5s-1.119 2.5-2.5 2.5-2.5-1.119-2.5-2.5v-9c0-1.381 1.119-2.5 2.5-2.5s2.5 1.119 2.5 2.5-1.119 2.5-2.5 2.5h-9z"
+    class="iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/comment-square.svg b/app/javascript/iconic/svg/smart/comment-square.svg
new file mode 100755
index 0000000..07d0c96
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/comment-square.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-comment-square" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Comment Square</title>
+  </g>
+  <g class="iconic-comment-square-lg iconic-container iconic-lg" data-width="128" data-height="110" display="inline" transform="translate(0 9)">
+    <path d="M0 1.5v85c0 .828.672 1.5 1.5 1.5h103c.828 0 1.975.475 2.561 1.061l19.879 19.879c.586.586 1.061.389 1.061-.439v-107c0-.828-.672-1.5-1.5-1.5h-125c-.828 0-1.5.672-1.5 1.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-comment-square-md iconic-container iconic-md" data-width="32" data-height="29" display="none" transform="scale(4) translate(0 1)">
+    <path d="M0 .5v22c0 .276.224.5.5.5h25c.276 0 .658.158.854.354l5.293 5.293c.195.195.354.13.354-.146v-28c0-.276-.224-.5-.5-.5h-31c-.276 0-.5.224-.5.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-comment-square-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M16 0h-16v12h12l4 4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/compass.svg b/app/javascript/iconic/svg/smart/compass.svg
new file mode 100755
index 0000000..10fd6f1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/compass.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-compass" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Compass</title>
+  </g>
+  <g class="iconic-compass-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-compass-body iconic-property-stroke" fill="none" />
+    <path d="M54 54l-20 40 40-20 20-40-40 20zm10 18c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" class="iconic-compass-needle iconic-property-accent iconic-property-fill" />
+    <circle cx="64" cy="64" r="4" class="iconic-compass-needle-axis iconic-property-accent iconic-property-fill" />
+    <circle cx="64" cy="14" r="2" class="iconic-compass-direction iconic-compass-direction-north iconic-property-fill" />
+    <circle cx="14" cy="64" r="2" class="iconic-compass-direction iconic-compass-direction-west iconic-property-fill" />
+    <circle cx="114" cy="64" r="2" class="iconic-compass-direction iconic-compass-direction-east iconic-property-fill" />
+    <circle cx="64" cy="114" r="2" class="iconic-compass-direction iconic-compass-direction-south iconic-property-fill" />
+  </g>
+  <g class="iconic-compass-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-compass-body iconic-property-stroke" fill="none" />
+    <path d="M13 13l-4 10 10-4 4-10-10 4zm3 5c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-compass-needle iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-compass-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-compass-body iconic-property-stroke" fill="none" />
+    <path d="M6 6l-1 5 5-1 1-5-5 1zm2 3c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" class="iconic-compass-needle iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/connections.svg b/app/javascript/iconic/svg/smart/connections.svg
new file mode 100755
index 0000000..8ed8743
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/connections.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-connections" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Connections</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-connections-clip-0">
+      <path d="M94 104c0-9.925 8.075-18 18-18 6.967 0 13.009 3.986 16 9.791v-79.173c-2.151 3.239-5.829 5.381-10 5.381-6.617 0-12-5.383-12-12 0-4.171 2.142-7.849 5.381-10h-111.381v42.025c1.825-2.438 4.727-4.025 8-4.025 5.514 0 10 4.486 10 10s-4.486 10-10 10c-3.273 0-6.175-1.588-8-4.026v66.025h103.791c-5.805-2.99-9.791-9.033-9.791-16zm-30-18c-12.131 0-22-9.869-22-22s9.869-22 22-22 22 9.869 22 22-9.869 22-22 22z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-connections-lg iconic-container iconic-lg" data-width="128" data-height="120" display="inline" transform="translate(0 4)">
+    <path clip-path="url(#iconic-size-lg-connections-clip-0)" stroke="#000" stroke-width="4" class="iconic-connections-line iconic-connections-line-top-right iconic-property-stroke" d="M118 10l-54 54" fill="none" />
+    <path clip-path="url(#iconic-size-lg-connections-clip-0)" stroke="#000" stroke-width="4" class="iconic-connections-line iconic-connections-line-left iconic-property-stroke" d="M64 64l-56-16" fill="none" />
+    <path clip-path="url(#iconic-size-lg-connections-clip-0)" stroke="#000" stroke-width="4" class="iconic-connections-line iconic-connections-line-bottom-right iconic-property-stroke" d="M112 104l-48-40" fill="none" />
+    <circle cx="64" cy="64" r="20" class="iconic-connections-dot iconic-connections-dot-center iconic-property-accent iconic-property-fill" />
+    <circle cx="8" cy="48" r="8" class="iconic-connections-dot iconic-connections-dot-left iconic-property-fill" />
+    <circle cx="118" cy="10" r="10" class="iconic-connections-dot iconic-connections-dot-top-right iconic-property-fill" />
+    <circle cx="112" cy="104" r="16" class="iconic-connections-dot iconic-connections-dot-bottom-right iconic-property-fill" />
+  </g>
+  <g class="iconic-connections-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-top-right iconic-property-stroke" d="M29.5 2.5l-13.5 13.5" fill="none" />
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-bottom-right iconic-property-stroke" d="M28 26l-12-10" fill="none" />
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-left iconic-property-stroke" d="M16 16l-14-4" fill="none" />
+    <circle cx="16" cy="16" r="5" class="iconic-connections-dot iconic-connections-dot-center iconic-property-accent iconic-property-fill" />
+    <circle cx="2" cy="12" r="2" class="iconic-connections-dot iconic-connections-dot-left iconic-property-fill" />
+    <circle cx="29.5" cy="2.5" r="2.5" class="iconic-connections-dot iconic-connections-dot-top-right iconic-property-fill" />
+    <circle cx="28" cy="26" r="4" class="iconic-connections-dot iconic-connections-dot-bottom-right iconic-property-fill" />
+  </g>
+  <g class="iconic-connections-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-top-right iconic-property-stroke" d="M14.5 1.5l-6.5 6.5" fill="none" />
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-bottom-right iconic-property-stroke" d="M14.5 13.5l-6.5-5.5" fill="none" />
+    <path stroke="#000" class="iconic-connections-line iconic-connections-line-left iconic-property-stroke" d="M8 8l-7-2" fill="none" />
+    <circle cx="8" cy="8" r="3" class="iconic-connections-dot iconic-connections-dot-center iconic-property-accent iconic-property-fill" />
+    <circle cx="1" cy="6" r="1" class="iconic-connections-dot iconic-connections-dot-left iconic-property-fill" />
+    <circle cx="14.5" cy="1.5" r="1.5" class="iconic-connections-dot iconic-connections-dot-top-right iconic-property-fill" />
+    <circle cx="14" cy="13" r="2" class="iconic-connections-dot iconic-connections-dot-bottom-right iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/contrast.svg b/app/javascript/iconic/svg/smart/contrast.svg
new file mode 100755
index 0000000..8b2b2be
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/contrast.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-contrast" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Contrast</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-contrast-clip-0">
+      <path d="M64 116c-28.719 0-52-23.281-52-52s23.281-52 52-52v104z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-contrast-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M64 116c-28.719 0-52-23.281-52-52s23.281-52 52-52v104z" class="iconic-contrast-black iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-contrast-border iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-contrast-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 31c-8.284 0-15-6.716-15-15s6.716-15 15-15v30z" class="iconic-contrast-black iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-contrast-border iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-contrast-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 15c-3.866 0-7-3.134-7-7s3.134-7 7-7v14z" class="iconic-contrast-black iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-contrast-border iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/copyleft.svg b/app/javascript/iconic/svg/smart/copyleft.svg
new file mode 100755
index 0000000..310876c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/copyleft.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-copyleft" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Copyleft</title>
+  </g>
+  <g class="iconic-copyleft-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle stroke="#000" stroke-width="12" cx="64" cy="64" r="58" class="iconic-copyleft-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="12" d="M41.373 41.373c5.791-5.791 13.791-9.373 22.627-9.373s16.837 3.582 22.627 9.373 9.373 13.791 9.373 22.627-3.582 16.837-9.373 22.627-13.791 9.373-22.627 9.373-16.837-3.582-22.627-9.373" class="iconic-copyleft-c iconic-property-stroke"
+    />
+  </g>
+  <g class="iconic-copyleft-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-copyleft-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="3" d="M10.697 10.697c1.357-1.357 3.232-2.197 5.303-2.197s3.946.84 5.303 2.197 2.197 3.232 2.197 5.303-.84 3.946-2.197 5.303-3.232 2.197-5.303 2.197-3.946-.84-5.303-2.197" class="iconic-copyleft-c iconic-property-stroke"
+    />
+  </g>
+  <g class="iconic-copyleft-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-copyleft-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="2" d="M5.879 5.879c.543-.543 1.293-.879 2.121-.879s1.578.336 2.121.879c.543.543.879 1.293.879 2.121s-.336 1.578-.879 2.121c-.543.543-1.293.879-2.121.879s-1.578-.336-2.121-.879" class="iconic-copyleft-c iconic-property-stroke"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/copyright.svg b/app/javascript/iconic/svg/smart/copyright.svg
new file mode 100755
index 0000000..5a02762
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/copyright.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-copyright" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Copyright</title>
+  </g>
+  <g class="iconic-copyright-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle stroke="#000" stroke-width="12" cx="64" cy="64" r="58" class="iconic-copyright-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="12" d="M86.627 86.627c-5.791 5.791-13.791 9.373-22.627 9.373s-16.837-3.582-22.627-9.373-9.373-13.791-9.373-22.627 3.582-16.837 9.373-22.627 13.791-9.373 22.627-9.373 16.837 3.582 22.627 9.373" class="iconic-copyright-c iconic-property-stroke"
+    />
+  </g>
+  <g class="iconic-copyright-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-copyright-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="3" d="M21.303 21.303c-1.357 1.357-3.232 2.197-5.303 2.197s-3.946-.84-5.303-2.197-2.197-3.232-2.197-5.303.84-3.946 2.197-5.303 3.232-2.197 5.303-2.197 3.946.84 5.303 2.197" class="iconic-copyright-c iconic-property-stroke"
+    />
+  </g>
+  <g class="iconic-copyright-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-copyright-container iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="2" d="M10.121 10.121c-.543.543-1.293.879-2.121.879s-1.578-.336-2.121-.879c-.543-.543-.879-1.293-.879-2.121s.336-1.578.879-2.121 1.293-.879 2.121-.879 1.578.336 2.121.879" class="iconic-copyright-c iconic-property-stroke"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/copywriting.svg b/app/javascript/iconic/svg/smart/copywriting.svg
new file mode 100755
index 0000000..2b20b1b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/copywriting.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-copywriting" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Copywriting</title>
+  </g>
+  <g class="iconic-copywriting-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path class="iconic-copywriting-period iconic-property-accent iconic-property-fill" d="M106 120h8v8h-8z" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-3 iconic-property-stroke" d="M4 124h90" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-2 iconic-property-stroke" d="M4 102h64" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-1 iconic-property-stroke" d="M4 80h110" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-3 iconic-property-stroke" d="M4 48h92" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-2 iconic-property-stroke" d="M4 26h78" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-1 iconic-property-stroke" d="M4 4h120" fill="none" />
+  </g>
+  <g class="iconic-copywriting-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-copywriting-period iconic-property-accent iconic-property-fill" d="M26 29h3v3h-3z" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-2 iconic-property-stroke" d="M1.5 22.5h29" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-1 iconic-property-stroke" d="M1.5 30.5h20" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-2 iconic-property-stroke" d="M1.5 9.5h16" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-1 iconic-property-stroke" d="M1.5 1.5h29" fill="none" />
+  </g>
+  <g class="iconic-copywriting-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-copywriting-period iconic-property-accent iconic-property-fill" d="M14 14h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-2 iconic-property-stroke" d="M1 15h10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-copywriting-paragraph-2 iconic-copywriting-line-1 iconic-property-stroke" d="M1 11h14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-2 iconic-property-stroke" d="M1 5h8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-copywriting-paragraph-1 iconic-copywriting-line-1 iconic-property-stroke" d="M1 1h14" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/cpu.svg b/app/javascript/iconic/svg/smart/cpu.svg
new file mode 100755
index 0000000..567e682
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/cpu.svg
@@ -0,0 +1,144 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-cpu" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Cpu</title>
+  </g>
+  <g class="iconic-cpu-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-1 iconic-property-stroke" d="M19 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-2 iconic-property-stroke" d="M25 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-3 iconic-property-stroke" d="M31 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-4 iconic-property-stroke" d="M37 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-5 iconic-property-stroke" d="M43 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-6 iconic-property-stroke" d="M49 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-7 iconic-property-stroke" d="M55 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-8 iconic-property-stroke" d="M61 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-9 iconic-property-stroke" d="M67 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-10 iconic-property-stroke" d="M73 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-11 iconic-property-stroke" d="M79 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-12 iconic-property-stroke" d="M85 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-13 iconic-property-stroke" d="M91 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-14 iconic-property-stroke" d="M97 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-15 iconic-property-stroke" d="M103 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-16 iconic-property-stroke" d="M109 1v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-1 iconic-property-stroke" d="M19 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-2 iconic-property-stroke" d="M25 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-3 iconic-property-stroke" d="M31 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-4 iconic-property-stroke" d="M37 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-5 iconic-property-stroke" d="M43 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-6 iconic-property-stroke" d="M49 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-7 iconic-property-stroke" d="M55 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-8 iconic-property-stroke" d="M61 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-9 iconic-property-stroke" d="M67 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-10 iconic-property-stroke" d="M73 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-11 iconic-property-stroke" d="M79 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-12 iconic-property-stroke" d="M85 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-13 iconic-property-stroke" d="M91 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-14 iconic-property-stroke" d="M97 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-15 iconic-property-stroke" d="M103 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-16 iconic-property-stroke" d="M109 115v12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-1 iconic-property-stroke" d="M127 19h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-2 iconic-property-stroke" d="M127 25h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-3 iconic-property-stroke" d="M127 31h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-4 iconic-property-stroke" d="M127 37h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-5 iconic-property-stroke" d="M127 43h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-6 iconic-property-stroke" d="M127 49h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-7 iconic-property-stroke" d="M127 55h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-8 iconic-property-stroke" d="M127 61h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-9 iconic-property-stroke" d="M127 67h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-10 iconic-property-stroke" d="M127 73h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-11 iconic-property-stroke" d="M127 79h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-12 iconic-property-stroke" d="M127 85h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-13 iconic-property-stroke" d="M127 91h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-14 iconic-property-stroke" d="M127 97h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-15 iconic-property-stroke" d="M127 103h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-16 iconic-property-stroke" d="M127 109h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-1 iconic-property-stroke" d="M13 19h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-2 iconic-property-stroke" d="M13 25h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-3 iconic-property-stroke" d="M13 31h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-4 iconic-property-stroke" d="M13 37h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-5 iconic-property-stroke" d="M13 43h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-6 iconic-property-stroke" d="M13 49h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-7 iconic-property-stroke" d="M13 55h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-8 iconic-property-stroke" d="M13 61h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-9 iconic-property-stroke" d="M13 67h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-10 iconic-property-stroke" d="M13 73h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-11 iconic-property-stroke" d="M13 79h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-12 iconic-property-stroke" d="M13 85h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-13 iconic-property-stroke" d="M13 91h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-14 iconic-property-stroke" d="M13 97h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-15 iconic-property-stroke" d="M13 103h-12" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-16 iconic-property-stroke" d="M13 109h-12" fill="none" />
+    <path d="M110 16h-92c-1.1 0-2 .9-2 2v92c0 1.1.9 2 2 2h92c1.1 0 2-.9 2-2v-92c0-1.1-.9-2-2-2zm-6 57.125c0 .55-.403 1.201-.894 1.447l-2.211 1.105c-.492.246-.894.897-.894 1.447v21.875c0 .55-.45 1-1 1h-70c-.55 0-1-.45-1-1v-22c0-.55-.403-1.201-.894-1.447l-2.211-1.105c-.492-.246-.894-.897-.894-1.447v-18c0-.55.403-1.201.894-1.447l2.211-1.106c.492-.246.894-.897.894-1.447v-22c0-.55.45-1 1-1h70c.55 0 1 .45 1 1v22c0 .55.403 1.201.894 1.447l2.211 1.105c.492.246.894.897.894 1.447v18.125z"
+    class="iconic-cpu-wafer iconic-cpu-wafer-outer iconic-property-fill" />
+    <path d="M97 30h-66c-.55 0-1 .45-1 1v66c0 .55.45 1 1 1h66c.55 0 1-.45 1-1v-66c0-.55-.45-1-1-1z" class="iconic-cpu-wafer iconic-cpu-wafer-inner iconic-property-fill" />
+  </g>
+  <g class="iconic-cpu-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path class="iconic-cpu-wafer iconic-property-fill" d="M5 5h21v21h-21z" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-1 iconic-property-stroke" d="M.5 5.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-2 iconic-property-stroke" d="M.5 7.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-3 iconic-property-stroke" d="M.5 9.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-4 iconic-property-stroke" d="M.5 11.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-5 iconic-property-stroke" d="M.5 13.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-6 iconic-property-stroke" d="M.5 15.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-7 iconic-property-stroke" d="M.5 17.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-8 iconic-property-stroke" d="M.5 19.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-9 iconic-property-stroke" d="M.5 21.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-10 iconic-property-stroke" d="M.5 23.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-11 iconic-property-stroke" d="M.5 25.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-1 iconic-property-stroke" d="M27.5 5.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-2 iconic-property-stroke" d="M27.5 7.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-3 iconic-property-stroke" d="M27.5 9.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-4 iconic-property-stroke" d="M27.5 11.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-5 iconic-property-stroke" d="M27.5 13.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-6 iconic-property-stroke" d="M27.5 15.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-7 iconic-property-stroke" d="M27.5 17.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-8 iconic-property-stroke" d="M27.5 19.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-9 iconic-property-stroke" d="M27.5 21.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-10 iconic-property-stroke" d="M27.5 23.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-11 iconic-property-stroke" d="M27.5 25.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-11 iconic-property-stroke" d="M25.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-10 iconic-property-stroke" d="M23.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-9 iconic-property-stroke" d="M21.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-8 iconic-property-stroke" d="M19.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-7 iconic-property-stroke" d="M17.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-6 iconic-property-stroke" d="M15.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-5 iconic-property-stroke" d="M13.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-4 iconic-property-stroke" d="M11.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-3 iconic-property-stroke" d="M9.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-2 iconic-property-stroke" d="M7.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-1 iconic-property-stroke" d="M5.5.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-11 iconic-property-stroke" d="M25.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-10 iconic-property-stroke" d="M23.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-9 iconic-property-stroke" d="M21.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-8 iconic-property-stroke" d="M19.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-7 iconic-property-stroke" d="M17.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-6 iconic-property-stroke" d="M15.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-5 iconic-property-stroke" d="M13.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-4 iconic-property-stroke" d="M11.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-3 iconic-property-stroke" d="M9.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-2 iconic-property-stroke" d="M7.5 27.5v3" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-1 iconic-property-stroke" d="M5.5 27.5v3" fill="none" />
+  </g>
+  <g class="iconic-cpu-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-cpu-wafer iconic-property-fill" d="M3 3h9v9h-9z" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-1 iconic-property-stroke" d="M.5 3.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-2 iconic-property-stroke" d="M.5 5.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-3 iconic-property-stroke" d="M.5 7.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-4 iconic-property-stroke" d="M.5 9.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-left iconic-cpu-pin-left-5 iconic-property-stroke" d="M.5 11.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-1 iconic-property-stroke" d="M13.5 3.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-2 iconic-property-stroke" d="M13.5 5.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-3 iconic-property-stroke" d="M13.5 7.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-4 iconic-property-stroke" d="M13.5 9.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-right iconic-cpu-pin-right-5 iconic-property-stroke" d="M13.5 11.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-5 iconic-property-stroke" d="M11.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-4 iconic-property-stroke" d="M9.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-3 iconic-property-stroke" d="M7.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-2 iconic-property-stroke" d="M5.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-top iconic-cpu-pin-top-1 iconic-property-stroke" d="M3.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-5 iconic-property-stroke" d="M11.5 13.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-4 iconic-property-stroke" d="M9.5 13.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-3 iconic-property-stroke" d="M7.5 13.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-2 iconic-property-stroke" d="M5.5 13.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-cpu-pin iconic-cpu-pin-bottom iconic-cpu-pin-bottom-1 iconic-property-stroke" d="M3.5 13.5v1" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/credit-card.svg b/app/javascript/iconic/svg/smart/credit-card.svg
new file mode 100755
index 0000000..273ebbf
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/credit-card.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-credit-card" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Credit Card</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-credit-card-clip-0">
+      <path d="M0 0v80h128v-80h-128zm30 71.5c0 .275-.225.5-.5.5h-21c-.275 0-.5-.225-.5-.5v-13c0-.275.225-.5.5-.5h21c.275 0 .5.225.5.5v13zm62-30c0 .275-.225.5-.5.5h-83c-.275 0-.5-.225-.5-.5v-11c0-.275.225-.5.5-.5h83c.275 0 .5.225.5.5v11zm28 0c0 .275-.225.5-.5.5h-23c-.275 0-.5-.225-.5-.5v-11c0-.275.225-.5.5-.5h23c.275 0 .5.225.5.5v11zm6-19.5h-124v-14h124v14z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-credit-card-clip-0">
+      <path d="M0 0v20h32v-20h-32zm8 16.75c0 .137-.112.25-.25.25h-4.5c-.138 0-.25-.113-.25-.25v-2.5c0-.137.112-.25.25-.25h4.5c.138 0 .25.113.25.25v2.5zm15-6c0 .138-.113.25-.25.25h-19.5c-.138 0-.25-.113-.25-.25v-1.5c0-.137.112-.25.25-.25h19.5c.137 0 .25.113.25.25v1.5zm5 0c0 .138-.113.25-.25.25h-3.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h3.5c.137 0 .25.113.25.25v1.5zm3-4.75h-30v-3h30v3z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-credit-card-clip-0">
+      <path d="M0 2v-2h16v2h-16zm16 2v8h-16v-8h16zm-11 4h-3v2h3v-2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-credit-card-lg iconic-container iconic-lg" data-width="128" data-height="80" display="inline" transform="translate(0 24)">
+    <path clip-path="url(#iconic-size-lg-credit-card-clip-0)" d="M125 80h-122c-1.657 0-3-1.343-3-3v-74c0-1.657 1.343-3 3-3h122c1.657 0 3 1.343 3 3v74c0 1.657-1.343 3-3 3z" class="iconic-credit-card-body iconic-property-fill" />
+  </g>
+  <g class="iconic-credit-card-md iconic-container iconic-md" data-width="32" data-height="20" display="none" transform="scale(4) translate(0 6)">
+    <path clip-path="url(#iconic-size-md-credit-card-clip-0)" d="M31 20h-30c-.552 0-1-.448-1-1v-18c0-.552.448-1 1-1h30c.552 0 1 .448 1 1v18c0 .552-.448 1-1 1z" class="iconic-credit-card-body iconic-property-fill" />
+  </g>
+  <g class="iconic-credit-card-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path d="M15.5 12h-15c-.276 0-.5-.224-.5-.5v-11c0-.276.224-.5.5-.5h15c.276 0 .5.224.5.5v11c0 .276-.224.5-.5.5z" clip-path="url(#iconic-size-sm-credit-card-clip-0)" class="iconic-credit-card-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/crop.svg b/app/javascript/iconic/svg/smart/crop.svg
new file mode 100755
index 0000000..890a14a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/crop.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-crop" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Crop</title>
+  </g>
+  <g class="iconic-crop-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path transform="matrix(-.707 .707 -.707 -.707 162.01 45.893)" class="iconic-crop-angle iconic-property-accent iconic-property-fill" d="M-5.575 53.672h154.149v5.657h-154.149z" />
+    <path stroke="#000" stroke-width="8" class="iconic-crop-corner iconic-crop-corner-top iconic-property-stroke" d="M0 16h112v112" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-crop-corner iconic-crop-corner-bottom iconic-property-stroke" d="M128 112h-112v-112" fill="none" />
+  </g>
+  <g class="iconic-crop-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path transform="matrix(-.707 -.707 .707 -.707 22.035 36.127)" class="iconic-crop-angle iconic-property-accent iconic-property-fill" d="M17.793-4.885h1.414v36.77h-1.414z" />
+    <path stroke="#000" stroke-width="3" class="iconic-crop-corner iconic-crop-corner-top iconic-property-stroke" d="M0 6.5h25.5v25.5" fill="none" />
+    <path stroke="#000" stroke-width="3" class="iconic-crop-corner iconic-crop-corner-bottom iconic-property-stroke" d="M32 25.5h-25.5v-25.5" fill="none" />
+  </g>
+  <g class="iconic-crop-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path transform="matrix(-.707 -.707 .707 -.707 11.621 17.814)" class="iconic-crop-angle iconic-property-accent iconic-property-fill" d="M8.793-1.985h1.414v16.971h-1.414z" />
+    <path stroke="#000" stroke-width="2" class="iconic-crop-corner iconic-crop-corner-top iconic-property-stroke" d="M0 3h13v13" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-crop-corner iconic-crop-corner-bottom iconic-property-stroke" d="M16 13h-13v-13" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/dashboard.svg b/app/javascript/iconic/svg/smart/dashboard.svg
new file mode 100755
index 0000000..f41ef7d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/dashboard.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-dashboard" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Dashboard</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-dashboard-clip-0">
+      <path d="M0 0v122h128v-122h-128zm73.9 73.9c-2.644 2.644-6.16 4.1-9.9 4.1s-7.255-1.456-9.899-4.101c-4.01-4.01-25.253-37.144-29.471-43.746-1.011-1.582-.785-3.655.542-4.982.772-.772 1.796-1.172 2.83-1.172.743 0 1.49.206 2.152.629 6.601 4.218 39.736 25.461 43.746 29.471 2.645 2.644 4.101 6.16 4.101 9.9s-1.456 7.255-4.1 9.9z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-dashboard-clip-0">
+      <path d="M0 0v30h32v-30h-32zm19.626 19.626c-.885.885-2.061 1.372-3.313 1.372-1.251 0-2.428-.487-3.313-1.372-1.091-1.091-5.745-8.451-7.696-11.565-.495-.79-.378-1.818.281-2.477.386-.386.898-.585 1.414-.585.366 0 .735.101 1.063.306 3.126 1.963 10.51 6.642 11.563 7.695 1.796 1.796 1.796 4.83 0 6.625z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-dashboard-clip-0">
+      <path d="M0 0v15h16v-15h-16zm9.313 9.313c-.442.442-1.031.686-1.656.686s-1.657-.999-1.657-.999l-2-1s-1.018-4.396-.706-4.708c.192-.192.448-.292.707-.292.161 0 4 1 4 1l1 2s1.211 2.415.313 3.313z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-dashboard-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path stroke="#000" stroke-width="8" d="M90 118.001c2.562-1.244 5.204-2.666 7.547-4.248 3.192-2.156 6.165-4.612 8.88-7.327 2.715-2.715 5.17-5.688 7.327-8.88 2.156-3.192 4.014-6.603 5.532-10.192s2.697-7.357 3.496-11.263 1.219-7.95 1.219-12.092-.42-8.186-1.219-12.092-1.978-7.673-3.496-11.263c-1.518-3.589-3.376-7-5.532-10.192s-4.612-6.165-7.327-8.88c-2.715-2.715-5.688-5.17-8.88-7.327-3.192-2.156-6.603-4.014-10.192-5.532s-7.357-2.697-11.263-3.496-7.95-1.219-12.092-1.219-8.186.42-12.092 1.219-7.673 1.978-11.263 3.496c-3.589 1.518-7 3.376-10.192 5.532s-6.165 4.612-8.88 7.327-5.17 5.688-7.327 8.88-4.014 6.603-5.532 10.192c-1.518 3.589-2.697 7.357-3.496 11.263s-1.219 7.95-1.219 12.092.42 8.186 1.219 12.092 1.978 7.673 3.496 11.263 3.376 7 5.532 10.192 4.612 6.165 7.327 8.88c2.715 2.715 5.688 5.17 8.88 7.327 2.397 1.619 4.918 2.982 7.544 4.247l52.002.001z"
+    class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dashboard-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="round" d="M32.887 94.779c-3.981-3.981-7.203-8.722-9.43-13.986-2.227-5.264-3.458-11.052-3.458-17.127s1.231-11.863 3.458-17.127 5.448-10.005 9.43-13.986c3.981-3.981 8.722-7.203 13.986-9.43s11.052-3.458 17.127-3.458 11.863 1.231 17.127 3.458c5.264 2.227 10.005 5.448 13.986 9.43 3.981 3.981 7.203 8.722 9.43 13.986 2.226 5.264 3.458 11.052 3.458 17.127s-1.231 11.863-3.458 17.127c-2.227 5.264-5.448 10.005-9.43 13.986"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M71.071 56.929c-3.905-3.905-43.071-28.929-43.071-28.929s25.024 39.166 28.929 43.071c3.905 3.905 10.237 3.905 14.142 0 3.905-3.905 3.905-10.237 0-14.142zm-7.071 9.071c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-dashboard-needle iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-dashboard-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" stroke-width="3" d="M9.001 28.5c-4.472-2.448-7.501-7.03-7.501-12.5 0-8.008 6.492-14.5 14.5-14.5s14.5 6.492 14.5 14.5c0 5.469-3.028 10.052-7.499 12.5h-14z" class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path d="M14.415 18.212c1.048 1.048 2.748 1.048 3.797 0s1.007-2.79 0-3.797c-1.007-1.007-11.212-7.415-11.212-7.415s6.367 10.164 7.415 11.212z" class="iconic-dashboard-needle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-dashboard-clip-0)" stroke="#000" stroke-linecap="round" d="M9.283 22.718c-1.719-1.719-2.783-4.094-2.783-6.718s1.063-4.998 2.783-6.718 4.094-2.782 6.717-2.782 4.998 1.063 6.718 2.783 2.782 4.094 2.782 6.717-1.063 4.998-2.783 6.718"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-dashboard-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" d="M4.5 14c-2.081-1.213-3.5-3.418-3.5-6 0-3.866 3.134-7 7-7s7 3.134 7 7c0 2.59-1.407 4.79-3.498 6h-7.002z" class="iconic-dashboard-body iconic-property-stroke" fill="none" />
+    <path d="M6.708 8.606c.524.524 1.374.524 1.899 0s.503-1.395 0-1.899c-.503-.503-4.606-2.708-4.606-2.708s2.183 4.082 2.708 4.606z" class="iconic-dashboard-needle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-dashboard-clip-0)" stroke="#000" stroke-linecap="round" d="M5.525 10.475c-.633-.633-1.025-1.508-1.025-2.475s.392-1.841 1.025-2.475 1.508-1.025 2.475-1.025 1.841.392 2.475 1.025 1.025 1.508 1.025 2.475-.392 1.841-1.025 2.475"
+    class="iconic-dashboard-values iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/data-transfer.svg b/app/javascript/iconic/svg/smart/data-transfer.svg
new file mode 100755
index 0000000..156a24d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/data-transfer.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="data-transfer" width="128" height="128" class="iconic iconic-data-transfer" viewBox="0 0 128 128">
+  <g><title>Data Transfer</title></g>
+  <g data-width="60" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(34)">
+    <g class="iconic-download">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-download-bar iconic-property-accent iconic-property-stroke" d="M4 124h52" fill="none"/>
+      <path class="iconic-download-arrow iconic-property-fill" d="M38 76v-76h-16v76h-14l22 36 22-36z"/>
+    </g>
+    <g class="iconic-upload" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-upload-line iconic-property-accent iconic-property-stroke" d="M56 4h-52" fill="none"/>
+      <path class="iconic-upload-arrow iconic-property-fill" d="M52 52l-22-36-22 36h14v76h16v-76z"/>
+    </g>
+  </g>
+  <g data-width="20" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(6)">
+    <g class="iconic-download">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-download-bar iconic-property-accent iconic-property-stroke" d="M1.5 30.5h17" fill="none"/>
+      <path class="iconic-download-arrow iconic-property-fill" d="M13 17v-17h-6v17h-4l7 9 7-9z"/>
+    </g>
+    <g class="iconic-upload" display="none">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-upload-line iconic-property-accent iconic-property-stroke" d="M18.5 1.5h-17" fill="none"/>
+      <path class="iconic-upload-arrow iconic-property-fill" d="M17 15l-7-9-7 9h4v17h6v-17z"/>
+    </g>
+  </g>
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1)">
+    <g class="iconic-download">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-download-bar iconic-property-accent iconic-property-stroke" d="M1 15h12" fill="none"/>
+      <path class="iconic-download-arrow iconic-property-fill" d="M9 7v-7h-4v7h-3l5 5 5-5z"/>
+    </g>
+    <g class="iconic-upload" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-upload-line iconic-property-accent iconic-property-stroke" d="M13 1h-12" fill="none"/>
+      <path class="iconic-upload-arrow iconic-property-fill" d="M12 9l-5-5-5 5h3v7h4v-7z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["data-transfer"]=iconicApis["data-transfer"]||function(t){var e=function(e){t.setAttribute("data-transfer-direction",e);var r,a,i=t.querySelectorAll(".iconic-upload"),n=t.querySelectorAll(".iconic-download");a=r="none","upload"===e?r="inline":a="inline";for(var o=0;o<i.length;o++)i[o].setAttribute("display",r),n[o].setAttribute("display",a)},r=function(){var r=t.getAttribute("data-transfer-direction");r&&e(r)};return{update:r,setTransferDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/database.svg b/app/javascript/iconic/svg/smart/database.svg
new file mode 100755
index 0000000..e0f4adb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/database.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-database" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Database</title>
+  </g>
+  <g class="iconic-database-lg iconic-container iconic-lg" data-width="72" data-height="128" display="inline" transform="translate(28)">
+    <path d="M36 72c19.851 0 36-16.149 36-36 0-19.882-16.118-36-36-36s-36 16.118-36 36c0 19.851 16.149 36 36 36z" class="iconic-database-disc iconic-database-disc-top iconic-property-fill" />
+    <path d="M36 100c19.851 0 36-16.149 36-36v-10.577c-6.488 13.351-20.186 22.577-36 22.577s-29.512-9.226-36-22.577v10.577c0 19.851 16.149 36 36 36z" class="iconic-database-disc iconic-database-disc-middle iconic-property-accent iconic-property-fill"
+    />
+    <path d="M36 104c-15.814 0-29.512-9.226-36-22.577v10.577c0 19.882 16.118 36 36 36s36-16.118 36-36v-10.577c-6.488 13.351-20.186 22.577-36 22.577z" class="iconic-database-disc iconic-database-disc-bottom iconic-property-fill" />
+  </g>
+  <g class="iconic-database-md iconic-container iconic-md" data-width="18" data-height="32" display="none" transform="scale(4) translate(7)">
+    <path d="M9 18c4.962 0 9-4.038 9-9 0-4.971-4.029-9-9-9s-9 4.029-9 9c0 4.962 4.038 9 9 9z" class="iconic-database-disc iconic-database-disc-top iconic-property-fill" />
+    <path d="M9 25c4.962 0 9-4.038 9-9v-2.67c-1.618 3.349-5.039 5.67-9 5.67s-7.382-2.321-9-5.67v2.67c0 4.962 4.038 9 9 9z" class="iconic-database-disc iconic-database-disc-middle iconic-property-accent iconic-property-fill" />
+    <path d="M9 26c-3.962 0-7.382-2.321-9-5.67v2.67c0 4.971 4.029 9 9 9s9-4.029 9-9v-2.67c-1.618 3.349-5.039 5.67-9 5.67z" class="iconic-database-disc iconic-database-disc-bottom iconic-property-fill" />
+  </g>
+  <g class="iconic-database-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
+    <path d="M4 8c2.206 0 4-1.794 4-4 0-2.209-1.791-4-4-4s-4 1.791-4 4c0 2.206 1.794 4 4 4z" class="iconic-database-disc iconic-database-disc-top iconic-property-fill" />
+    <path d="M4 12c2.206 0 4-1.794 4-4v-1.031c-.912 1.225-2.359 2.031-4 2.031s-3.088-.806-4-2.031v1.031c0 2.206 1.794 4 4 4z" class="iconic-database-disc iconic-database-disc-middle iconic-property-accent iconic-property-fill" />
+    <path d="M4 13c-1.641 0-3.088-.806-4-2.031v1.031c0 2.209 1.791 4 4 4s4-1.791 4-4v-1.031c-.912 1.225-2.359 2.031-4 2.031z" class="iconic-database-disc iconic-database-disc-bottom iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/delete.svg b/app/javascript/iconic/svg/smart/delete.svg
new file mode 100755
index 0000000..cb8575b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/delete.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-delete" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Delete</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-delete-clip-0">
+      <path d="M0 0v72h128v-72h-128zm94.657 51l-5.657 5.657-15-15-15 15-5.657-5.657 15-15-15-15 5.657-5.657 15 15 15-15 5.657 5.657-15 15 15 15z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-delete-clip-0">
+      <path d="M0 0v18h32v-18h-32zm23.621 12l-2.121 2.121-3-3-3 3-2.121-2.121 3-3-3-3 2.121-2.121 3 3 3-3 2.121 2.121-3 3 3 3z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-delete-clip-0">
+      <path d="M0 0v12h16v-12h-16zm13.414 8l-1.414 1.414-2-2-2 2-1.414-1.414 2-2-2-2 1.414-1.414 2 2 2-2 1.414 1.414-2 2 2 2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-delete-lg iconic-container iconic-lg" data-width="128" data-height="72" display="inline" transform="translate(0 28)">
+    <path d="M23.168 1.248l-22.336 33.504c-.46.689-.46 1.807 0 2.496l22.336 33.504c.46.689 1.504 1.248 2.332 1.248h101c.828 0 1.5-.672 1.5-1.5v-69c0-.828-.672-1.5-1.5-1.5h-101c-.828 0-1.872.559-2.332 1.248z" clip-path="url(#iconic-size-lg-delete-clip-0)"
+    class="iconic-delete-body iconic-property-fill" />
+  </g>
+  <g class="iconic-delete-md iconic-container iconic-md" data-width="32" data-height="18" display="none" transform="scale(4) translate(0 7)">
+    <path d="M5.723.416l-5.445 8.168c-.153.23-.153.602 0 .832l5.445 8.168c.153.23.501.416.777.416h25c.276 0 .5-.224.5-.5v-17c0-.276-.224-.5-.5-.5h-25c-.276 0-.624.186-.777.416z" clip-path="url(#iconic-size-md-delete-clip-0)" class="iconic-delete-body iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-delete-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path clip-path="url(#iconic-size-sm-delete-clip-0)" class="iconic-delete-body iconic-property-fill" d="M4 0l-4 6 4 6h12v-12z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/delta.svg b/app/javascript/iconic/svg/smart/delta.svg
new file mode 100755
index 0000000..e5e22c1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/delta.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-delta" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Delta</title>
+  </g>
+  <g class="iconic-delta-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M64 0l-64 127.999v.001h128l-64-128zm-58 123.999l54-107.999 54 108h-108v-.001z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-delta-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 0l-16 32h32l-16-32zm-13 30l12-24 12 24h-24z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-delta-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 0l-8 16h16l-8-16zm-6.5 15l5.75-11.5 5.75 11.5h-11.5z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/dial.svg b/app/javascript/iconic/svg/smart/dial.svg
new file mode 100755
index 0000000..6df0de9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/dial.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-dial" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Dial</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-dial-clip-0">
+      <path d="M66 26v34c0 1.105-.895 2-2 2s-2-.895-2-2v-34h-36v76h76v-76h-36z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-dial-clip-0">
+      <path d="M17 5v10c0 .552-.448 1-1 1s-1-.448-1-1v-10h-10v22h22v-22h-10z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-dial-clip-0">
+      <path d="M8 3v4.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-4.5h-4v9h9v-9h-4z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-dial-lg iconic-container iconic-lg" data-width="128" data-height="102" display="inline" transform="translate(0 13)">
+    <circle cx="64" cy="64" r="38" clip-path="url(#iconic-size-lg-dial-clip-0)" class="iconic-dial-body iconic-property-fill" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-1 iconic-property-accent iconic-property-stroke" d="M2 64h4" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-2 iconic-property-accent iconic-property-stroke" d="M6.72 40.274l3.695 1.53" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-3 iconic-property-accent iconic-property-stroke" d="M20.159 20.159l2.829 2.829" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-4 iconic-property-accent iconic-property-stroke" d="M40.274 6.72l1.53 3.695" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-5 iconic-property-accent iconic-property-stroke" d="M64 2v4" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-6 iconic-property-accent iconic-property-stroke" d="M86.196 10.415l1.53-3.695" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-7 iconic-property-accent iconic-property-stroke" d="M105.012 22.988l2.829-2.829" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-8 iconic-property-accent iconic-property-stroke" d="M117.585 41.804l3.696-1.53" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-dial-notch iconic-dial-notch-9 iconic-property-accent iconic-property-stroke" d="M122 64h4" fill="none" />
+  </g>
+  <g class="iconic-dial-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <circle cx="16" cy="16" r="11" clip-path="url(#iconic-size-md-dial-clip-0)" class="iconic-dial-body iconic-property-fill" />
+    <circle cx="1" cy="16" r="1" class="iconic-dial-notch iconic-dial-notch-1 iconic-property-accent iconic-property-fill" />
+    <circle cx="2.142" cy="10.26" r="1" class="iconic-dial-notch iconic-dial-notch-2 iconic-property-accent iconic-property-fill" />
+    <circle cx="5.393" cy="5.393" r="1" class="iconic-dial-notch iconic-dial-notch-3 iconic-property-accent iconic-property-fill" />
+    <circle cx="10.26" cy="2.142" r="1" class="iconic-dial-notch iconic-dial-notch-4 iconic-property-accent iconic-property-fill" />
+    <circle cx="16" cy="1" r="1" class="iconic-dial-notch iconic-dial-notch-5 iconic-property-accent iconic-property-fill" />
+    <circle cx="21.74" cy="2.142" r="1" class="iconic-dial-notch iconic-dial-notch-6 iconic-property-accent iconic-property-fill" />
+    <circle cx="26.607" cy="5.393" r="1" class="iconic-dial-notch iconic-dial-notch-7 iconic-property-accent iconic-property-fill" />
+    <circle cx="29.858" cy="10.26" r="1" class="iconic-dial-notch iconic-dial-notch-8 iconic-property-accent iconic-property-fill" />
+    <circle cx="31" cy="16" r="1" class="iconic-dial-notch iconic-dial-notch-9 iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-dial-sm iconic-container iconic-sm" data-width="15" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <circle cx="7.5" cy="7.5" r="4.5" clip-path="url(#iconic-size-sm-dial-clip-0)" class="iconic-dial-body iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" d="M.5 7.5c0-3.866 3.134-7 7-7s7 3.134 7 7" class="iconic-dial-notches iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/dna.svg b/app/javascript/iconic/svg/smart/dna.svg
new file mode 100755
index 0000000..24c4f89
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/dna.svg
@@ -0,0 +1,59 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-dna" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Dna</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-dna-clip-0">
+      <path d="M0 89.423v-89.423h66.26c-.792 1.134-1.26 2.511-1.26 4v18.284c0 8.778-4.689 17.015-12.236 21.497l-.319.19-38.692 28.913c-6.329 3.857-10.976 9.519-13.752 16.54zm60.246-33.805l-38.69 28.912-.319.19c-8.461 5.023-10.236 14.463-10.236 21.497v17.784c0 1.488-.468 2.866-1.26 4h66.26v-90.796c-3.139 7.546-8.604 14.069-15.754 18.415z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-dna-clip-0">
+      <path d="M0 21.142v-21.142h16.511c-.316.419-.511.934-.511 1.5v3.571c0 1.931-1.031 3.743-2.692 4.729l-9.791 7.3c-1.577.968-2.754 2.353-3.517 4.042zm15.982-7.115l-9.79 7.299c-1.812 1.075-2.192 3.165-2.192 4.728v3.446c0 .566-.195 1.081-.511 1.5h16.511v-21.519c-.861 1.85-2.235 3.454-4.018 4.545z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-dna-clip-0">
+      <path d="M0 9.99v-9.99h9.277c-.172.295-.277.634-.277 1v1.786c0 .702-.375 1.361-.979 1.72l-6.084 3.612c-.793.471-1.444 1.121-1.937 1.872zm10.063-2.045l-6.084 3.612c-.604.358-.979 1.018-.979 1.72v1.723c0 .366-.106.705-.278 1h9.277v-9.927c-.493.751-1.144 1.401-1.937 1.872z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-dna-lg iconic-container iconic-lg" data-width="76" data-height="128" display="inline" transform="translate(26)">
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-6 iconic-property-stroke" d="M72 119h-68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-5 iconic-property-stroke" d="M72 111h-68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-4 iconic-property-stroke" d="M72 103h-68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-3 iconic-property-stroke" d="M71 95h-66" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-2 iconic-property-stroke" d="M67 87h-57" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-1 iconic-property-stroke" d="M59 79h-42" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-6 iconic-property-stroke" d="M17 49h42" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-5 iconic-property-stroke" d="M9 41h57" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-4 iconic-property-stroke" d="M5 33h66" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-3 iconic-property-stroke" d="M4 25h68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-2 iconic-property-stroke" d="M4 17h68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="2" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-1 iconic-property-stroke" d="M4 9h68" fill="none" />
+    <path clip-path="url(#iconic-size-lg-dna-clip-0)" stroke="#000" stroke-width="8" stroke-linecap="round" d="M38 64.25l18.337 14.45c9.71 5.766 15.663 16.222 15.663 27.515v17.784m-68-119.999v18.284c0 11.293 3.952 21.75 13.663 27.515l20.337 14.45" class="iconic-dna-backbone iconic-dna-backbone-left iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" d="M72 4v18.284c0 11.293-5.952 21.75-15.663 27.515l-38.674 28.9c-9.71 5.766-13.663 16.222-13.663 27.515v17.784" class="iconic-dna-backbone iconic-dna-backbone-right iconic-property-stroke"
+    fill="none" />
+  </g>
+  <g class="iconic-dna-md iconic-container iconic-md" data-width="20" data-height="31" display="none" transform="scale(4) translate(6)">
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-3 iconic-property-stroke" d="M3.5 27.5h14" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-2 iconic-property-stroke" d="M1.5 24.5h17" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-1 iconic-property-stroke" d="M1.5 21.5h17" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-3 iconic-property-stroke" d="M3.5 9.5h14" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-2 iconic-property-stroke" d="M1.5 6.5h17" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-1 iconic-property-stroke" d="M1.5 3.5h17" fill="none" />
+    <path clip-path="url(#iconic-size-md-dna-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="round" d="M1.5 1.5v3.571c0 2.823.988 5.438 3.416 6.879l5.084 3.613m0 0l4.584 3.613c2.428 1.441 3.916 4.056 3.916 6.879v3.446" class="iconic-dna-backbone iconic-dna-backbone-left iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" d="M18.5 1.5v3.571c0 2.823-1.488 5.438-3.916 6.879l-9.669 7.225c-2.428 1.441-3.416 4.056-3.416 6.879v3.446" class="iconic-dna-backbone iconic-dna-backbone-right iconic-property-stroke" fill="none"
+    />
+  </g>
+  <g class="iconic-dna-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path clip-path="url(#iconic-size-sm-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-2 iconic-property-stroke" d="M2 13.5h8" fill="none" />
+    <path clip-path="url(#iconic-size-sm-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-bottom iconic-dna-base-bottom-1 iconic-property-stroke" d="M1 11.5h10" fill="none" />
+    <path clip-path="url(#iconic-size-sm-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-2 iconic-property-stroke" d="M1 4.5h10" fill="none" />
+    <path clip-path="url(#iconic-size-sm-dna-clip-0)" stroke="#000" class="iconic-dna-base iconic-dna-base-top iconic-dna-base-top-1 iconic-property-stroke" d="M1 2.5h10" fill="none" />
+    <path clip-path="url(#iconic-size-sm-dna-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="round" d="M1 1v1.786c0 1.412.744 2.719 1.958 3.439l3.042 1.806m0 0l3.042 1.806c1.214.721 1.958 2.028 1.958 3.439v1.723" class="iconic-dna-backbone iconic-dna-backbone-left iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M11 1v1.786c0 1.412-.744 2.719-1.958 3.439l-6.084 3.613c-1.214.721-1.958 2.028-1.958 3.439v1.723" class="iconic-dna-backbone iconic-dna-backbone-right iconic-property-stroke" fill="none"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/document.svg b/app/javascript/iconic/svg/smart/document.svg
new file mode 100755
index 0000000..50b847a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/document.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-document" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Document</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-document-clip-0">
+      <path d="M70 28v-28h-70v128h98v-100h-28zm-58 30h60v4h-60v-4zm0 36h68v4h-68v-4zm74 22h-74v-4h74v4zm0-36h-74v-4h74v4zm0-36h-74v-4h74v4z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-document-clip-0">
+      <path d="M17 8v-8h-17v32h25v-24h-8zm-14 7h15v1h-15v-1zm0 8h17v1h-17v-1zm19 5h-19v-1h19v1zm0-8h-19v-1h19v1zm0-8h-19v-1h19v1z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-document-clip-0">
+      <path d="M8 0h-8v16h13v-11h-5v-5zm-6 4h4v1h-4v-1zm0 6h7v1h-7v-1zm9 4h-9v-1h9v1zm0-7v1h-9v-1h9z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-document-lg iconic-container iconic-lg" data-width="98" data-height="128" display="inline" transform="translate(15)">
+    <path clip-path="url(#iconic-size-lg-document-clip-0)" d="M96.5 128h-95c-.828 0-1.5-.672-1.5-1.5v-125c0-.828.672-1.5 1.5-1.5h95c.828 0 1.5.672 1.5 1.5v125c0 .828-.672 1.5-1.5 1.5z" class="iconic-document-page iconic-property-fill" />
+    <path class="iconic-document-flap iconic-property-fill" d="M98 24l-24-24v24z" />
+  </g>
+  <g class="iconic-document-md iconic-container iconic-md" data-width="25" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path clip-path="url(#iconic-size-md-document-clip-0)" d="M24.5 32h-24c-.276 0-.5-.224-.5-.5v-31c0-.276.224-.5.5-.5h24c.276 0 .5.224.5.5v31c0 .276-.224.5-.5.5z" class="iconic-document-page iconic-property-fill" />
+    <path class="iconic-document-flap iconic-property-fill" d="M25 7l-7-7v7z" />
+  </g>
+  <g class="iconic-document-sm iconic-container iconic-sm" data-width="13" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path clip-path="url(#iconic-size-sm-document-clip-0)" class="iconic-document-page iconic-property-fill" d="M0 0h13v16h-13z" />
+    <path class="iconic-document-flap iconic-property-fill" d="M13 4l-4-4v4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/dollar.svg b/app/javascript/iconic/svg/smart/dollar.svg
new file mode 100755
index 0000000..382203e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/dollar.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-dollar" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Dollar</title>
+  </g>
+  <g class="iconic-dollar-lg iconic-container iconic-lg" data-width="82" data-height="128" display="inline" transform="translate(23)">
+    <path stroke="#000" stroke-width="8" class="iconic-dollar-vertical-line iconic-property-stroke" d="M42 128v-128" fill="none" />
+    <path stroke="#000" stroke-width="12" d="M72 40c0-16-8.003-26-31-26-31.003 0-31 20.331-31 25 0 35.013 66 14.987 66 50 0 9-2.003 25-35 25-25.003 0-35-12-35-28" class="iconic-dollar-s-curve iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-dollar-md iconic-container iconic-md" data-width="20" data-height="32" display="none" transform="scale(4) translate(6)">
+    <path stroke="#000" stroke-width="2" class="iconic-dollar-vertical-line iconic-property-stroke" d="M10 32v-32" fill="none" />
+    <path stroke="#000" stroke-width="4" d="M17 11c0-4-1.643-6.5-7-6.5-7.501 0-7 4.673-7 5.747 0 8.053 15 3.45 15 11.503 0 1.143-.501 5.75-8 5.75-5.358 0-8-2.5-8-6.5" class="iconic-dollar-s-curve iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-dollar-sm iconic-container iconic-sm" data-width="9" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path stroke="#000" class="iconic-dollar-vertical-line iconic-property-stroke" d="M4.5 16v-16" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M8 6c0-2-1-3-3.5-3-3.5 0-3.5 2.032-3.5 2.499 0 3.501 7 1.5 7 5.001 0 .497 0 2.5-3.5 2.5-2.5 0-3.5-1-3.5-3" class="iconic-dollar-s-curve iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/double-quote-sans.svg b/app/javascript/iconic/svg/smart/double-quote-sans.svg
new file mode 100755
index 0000000..9d68fb6
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/double-quote-sans.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="double-quote-sans" width="128" height="128" class="iconic iconic-double-quote-sans" viewBox="0 0 128 128">
+  <g><title>Double Quote Sans</title></g>
+  <g data-width="108" data-height="80" class="iconic-lg iconic-container" display="inline" transform="translate(10 24)">
+    <g class="iconic-double-quote-sans-left">
+      <path d="M108 78.5v-77c0-.8-.5-1-1.1-.5l-41.8 38c-.6.6-1.1 1.7-1.1 2.5v37c0 .8.7 1.5 1.5 1.5h41c.8 0 1.5-.7 1.5-1.5z" class="iconic-double-quote-sans-left-second iconic-property-fill"/>
+      <path d="M44 78.5v-77c0-.8-.5-1-1.1-.5l-41.8 38c-.6.5-1.1 1.7-1.1 2.5v37c0 .8.7 1.5 1.5 1.5h41c.8 0 1.5-.7 1.5-1.5z" class="iconic-double-quote-sans-left-first iconic-property-fill"/>
+    </g>
+    <g class="iconic-double-quote-sans-right" display="none">
+      <path d="M64 1.5v77c0 .8.5 1 1.1.5l41.8-38c.6-.6 1.1-1.7 1.1-2.5v-37c0-.8-.7-1.5-1.5-1.5h-41c-.8 0-1.5.7-1.5 1.5z" class="iconic-double-quote-sans-right-second iconic-property-fill"/>
+      <path d="M0 1.5v77c0 .8.5 1 1.1.5l41.8-38c.6-.6 1.1-1.7 1.1-2.5v-37c0-.8-.7-1.5-1.5-1.5h-41c-.8 0-1.5.7-1.5 1.5z" class="iconic-double-quote-sans-right-first iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="30" data-height="20" class="iconic-md iconic-container" display="none" transform="scale(4) translate(1 5)">
+    <g class="iconic-double-quote-sans-left">
+      <path d="M30 19.5v-19c0-.3-.2-.3-.4-.2l-10.2 9.4c-.2.2-.4.6-.4.8v9c0 .3.2.5.5.5h10c.3 0 .5-.2.5-.5z" class="iconic-double-quote-sans-left-second iconic-property-fill"/>
+      <path d="M11 19.5v-19c0-.3-.2-.3-.4-.2l-10.2 9.4c-.2.1-.4.5-.4.8v9c0 .3.2.5.5.5h10c.3 0 .5-.2.5-.5z" class="iconic-double-quote-sans-left-first iconic-property-fill"/>
+    </g>
+    <g class="iconic-double-quote-sans-right" display="none">
+      <path d="M18 .5v19c0 .3.2.3.4.2l10.3-9.3c.2-.2.4-.6.4-.8v-9c-.1-.4-.3-.6-.6-.6h-10c-.3 0-.5.2-.5.5z" class="iconic-double-quote-sans-right-second iconic-property-fill"/>
+      <path d="M0 .5v19c0 .3.2.3.4.2l10.3-9.3c.2-.2.4-.6.4-.8v-9c-.1-.4-.3-.6-.6-.6h-10c-.3 0-.5.2-.5.5z" class="iconic-double-quote-sans-right-first iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="11" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-double-quote-sans-left">
+      <path class="iconic-double-quote-sans-left-second iconic-property-fill" d="M16 11v-11l-6 6v5z"/>
+      <path class="iconic-double-quote-sans-left-first iconic-property-fill" d="M6 11v-11l-6 6v5z"/>
+    </g>
+    <g class="iconic-double-quote-sans-right" display="none">
+      <path class="iconic-double-quote-sans-right-second iconic-property-fill" d="M10 0v11l6-6v-5z"/>
+      <path class="iconic-double-quote-sans-right-first iconic-property-fill" d="M0 0v11l6-6v-5z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["double-quote-sans"]=iconicApis["double-quote-sans"]||function(t){var e=function(e){t.setAttribute("data-quote-direction",e);var r,i,a=t.querySelectorAll(".iconic-double-quote-sans-left"),n=t.querySelectorAll(".iconic-double-quote-sans-right");r=i="none","right"===e?i="inline":r="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},r=function(){var r=t.getAttribute("data-quote-direction");r&&e(r)};return{update:r,setQuoteDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/double-quote-serif.svg b/app/javascript/iconic/svg/smart/double-quote-serif.svg
new file mode 100755
index 0000000..9331bec
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/double-quote-serif.svg
@@ -0,0 +1,50 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="double-quote-serif" width="128" height="128" class="iconic iconic-double-quote-serif" viewBox="0 0 128 128">
+  <g><title>Double Quote Serif</title></g>
+  <g data-width="128" data-height="112" class="iconic-lg iconic-container" display="inline" transform="translate(0 8)">
+    <g class="iconic-double-quote-serif-left">
+      <path stroke="#000" stroke-width="16" stroke-miterlimit="10" d="M56 8c-26.5 0-48 21.5-48 48v12" class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path d="M54.5 112h-53c-.8 0-1.5-.7-1.5-1.5v-53c0-.8.7-1.5 1.5-1.5h53c.8 0 1.5.7 1.5 1.5v53c0 .8-.7 1.5-1.5 1.5z" class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-block iconic-property-fill"/>
+      <path stroke="#000" stroke-width="16" stroke-miterlimit="10" d="M128 8c-26.5 0-48 21.5-48 48v12" class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path d="M126.5 112h-53c-.8 0-1.5-.7-1.5-1.5v-53c0-.8.7-1.5 1.5-1.5h53c.8 0 1.5.7 1.5 1.5v53c0 .8-.7 1.5-1.5 1.5z" class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-block iconic-property-fill"/>
+    </g>
+    <g class="iconic-double-quote-serif-right" display="none">
+      <path stroke="#000" stroke-width="16" stroke-miterlimit="10" d="M0 104c26.5 0 48-21.5 48-48v-12" class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path d="M1.5 0h53c.8 0 1.5.7 1.5 1.5v53c0 .8-.7 1.5-1.5 1.5h-53c-.8 0-1.5-.7-1.5-1.5v-53c0-.8.7-1.5 1.5-1.5z" class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-block iconic-property-fill"/>
+      <path stroke="#000" stroke-width="16" stroke-miterlimit="10" d="M72 104c26.5 0 48-21.5 48-48v-12" class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path d="M73.5 0h53c.8 0 1.5.7 1.5 1.5v53c0 .8-.7 1.5-1.5 1.5h-53c-.8 0-1.5-.7-1.5-1.5v-53c0-.8.7-1.5 1.5-1.5z" class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-block iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="28" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)">
+    <g class="iconic-double-quote-serif-left">
+      <path stroke="#000" stroke-width="5" stroke-miterlimit="10" d="M14 2.5c-6.4 0-11.5 5.1-11.5 11.5v5" class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path d="M13.5 28h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-block iconic-property-fill"/>
+      <path stroke="#000" stroke-width="5" stroke-miterlimit="10" d="M32 2.5c-6.4 0-11.5 5.1-11.5 11.5v5" class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path d="M31.5 28h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-block iconic-property-fill"/>
+    </g>
+     <g class="iconic-double-quote-serif-right" display="none">
+      <path stroke="#000" stroke-width="5" stroke-miterlimit="10" d="M0 25.5c6.4 0 11.5-5.1 11.5-11.5v-5" class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path d="M.5 0h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5z" class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-block iconic-property-fill"/>
+      <path stroke="#000" stroke-width="5" stroke-miterlimit="10" d="M18 25.5c6.4 0 11.5-5.1 11.5-11.5v-5" class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path d="M18.5 0h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5z" class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-block iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-double-quote-serif-left">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M7 1.5c-3 0-5.5 2.5-5.5 5.5v2" class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path class="iconic-double-quote-serif-left-left iconic-double-quote-serif-left-block iconic-property-fill" d="M0 7h7v7h-7z"/>
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M16 1.5c-3 0-5.5 2.5-5.5 5.5v2" class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-curl iconic-property-stroke" fill="none"/>
+      <path class="iconic-double-quote-serif-left-right iconic-double-quote-serif-left-block iconic-property-fill" d="M9 7h7v7h-7z"/>
+    </g>
+     <g class="iconic-double-quote-serif-right" display="none">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M0 12.5c3 0 5.5-2.5 5.5-5.5v-4" class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path class="iconic-double-quote-serif-right-left iconic-double-quote-serif-right-block iconic-property-fill" d="M0 0h7v7h-7z"/>
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M9 12.5c3 0 5.5-2.5 5.5-5.5v-4" class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-curl iconic-property-stroke" fill="none"/>
+      <path class="iconic-double-quote-serif-right-right iconic-double-quote-serif-right-block iconic-property-fill" d="M9 0h7v7h-7z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["double-quote-serif"]=iconicApis["double-quote-serif"]||function(t){var e=function(e){t.setAttribute("data-quote-direction",e);var r,i,a=t.querySelectorAll(".iconic-double-quote-serif-left"),n=t.querySelectorAll(".iconic-double-quote-serif-right");r=i="none","right"===e?i="inline":r="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},r=function(){var r=t.getAttribute("data-quote-direction");r&&e(r)};return{update:r,setQuoteDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/easel.svg b/app/javascript/iconic/svg/smart/easel.svg
new file mode 100755
index 0000000..0d6068c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/easel.svg
@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-easel" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Easel</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-easel-clip-0">
+      <path d="M0 78h124v50h-124z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-easel-clip-1">
+      <path d="M78 8v8h-32v-8h-42v66h116v-66z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-easel-clip-2">
+      <path d="M48 6h28v8h-28z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-easel-clip-0">
+      <path d="M0 20h31v12h-31z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-easel-clip-1">
+      <path d="M20 2v3h-9v-3h-10v16h29v-16z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-easel-clip-2">
+      <path d="M12 1h7v3h-7z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-easel-clip-0">
+      <path d="M0 10h16v6h-16z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-easel-clip-1">
+      <path d="M11 1v2h-6v-2h-4v8h14v-8z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-easel-lg iconic-container iconic-lg" data-width="124" data-height="128" display="inline" transform="translate(2)">
+    <path clip-path="url(#iconic-size-lg-easel-clip-0)" class="iconic-easel-legs iconic-easel-legs-front iconic-property-fill" d="M66 0l46 128h-8l-42-118-42 118h-8l46-128z" />
+    <path class="iconic-easel-legs iconic-easel-legs-back iconic-property-fill" d="M58 78h8v50h-8z" />
+    <path class="iconic-easel-base iconic-property-fill" d="M0 76h124v4h-124z" />
+    <path d="M118.5 74h-113c-.828 0-1.5-.672-1.5-1.5v-63c0-.828.672-1.5 1.5-1.5h113c.828 0 1.5.672 1.5 1.5v63c0 .828-.672 1.5-1.5 1.5z" clip-path="url(#iconic-size-lg-easel-clip-1)" class="iconic-easel-canvas iconic-property-accent iconic-property-fill"
+    />
+    <path d="M68.5 10h-13c-.828 0-1.251-.624-.943-1.393l2.886-7.215c.308-.769 1.229-1.393 2.057-1.393h5c.828 0 1.749.624 2.057 1.393l2.886 7.215c.308.769-.115 1.393-.943 1.393z" class="iconic-easel-clamp iconic-easel-clamp-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-easel-clip-2)" d="M74.5 18h-25c-.828 0-1.5-.672-1.5-1.5v-9c0-.828.672-1.5 1.5-1.5h25c.828 0 1.5.672 1.5 1.5v9c0 .828-.672 1.5-1.5 1.5z" class="iconic-easel-clamp iconic-easel-clamp-main iconic-property-fill" />
+  </g>
+  <g class="iconic-easel-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path clip-path="url(#iconic-size-md-easel-clip-0)" class="iconic-easel-legs iconic-easel-legs-front iconic-property-fill" d="M17 0l11 32h-3l-9.5-28-9.5 28h-3l11-32z" />
+    <path class="iconic-easel-legs iconic-easel-legs-back iconic-property-fill" d="M14 20h3v12h-3z" />
+    <path d="M29.5 18h-28c-.276 0-.5-.224-.5-.5v-15c0-.276.224-.5.5-.5h28c.276 0 .5.224.5.5v15c0 .276-.224.5-.5.5z" clip-path="url(#iconic-size-md-easel-clip-1)" class="iconic-easel-canvas iconic-property-accent iconic-property-fill" />
+    <path class="iconic-easel-base iconic-property-fill" d="M0 19h31v2h-31z" />
+    <path d="M17.5 2h-4c-.276 0-.4-.2-.276-.447l.553-1.106c.124-.247.448-.447.724-.447h2c.276 0 .6.2.724.447l.553 1.106c.123.247 0 .447-.276.447z" class="iconic-easel-clamp iconic-easel-clamp-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-easel-clip-2)" d="M18.5 5h-6c-.276 0-.5-.224-.5-.5v-3c0-.276.224-.5.5-.5h6c.276 0 .5.224.5.5v3c0 .276-.224.5-.5.5z" class="iconic-easel-clamp iconic-easel-clamp-main iconic-property-fill" />
+  </g>
+  <g class="iconic-easel-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-easel-clip-0)" class="iconic-easel-legs iconic-easel-legs-front iconic-property-fill" d="M9 0l5 16h-2l-4-14-4 14h-2l5-16z" />
+    <path class="iconic-easel-legs iconic-easel-legs-back iconic-property-fill" d="M7 11h2v5h-2z" />
+    <path d="M14.75 9h-13.5c-.138 0-.25-.112-.25-.25v-7.5c0-.138.112-.25.25-.25h13.5c.138 0 .25.112.25.25v7.5c0 .138-.112.25-.25.25z" clip-path="url(#iconic-size-sm-easel-clip-1)" class="iconic-easel-canvas iconic-property-accent iconic-property-fill"
+    />
+    <path class="iconic-easel-base iconic-property-fill" d="M0 10h16v1h-16z" />
+    <path class="iconic-easel-clamp iconic-easel-clamp-main iconic-property-fill" d="M6 0h4v2h-4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/eject.svg b/app/javascript/iconic/svg/smart/eject.svg
new file mode 100755
index 0000000..6942fe4
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/eject.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-eject" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Eject</title>
+  </g>
+  <g class="iconic-eject-lg iconic-container iconic-lg" data-width="96" data-height="64" display="inline" transform="translate(16 32)">
+    <path d="M46.961 1.082l-45.922 47.836c-.574.598-.367 1.082.461 1.082h93c.828 0 1.035-.484.461-1.082l-45.922-47.836c-.574-.598-1.504-.598-2.078 0z" class="iconic-eject-arrowhead iconic-property-fill" />
+    <path class="iconic-eject-line iconic-property-fill" d="M0 56h96v8h-96z" />
+  </g>
+  <g class="iconic-eject-md iconic-container iconic-md" data-width="22" data-height="16" display="none" transform="scale(4) translate(5 8)">
+    <path d="M10.646.354l-10.293 10.293c-.195.195-.13.354.146.354h21c.276 0 .342-.158.146-.354l-10.293-10.293c-.195-.195-.512-.195-.707 0z" class="iconic-eject-arrowhead iconic-property-fill" />
+    <path class="iconic-eject-line iconic-property-fill" d="M0 13h22v3h-22z" />
+  </g>
+  <g class="iconic-eject-sm iconic-container iconic-sm" data-width="10" data-height="8" display="none" transform="scale(8) translate(3 4)">
+    <path class="iconic-eject-arrowhead iconic-property-fill" d="M5 0l-5 5h10z" />
+    <path class="iconic-eject-line iconic-property-fill" d="M0 6h10v2h-10z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/electric.svg b/app/javascript/iconic/svg/smart/electric.svg
new file mode 100755
index 0000000..7d0725b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/electric.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-electric" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Electric</title>
+  </g>
+  <g class="iconic-electric-lg iconic-container iconic-lg" data-width="68" data-height="128" display="inline" transform="translate(30)">
+    <path class="iconic-property-fill" d="M44 0l-44 76h24v52l44-76h-24z" />
+  </g>
+  <g class="iconic-electric-md iconic-container iconic-md" data-width="18" data-height="32" display="none" transform="scale(4) translate(7)">
+    <path class="iconic-property-fill" d="M11 0l-11 20h7v12l11-20h-7z" />
+  </g>
+  <g class="iconic-electric-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path class="iconic-property-fill" d="M6 0l-6 10h4v6l6-10h-4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/elevator.svg b/app/javascript/iconic/svg/smart/elevator.svg
new file mode 100755
index 0000000..833e6c6
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/elevator.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-elevator" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Elevator</title>
+  </g>
+  <g class="iconic-elevator-lg iconic-container iconic-lg" data-width="72" data-height="128" display="inline" transform="translate(28)">
+    <path d="M36.791 126.725l34.418-55.451c.437-.704.119-1.275-.709-1.275h-69c-.828 0-1.146.571-.709 1.274l34.418 55.451c.437.704 1.145.704 1.582 0z" class="iconic-elevator-arrow-bottom iconic-property-fill" />
+    <path d="M35.209 1.274l-34.418 55.451c-.437.704-.119 1.275.709 1.275h69c.828 0 1.146-.571.709-1.274l-34.418-55.451c-.437-.704-1.145-.704-1.582 0z" class="iconic-elevator-arrow-top iconic-property-fill" />
+  </g>
+  <g class="iconic-elevator-md iconic-container iconic-md" data-width="18" data-height="32" display="none" transform="scale(4) translate(7)">
+    <path d="M9.27 31.579l8.459-13.159c.149-.232.047-.421-.23-.421h-17c-.276 0-.379.188-.23.421l8.459 13.159c.149.232.392.232.541 0z" class="iconic-elevator-arrow-bottom iconic-property-fill" />
+    <path d="M8.73.421l-8.459 13.159c-.149.232-.047.421.23.421h17c.276 0 .379-.188.23-.421l-8.459-13.159c-.149-.232-.392-.232-.541 0z" class="iconic-elevator-arrow-top iconic-property-fill" />
+  </g>
+  <g class="iconic-elevator-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path class="iconic-elevator-arrow-bottom iconic-property-fill" d="M5 16l5-7h-10z" />
+    <path class="iconic-elevator-arrow-top iconic-property-fill" d="M5 0l-5 7h10z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/ellipses.svg b/app/javascript/iconic/svg/smart/ellipses.svg
new file mode 100755
index 0000000..4b60f31
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/ellipses.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ellipses" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Ellipses</title>
+  </g>
+  <g class="iconic-ellipses-lg iconic-container iconic-lg" data-width="126" data-height="34" display="inline" transform="translate(1 47)">
+    <path d="M32.5 34h-31c-.828 0-1.5-.672-1.5-1.5v-31c0-.828.672-1.5 1.5-1.5h31c.828 0 1.5.672 1.5 1.5v31c0 .828-.672 1.5-1.5 1.5z" class="iconic-ellipses-dot iconic-ellipses-dot-1 iconic-property-fill" />
+    <path d="M78.5 34h-31c-.828 0-1.5-.672-1.5-1.5v-31c0-.828.672-1.5 1.5-1.5h31c.828 0 1.5.672 1.5 1.5v31c0 .828-.672 1.5-1.5 1.5z" class="iconic-ellipses-dot iconic-ellipses-dot-2 iconic-property-fill" />
+    <path d="M124.5 34h-31c-.828 0-1.5-.672-1.5-1.5v-31c0-.828.672-1.5 1.5-1.5h31c.828 0 1.5.672 1.5 1.5v31c0 .828-.672 1.5-1.5 1.5z" class="iconic-ellipses-dot iconic-ellipses-dot-3 iconic-property-fill" />
+  </g>
+  <g class="iconic-ellipses-md iconic-container iconic-md" data-width="32" data-height="8" display="none" transform="scale(4) translate(0 12)">
+    <path d="M7.5 8h-7c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5z" class="iconic-ellipses-dot iconic-ellipses-dot-1 iconic-property-fill" />
+    <path d="M19.5 8h-7c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5z" class="iconic-ellipses-dot iconic-ellipses-dot-2 iconic-property-fill" />
+    <path d="M31.5 8h-7c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5z" class="iconic-ellipses-dot iconic-ellipses-dot-3 iconic-property-fill" />
+  </g>
+  <g class="iconic-ellipses-sm iconic-container iconic-sm" data-width="16" data-height="4" display="none" transform="scale(8) translate(0 6)">
+    <path class="iconic-ellipses-dot iconic-ellipses-dot-1 iconic-property-fill" d="M0 0h4v4h-4z" />
+    <path class="iconic-ellipses-dot iconic-ellipses-dot-2 iconic-property-fill" d="M6 0h4v4h-4z" />
+    <path class="iconic-ellipses-dot iconic-ellipses-dot-3 iconic-property-fill" d="M12 0h4v4h-4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/envelope.svg b/app/javascript/iconic/svg/smart/envelope.svg
new file mode 100755
index 0000000..4086e5a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/envelope.svg
@@ -0,0 +1,44 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="envelope" width="128" height="128" class="iconic iconic-envelope" viewBox="0 0 128 128">
+  <g><title>Envelope</title></g>
+  <g data-width="128" data-height="84" class="iconic-lg iconic-container" display="inline" transform="translate(0 22)">
+    <g class="iconic-envelope-closed">
+      <path d="M65.3 43.3l61.3-30.7c.7-.4 1.3-1.3 1.3-2.2v-9c0-.8-.7-1.5-1.5-1.5h-124.9c-.8.1-1.5.8-1.5 1.6v9c0 .8.6 1.8 1.3 2.2l61.3 30.7c.8.3 2 .3 2.7-.1z" class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill"/>
+      <path d="M62.7 51.3l-61.4-30.6c-.7-.4-1.3 0-1.3.8v61c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-61c0-.8-.6-1.2-1.3-.8l-61.4 30.6c-.7.4-1.9.4-2.6 0z" class="iconic-envelope-closed-envelope-body iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="116" class="iconic-lg iconic-container" display="inline" transform="translate(0 6)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M64 0l-64 32v84h128v-84l-64-32zm0 84l-56-28v-19.1l56-28 56 28v19.1l-56 28z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+      <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M64 79l52-26v-13h-104v13z"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="22" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 5)">
+    <g class="iconic-envelope-closed">
+      <path d="M16.4 10.8l15.1-7.6c.3-.1.5-.4.5-.7v-2c0-.3-.2-.5-.5-.5h-31c-.3 0-.5.2-.5.5v2c0 .3.2.6.4.7l15.1 7.6c.3.1.7.1.9 0z" class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill"/>
+      <path d="M15.6 13.8l-15.2-7.6c-.2-.1-.4 0-.4.3v15c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-15c0-.3-.2-.4-.4-.3l-15.1 7.6c-.3.1-.7.1-.9 0z" class="iconic-envelope-closed-envelope-body iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M16 0l-16 8v24h32v-24l-16-8zm0 24l-13-6.5v-7.6l13-6.5 13 6.5v7.6l-13 6.5z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+    <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M16 21.5l11-5.5v-4h-22v4z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-envelope-closed">
+      <path class="iconic-envelope-closed-envelope-flap iconic-property-accent iconic-property-fill" d="M8 6l8-4v-2h-16v2z"/>
+      <path class="iconic-envelope-closed-envelope-body iconic-property-fill" d="M8 8l-8-4v8h16v-8z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-envelope-open" display="none">
+      <path d="M8 0l-8 4v12h16v-12l-8-4zm0 12l-6-3v-3.8l6-3 6 3v3.8l-6 3z" class="iconic-envelope-open-envelope iconic-property-fill"/>
+      <path class="iconic-envelope-open-letter iconic-property-accent iconic-property-fill" d="M8 10.5l5-2.5v-2h-10v2z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["envelope"]=iconicApis["envelope"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a=t.querySelectorAll(".iconic-envelope-closed"),n=t.querySelectorAll(".iconic-envelope-open");i=r="none","open"===e?i="inline":r="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/euro.svg b/app/javascript/iconic/svg/smart/euro.svg
new file mode 100755
index 0000000..74d32a2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/euro.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-euro" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Euro</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-euro-clip-0">
+      <path d="M0 64l4-16h102l-13.334 40-92.666-8 4-16.001z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-euro-clip-1">
+      <path d="M114 96h-24l32-96h-104v128h96z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-euro-clip-0">
+      <path d="M23.667 22l3.333-10h-26l-1 4 1.5.001-.5 1-1 4z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-euro-clip-1">
+      <path d="M29 24h-6l8-24h-26v32h24z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-euro-clip-0">
+      <path d="M12.333 11l1.667-5h-13.5l-.5 2h.75l-.75 3z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-euro-clip-1">
+      <path d="M15 12h-3l4-12h-13v16h12z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-euro-lg iconic-container iconic-lg" data-width="120" data-height="128" display="inline" transform="translate(4)">
+    <path clip-path="url(#iconic-size-lg-euro-clip-0)" stroke="#000" stroke-width="8" class="iconic-euro-strike iconic-euro-strike-bottom iconic-property-accent iconic-property-stroke" d="M-6 76h104" fill="none" />
+    <path clip-path="url(#iconic-size-lg-euro-clip-0)" stroke="#000" stroke-width="8" class="iconic-euro-strike iconic-euro-strike-top iconic-property-accent iconic-property-stroke" d="M106 60h-112" fill="none" />
+    <path clip-path="url(#iconic-size-lg-euro-clip-1)" stroke="#000" stroke-width="12" d="M140 64c0 32.032-25.968 58-58 58s-58-25.968-58-58 25.968-58 58-58 58 23.206 58 58z" class="iconic-euro-e iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-euro-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-euro-clip-0)" stroke="#000" stroke-width="3" class="iconic-euro-strike iconic-euro-strike-bottom iconic-property-accent iconic-property-stroke" d="M-1 19.5h26" fill="none" />
+    <path clip-path="url(#iconic-size-md-euro-clip-0)" stroke="#000" stroke-width="3" class="iconic-euro-strike iconic-euro-strike-top iconic-property-accent iconic-property-stroke" d="M27 14.5h-28" fill="none" />
+    <circle clip-path="url(#iconic-size-md-euro-clip-1)" stroke="#000" stroke-width="4" cx="21" cy="16" r="14" class="iconic-euro-e iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-euro-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-euro-clip-0)" stroke="#000" stroke-width="2" class="iconic-euro-strike iconic-euro-strike-bottom iconic-property-accent iconic-property-stroke" d="M0 10h13" fill="none" />
+    <path clip-path="url(#iconic-size-sm-euro-clip-0)" stroke="#000" stroke-width="2" class="iconic-euro-strike iconic-euro-strike-top iconic-property-accent iconic-property-stroke" d="M14 7h-14" fill="none" />
+    <circle clip-path="url(#iconic-size-sm-euro-clip-1)" stroke="#000" stroke-width="2" cx="11" cy="8" r="7" class="iconic-euro-e iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/excerpt.svg b/app/javascript/iconic/svg/smart/excerpt.svg
new file mode 100755
index 0000000..b26edd1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/excerpt.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-excerpt" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Excerpt</title>
+  </g>
+  <g class="iconic-excerpt-lg iconic-container iconic-lg" data-width="128" data-height="98" display="inline" transform="translate(0 15)">
+    <path class="iconic-excerpt-period iconic-excerpt-period-3 iconic-property-accent iconic-property-fill" d="M32 90h8v8h-8z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-2 iconic-property-accent iconic-property-fill" d="M16 90h8v8h-8z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-1 iconic-property-accent iconic-property-fill" d="M0 90h8v8h-8z" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-3 iconic-property-stroke" d="M4 64h120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-2 iconic-property-stroke" d="M4 34h80" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-1 iconic-property-stroke" d="M4 4h106" fill="none" />
+  </g>
+  <g class="iconic-excerpt-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path class="iconic-excerpt-period iconic-excerpt-period-3 iconic-property-accent iconic-property-fill" d="M0 24h3v3h-3z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-2 iconic-property-accent iconic-property-fill" d="M6 24h3v3h-3z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-1 iconic-property-accent iconic-property-fill" d="M12 24h3v3h-3z" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-3 iconic-property-stroke" d="M1.5 17.5h29" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-2 iconic-property-stroke" d="M1.5 9.5h16" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-1 iconic-property-stroke" d="M1.5 1.5h24" fill="none" />
+  </g>
+  <g class="iconic-excerpt-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path class="iconic-excerpt-period iconic-excerpt-period-3 iconic-property-accent iconic-property-fill" d="M6 12h2v2h-2z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-2 iconic-property-accent iconic-property-fill" d="M3 12h2v2h-2z" />
+    <path class="iconic-excerpt-period iconic-excerpt-period-1 iconic-property-accent iconic-property-fill" d="M0 12h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-3 iconic-property-stroke" d="M1 9h14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-2 iconic-property-stroke" d="M1 5h8" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-excerpt-line iconic-excerpt-line-1 iconic-property-stroke" d="M1 1h12" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/expand.svg b/app/javascript/iconic/svg/smart/expand.svg
new file mode 100755
index 0000000..496a23a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/expand.svg
@@ -0,0 +1,26 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="expand" width="128" height="128" class="iconic iconic-expand" viewBox="0 0 128 128">
+  <g><title>Expand</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <path class="iconic-expand-line iconic-expand-line-right iconic-property-fill" d="M112 0h16v128h-16z"/>
+    <path class="iconic-expand-line iconic-expand-line-left iconic-property-fill" d="M0 0h4v128h-4z"/>
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-expand-arrow iconic-expand-arrow-line iconic-property-accent iconic-property-stroke" d="M16 64h76" fill="none"/>
+    <path class="iconic-expand-arrow iconic-expand-arrow-head iconic-property-accent iconic-property-fill" d="M104 64l-24-14v28z"/>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <path class="iconic-expand-line iconic-expand-line-right iconic-property-fill" d="M26 0h6v32h-6z"/>
+    <path class="iconic-expand-line iconic-expand-line-left iconic-property-fill" d="M0 0h2v32h-2z"/>
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-expand-arrow iconic-expand-arrow-line iconic-property-accent iconic-property-stroke" d="M6.5 15.5h11.5" fill="none"/>
+    <path class="iconic-expand-arrow iconic-expand-arrow-head iconic-property-accent iconic-property-fill" d="M23 15.5l-6 4.5v-9z"/>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <path class="iconic-expand-line iconic-expand-line-right iconic-property-fill" d="M12 0h4v16h-4z"/>
+    <path class="iconic-expand-line iconic-expand-line-left iconic-property-fill" d="M0 0h1v16h-1z"/>
+    <path class="iconic-expand-arrow iconic-expand-arrow-line iconic-property-accent iconic-property-fill" d="M3 7h5v2h-5z"/>
+    <path class="iconic-expand-arrow iconic-expand-arrow-head iconic-property-accent iconic-property-fill" d="M7 11v-6l3 3z"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["expand"]=iconicApis["expand"]||function(t){function e(e){t.setAttribute("data-direction",e);var n=0;switch(e){case"up":n=-90;break;case"right":n=180;break;case"down":n=90;break;default:n=0}i.setAttribute("transform","rotate("+n+" 64 64)"),r.setAttribute("transform","scale(4) rotate("+n+" 16 16)"),a.setAttribute("transform","scale(8) rotate("+n+" 8 8)")}var i=t.querySelector(".iconic-lg"),r=t.querySelector(".iconic-md"),a=t.querySelector(".iconic-sm"),n=function(){var i=t.getAttribute("data-direction")||"";e(i)};return{update:n,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/external-link.svg b/app/javascript/iconic/svg/smart/external-link.svg
new file mode 100755
index 0000000..77b74ff
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/external-link.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-external-link" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>External Link</title>
+  </g>
+  <g class="iconic-external-link-lg iconic-container iconic-lg" data-width="127" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M108 52v69c0 1.657-1.343 3-3 3h-98c-1.657 0-3-1.343-3-3v-98c0-1.657 1.343-3 3-3h68.917" class="iconic-external-link-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-external-link-arrow iconic-external-link-arrow-steam iconic-property-stroke" d="M116 12l-52.5 52.5" fill="none" />
+    <path d="M126.404.316l-24.937 5.369c-.81.174-.992.791-.406 1.376l19.879 19.879c.586.586 1.198.403 1.368-.407l5.255-25.064c.17-.811-.349-1.327-1.159-1.152z" class="iconic-external-link-arrow iconic-external-link-arrow-head iconic-property-fill" />
+  </g>
+  <g class="iconic-external-link-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" d="M27.5 15v15c0 .276-.224.5-.5.5h-25c-.276 0-.5-.224-.5-.5v-25c0-.276.224-.5.5-.5h16" class="iconic-external-link-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-external-link-arrow iconic-external-link-arrow-stem iconic-property-stroke" d="M28 4l-10 10" fill="none" />
+    <path class="iconic-external-link-arrow iconic-external-link-arrow-head iconic-property-fill" d="M32 0l-1 8-7-7z" />
+  </g>
+  <g class="iconic-external-link-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" class="iconic-external-link-box iconic-property-accent iconic-property-stroke" d="M13 8v7h-12v-12h7" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-external-link-arrow iconic-external-link-arrow-stem iconic-property-stroke" d="M13 3l-4 4" fill="none" />
+    <path class="iconic-external-link-arrow iconic-external-link-arrow-head iconic-property-fill" d="M16 0v5l-5-5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/eye.svg b/app/javascript/iconic/svg/smart/eye.svg
new file mode 100755
index 0000000..40577d6
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/eye.svg
@@ -0,0 +1,46 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="eye" width="128" height="128" class="iconic iconic-eye" viewBox="0 0 128 128">
+  <g><title>Eye</title></g>
+  <g data-width="128" data-height="76" class="iconic-lg iconic-container" display="inline" transform="translate(0 26)">
+    <g class="iconic-eye-open">
+      <path d="M64.5 0c-40.5 0-64.5 38-64.5 38s24 38 64.5 38c39.5 0 63.5-38 63.5-38s-24-38-63.5-38zm-.5 62c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z" class="iconic-eye-open-eyeball iconic-property-fill"/>
+      <path d="M72 34c-2.209 0-4-1.791-4-4 0-1.1.445-2.096 1.164-2.819-1.566-.749-3.313-1.181-5.164-1.181-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12c0-1.852-.432-3.598-1.181-5.164-.723.719-1.719 1.164-2.819 1.164z" class="iconic-eye-open-pupil iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="100" class="iconic-lg iconic-container" display="inline" transform="translate(0 14)">
+    <g class="iconic-eye-closed" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-eye-closed-strike iconic-property-stroke" fill="none" d="M21 93l86-86"/>
+      <path d="M26.549 76.138c-17.076-11.15-26.549-26.138-26.549-26.138s24-38 64.5-38c8.034 0 15.414 1.588 22.094 4.093l-12.247 12.247c-3.133-1.499-6.641-2.34-10.346-2.34-13.255 0-24 10.745-24 24 0 3.705.841 7.213 2.34 10.346l-15.791 15.791zm74.999-52.372l-15.888 15.888c1.499 3.133 2.34 6.641 2.34 10.346 0 13.255-10.745 24-24 24-3.705 0-7.213-.841-10.346-2.34l-12.111 12.111c6.905 2.584 14.571 4.229 22.958 4.229 39.5 0 63.5-38 63.5-38s-9.53-15.074-26.452-26.235z" class="iconic-eye-closed-eyeball iconic-property-fill"/>
+    </g>
+  </g>
+
+  <g data-width="32" data-height="20" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 6)">
+    <g class="iconic-eye-open">
+      <path d="M16.125 0c-10.125 0-16.125 10-16.125 10s6 10 16.125 10c9.875 0 15.875-10 15.875-10s-6-10-15.875-10zm-.125 17c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7z" class="iconic-eye-open-eyeball iconic-property-fill"/>
+      <path d="M18.5 9c-.828 0-1.5-.672-1.5-1.5 0-.479.228-.9.577-1.175-.484-.208-1.017-.325-1.577-.325-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4c0-.561-.117-1.093-.325-1.577-.275.349-.696.577-1.175.577z" class="iconic-eye-open-pupil iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="28" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)">
+    <g class="iconic-eye-closed" display="none">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-eye-closed-strike iconic-property-stroke" fill="none" d="M5 25l22-22"/>
+      <path d="M0 14s6-10 16.125-10c1.523 0 2.953.239 4.284.641l-2.602 2.603c-.577-.154-1.181-.244-1.806-.244-3.866 0-7 3.134-7 7 0 .626.09 1.229.244 1.806l-4.016 4.016c-3.377-2.742-5.228-5.822-5.228-5.822zm26.791-5.842l-4.035 4.035c.154.577.244 1.181.244 1.806 0 3.866-3.134 7-7 7-.626 0-1.229-.09-1.806-.244l-2.567 2.567c1.391.424 2.893.677 4.499.677 9.875 0 15.875-10 15.875-10s-1.86-3.095-5.209-5.842z" class="iconic-eye-closed-eyeball iconic-property-fill"/>
+    </g>
+  </g>
+
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-eye-open">
+      <path d="M8.063 0c-5.063 0-8.063 6-8.063 6s3 6 8.063 6c4.938 0 7.938-6 7.938-6s-3-6-7.938-6zm-.063 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z" class="iconic-eye-open-eyeball iconic-property-fill"/>
+      <path d="M9 6c-.552 0-1-.448-1-1 0-.403.241-.745.584-.903-.186-.057-.379-.097-.584-.097-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2c0-.204-.04-.398-.097-.584-.159.343-.501.584-.903.584z" class="iconic-eye-open-pupil iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-eye-closed" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-eye-closed-strike iconic-property-stroke" fill="none" d="M2 14l12-12"/>
+      <path d="M2.152 11.02c-1.395-1.507-2.152-3.02-2.152-3.02s3-6 8.063-6c.923 0 1.778.21 2.558.551l-1.598 1.598c-.329-.087-.667-.149-1.023-.149-2.209 0-4 1.791-4 4 0 .356.061.695.149 1.023l-1.996 1.996zm9.699-4.043c.087.329.149.667.149 1.023 0 2.209-1.791 4-4 4-.356 0-.695-.061-1.023-.149l-1.576 1.576c.808.353 1.697.573 2.662.573 4.938 0 7.938-6 7.938-6s-.761-1.518-2.144-3.028l-2.005 2.005z" class="iconic-eye-closed-eyeball iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["eye"]=iconicApis["eye"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a=t.querySelectorAll(".iconic-eye-closed"),n=t.querySelectorAll(".iconic-eye-open");i=r="none","closed"===e?r="inline":i="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/eyedropper.svg b/app/javascript/iconic/svg/smart/eyedropper.svg
new file mode 100755
index 0000000..ed8dce4
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/eyedropper.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-eyedropper" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Eyedropper</title>
+  </g>
+  <g class="iconic-eyedropper-lg iconic-container iconic-lg" data-width="127" data-height="127" display="inline">
+    <path class="iconic-eyedropper-fluid iconic-property-fill" d="M16.787 94.781l16.213 16.213-13.104 12.966-17.896.034v-14.606z" />
+    <path stroke="#000" stroke-width="4" d="M103.372 40.417l-84.415 84.482c-.586.586-1.732 1.063-2.56 1.064l-12.896.027c-.828.002-1.5-.668-1.5-1.497v-12.863c0-.828.475-1.975 1.061-2.561l84.883-84.883" class="iconic-eyedropper-tube iconic-property-stroke"
+    fill="none" />
+    <path d="M86.922 25.976l22.849-22.849c4.169-4.169 10.927-4.169 15.096 0s4.169 10.927 0 15.096l-22.294 22.294-15.651-14.541z" class="iconic-eyedropper-top iconic-eyedropper-top-suction iconic-property-fill" />
+    <path transform="matrix(.707 -.707 .707 .707 5.495 77.253)" class="iconic-eyedropper-top iconic-eyedropper-top-lip iconic-property-fill" d="M93.172 9.366h5.657v45.255h-5.657z" />
+  </g>
+  <g class="iconic-eyedropper-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-eyedropper-fluid iconic-property-fill" d="M3.674 23.278l4.714 5.015-3.388 3.198-4.5.008v-4.43z" />
+    <path stroke="#000" stroke-linejoin="round" d="M19.608 7.711l-18.757 19.002c-.194.197-.351.58-.351.856v3.43c0 .276.224.5.5.499l3.439-.006c.276-.001.658-.159.853-.355l18.863-18.879" class="iconic-eyedropper-tube iconic-property-stroke" fill="none"
+    />
+    <path d="M20.004 7.046l6.021-6.021c1.367-1.367 3.583-1.367 4.95 0s1.367 3.583 0 4.95l-6.167 6.167-4.804-5.096z" class="iconic-eyedropper-top iconic-eyedropper-top-suction iconic-property-fill" />
+    <path transform="matrix(.707 -.707 .707 .707 -.127 18.692)" class="iconic-eyedropper-top iconic-eyedropper-top-lip iconic-property-fill" d="M21.086 3.136h2.828v12.728h-2.828z" />
+  </g>
+  <g class="iconic-eyedropper-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-eyedropper-fluid iconic-property-fill" d="M1.984 9.719l3.141 3.281-1.5 1.75-3.125-.25v-3.008z" />
+    <path stroke="#000" stroke-linejoin="round" class="iconic-eyedropper-tube iconic-property-stroke" d="M9.438 2.438l-8.938 9.055v3.008l3.012-.004 8.988-8.996" fill="none" />
+    <path d="M9.101 3.07l2.484-2.484c.781-.781 2.047-.781 2.828 0 .781.781.781 2.047 0 2.828l-2.453 2.453-2.86-2.797z" class="iconic-eyedropper-top iconic-eyedropper-top-suction iconic-property-fill" />
+    <path transform="matrix(.707 -.707 .707 .707 -.107 8.743)" class="iconic-eyedropper-top iconic-eyedropper-top-lip iconic-property-fill" d="M9.793.257h1.414v8.485h-1.414z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/file.svg b/app/javascript/iconic/svg/smart/file.svg
new file mode 100755
index 0000000..ee83afe
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/file.svg
@@ -0,0 +1,42 @@
+<svg version="1.1" class="iconic iconic-file" data-icon="file" xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
+  <g><title>File</title></g>
+  <defs>
+    <clipPath id="file-clip-page-lg-0" data-clip="primary-lg">
+      <path d="M72,0c0-0.55-0.45-1-1-1H1C0.45-1,0-0.55,0,0v127c0,0.55,0.45,1,1,1h96c0.55,0,1.015-0.45,1.033-0.999 l0.933-28.001C98.985,98.45,98.55,98,98,98H37c-0.55,0-1-0.45-1-1V69c0-0.55,0.45-1,1-1h61c0.55,0,1-0.45,1-1V27 c0-0.55-0.45-1-1-1H73c-0.55,0-1-0.45-1-1V0z"/>
+    </clipPath>
+    <clipPath id="file-clip-page-lg-alt" data-clip="secondary-lg">
+      <path d="M72,0c0-0.55-0.45-1-1-1H1C0.45-1,0-0.55,0,0v127c0,0.55,0.45,1,1,1h96c0.55,0,1.015-0.45,1.033-0.999 l0.933-28.001C98.985,98.45,98.55,98,98,98c0.55,0,1-0.45,1-1V27 c0-0.55-0.45-1-1-1H73c-0.55,0-1-0.45-1-1V0z"/>
+    </clipPath>
+    <clipPath id="file-clip-flap-lg-1">
+      <path d="M75-2c-0.55,0-1,0.45-1,1v24c0,0.55,0.45,1,1,1h24c0.55,0,1-0.45,1-1V-1c0-0.55-0.45-1-1-1L75-2z"/>
+    </clipPath>
+    <clipPath id="file-clip-page-md-0" data-clip="primary-md">
+      <path d="M-0.782,28.123C-0.902,28.055-0.887,28-0.75,28h27.5c0.138,0,0.152,0.055,0.032,0.123l-0.564,0.317 C26.098,28.507,26,28.675,26,28.813v2.937c0,0.138-0.112,0.25-0.25,0.25H0.25C0.112,32,0,31.888,0,31.75v-2.937 c0-0.138-0.098-0.305-0.218-0.373L-0.782,28.123z M18-0.75c0-0.137-0.08-0.17-0.177-0.073l-0.646,0.646 C17.08-0.08,16.888,0,16.75,0H0.25C0.112,0,0,0.113,0,0.25v14.844c0,0.137-0.094,0.312-0.209,0.387l-0.582,0.382 C-0.906,15.938-0.887,16-0.75,16h27.5c0.138,0,0.149-0.05,0.026-0.112l-0.553-0.276C26.101,15.551,26,15.388,26,15.25V8.958 c0-0.137,0.092-0.315,0.204-0.394l0.592-0.419C26.908,8.065,26.888,8,26.75,8h-8.5C18.112,8,18,7.887,18,7.75V-0.75z"/>
+    </clipPath>
+    <clipPath id="file-clip-page-md-alt" data-clip="secondary-md">
+      <polygon points="18,8 18,0 0,0 0,32 26,32 26,8"/>
+    </clipPath>
+    <clipPath id="file-clip-flap-md-0">
+      <path d="M27,6.75C27,6.888,26.888,7,26.75,7h-7.5C19.112,7,19,6.888,19,6.75v-7.5C19-0.888,19.112-1,19.25-1h7.5 C26.888-1,27-0.888,27-0.75V6.75z"/>
+    </clipPath>
+  </defs>
+  <g class="iconic-sm iconic-container" transform="scale(8) translate(1 0)" display="none" data-width="13" data-height="16">
+    <polygon class="iconic-file-page iconic-property-fill" points="8,0 0,0 0,16 13,16 13,5 8,5"/>
+    <polygon class="iconic-file-flap iconic-property-fill" points="13,4 9,0 9,4"/>
+  </g>
+  <g class="iconic-md iconic-container" transform="scale(4) translate(3 0)" display="none" data-width="25" data-height="32">
+    <polygon class="iconic-file-page iconic-property-fill" clip-path="url(#file-clip-page-md-0)" points="19,0 0,0 0,32 26,32 26,7"/>
+    <polygon class="iconic-file-flap iconic-property-fill" clip-path="url(#file-clip-flap-md-1)" points="26,7 19,7 19,0"/>
+    <text class="iconic-file-extension iconic-property-text" x="2" y="25" font-family="sans-serif" font-weight="bold" font-size="8">SVG</text>
+  </g>
+  <g class="iconic-lg iconic-container" transform="translate(15 0)" display="inline" data-width="98" data-height="128">
+    <path class="iconic-file-page iconic-property-fill" clip-path="url(#file-clip-page-lg-0)" d="M98,1c0-0.55-0.45-1-1-1H1C0.45,0,0,0.45,0,1v126c0,0.55,0.45,1,1,1 h96c0.55,0,1-0.45,1-1V1z"/>
+    <polygon class="iconic-file-flap iconic-property-fill" clip-path="url(#file-clip-flap-lg-1)" points="74,0 74,24 98,24"/>
+    <text class="iconic-file-extension iconic-property-text" x="46" y="90" font-family="sans-serif" font-weight="bold" font-size="15">SVG</text>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["file"]=iconicApis["file"]||function(t){var e=function(e){t.setAttribute("data-file-extension",e);var i=t.querySelector("g.iconic-lg .iconic-file-page"),r=t.querySelector("g.iconic-md .iconic-file-page");e&&""!==e?(i.setAttribute("clip-path","url(#"+t.querySelector('[data-clip="primary-lg"]').getAttribute("id")+")"),r.setAttribute("clip-path","url(#"+t.querySelector('[data-clip="primary-md"]').getAttribute("id")+")")):(i.setAttribute("clip-path","url(#"+t.querySelector('[data-clip="secondary-lg"]').getAttribute("id")+")"),r.setAttribute("clip-path","url(#"+t.querySelector('[data-clip="secondary-md"]').getAttribute("id")+")")),e=e.substring(0,4),e=e.toUpperCase();for(var a=t.querySelectorAll("text.iconic-file-extension"),n=0;n<a.length;n++)e&&""!==e?(a[n].textContent=e,a[n].setAttribute("display","inline")):(a[n].textContent="",a[n].setAttribute("display","none"))},i=function(){var i=t.getAttribute("data-file-extension")||"";e(i)};return{update:i,setFileExtension:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/fire.svg b/app/javascript/iconic/svg/smart/fire.svg
new file mode 100755
index 0000000..a203cb9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/fire.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-fire" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Fire</title>
+  </g>
+  <g class="iconic-fire-lg iconic-container iconic-lg" data-width="100" data-height="128" display="inline" transform="translate(14)">
+    <path d="M32 0s32 16 32 48-47.75 48.25-32 80c0 0-32-16-32-48s48-48 32-80z" class="iconic-fire-flame iconic-fire-flame-large iconic-property-fill" />
+    <path d="M68 38s32 16 32 48c0 15.072-10.593 26.65-20.155 38-1.125 1.335-4.012 4-7.845 4s-34 .001-34 .001-1.375-2.5-1.831-6c-.169-1.298-.169-2.638-.169-4.001 0-32 48-48 32-80z" class="iconic-fire-flame iconic-fire-flame-small iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-fire-md iconic-container iconic-md" data-width="26" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path d="M8 0s8 4 8 12-11.938 12.063-8 20c0 0-8-4-8-12s12-12 8-20z" class="iconic-fire-flame iconic-fire-flame-large iconic-property-fill" />
+    <path d="M11 32c-.578-.281-1-1-1-2 0-8 12-12 8-20 0 0 8 4 8 12 0 3.547-2.347 6.32-4.616 9-.283.334-.884 1-2.384 1h-8z" class="iconic-fire-flame iconic-fire-flame-small iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-fire-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path d="M4 0s4 2 4 6-5.969 6.031-4 10c0 0-4-2-4-6s6-6 4-10z" class="iconic-fire-flame iconic-fire-flame-large iconic-property-fill" />
+    <path d="M10 6s4 2 4 6c0 3-2.001 4-2.001 4-1.03 0-5.999 0-5.999 0 0-4 6-6 4-10z" class="iconic-fire-flame iconic-fire-flame-small iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/firefly.svg b/app/javascript/iconic/svg/smart/firefly.svg
new file mode 100755
index 0000000..d45d89c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/firefly.svg
@@ -0,0 +1,57 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-firefly" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Firefly</title>
+  </g>
+  <g class="iconic-firefly-lg iconic-container iconic-lg" data-width="125" data-height="128" display="inline" transform="translate(1)">
+    <path d="M71.999 38.5s19.959-9.798 38.332-17.037c13.21-5.205 15.587-.962 15.664 3.449.516 29.837-33.873 29.089-55.998 29.089l2.002-15.5z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-front iconic-firefly-wing-front-right iconic-property-fill"
+    />
+    <path d="M98.207 54.602c-8.664 1.398-17.733 1.4-24.963 1.4l-1.663-.001-15.311-2.545c26.054 26.054 53.727 28.494 53.727 12.619 0-4.805-4.925-8.564-11.789-11.473z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-back iconic-firefly-wing-back-right iconic-property-fill"
+    />
+    <path d="M54.001 37.699s-19.959-8.997-38.332-16.236c-13.21-5.205-15.587-.962-15.664 3.449-.517 29.837 33.993 29.089 55.993 29.089l-1.998-16.301z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-front iconic-firefly-wing-front-left iconic-property-fill"
+    />
+    <path d="M54.423 56.001l-1.656.001c-7.232 0-16.304-.001-24.971-1.404-6.869 2.909-11.8 6.67-11.8 11.477 0 15.875 27.672 13.435 53.727-12.619l-15.3 2.545z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-back iconic-firefly-wing-back-left iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M66.262 34.065s-1.273-33.065 19.737-33.065" class="iconic-firefly-antenna iconic-firefly-antenna-right iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M59.73 34.065s1.28-33.065-19.73-33.065" class="iconic-firefly-antenna iconic-firefly-antenna-left iconic-property-stroke" fill="none" />
+    <path d="M72 33c0 4.971 0 79-9 79s-9-74.029-9-79 4.029-9 9-9 9 4.029 9 9z" class="iconic-firefly-body iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-5 iconic-property-stroke" d="M81 109h-6" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-4 iconic-property-stroke" d="M75 121l-4-4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-3 iconic-property-stroke" d="M63 121v6" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-2 iconic-property-stroke" d="M51 121l4-4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-1 iconic-property-stroke" d="M51 109h-6" fill="none" />
+  </g>
+  <g class="iconic-firefly-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path d="M18.001 10s4.49-2.45 9.083-4.259c3.302-1.301 3.897-.24 3.916.862.129 7.459-6.999 7.397-13.999 7.397l1-4z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-front iconic-firefly-wing-front-right iconic-property-fill" />
+    <path d="M24.887 14.581c-2.318.415-4.952.419-7.543.419l-2.775-.636c6.514 6.514 13.432 7.124 13.432 3.155 0-1.24-1.311-2.202-3.114-2.938z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-back iconic-firefly-wing-back-right iconic-property-fill"
+    />
+    <path d="M13.001 9.8s-4.49-2.249-9.083-4.059c-3.302-1.301-3.897-.24-3.916.862-.129 7.459 5.957 7.397 13.999 7.397l-1-4.2z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-front iconic-firefly-wing-front-left iconic-property-fill"
+    />
+    <path d="M13.608 15c-2.802 0-5.404-.003-7.623-.363-1.734.729-2.984 1.673-2.984 2.882 0 3.969 6.918 3.359 13.432-3.155l-2.825.636z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-back iconic-firefly-wing-back-left iconic-property-fill"
+    />
+    <path stroke="#000" stroke-linecap="round" d="M16.567 8.766s.947-8.266 6.2-8.266" class="iconic-firefly-antenna iconic-firefly-antenna-right iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M14.434 8.766s-.947-8.266-6.2-8.266" class="iconic-firefly-antenna iconic-firefly-antenna-left iconic-property-stroke" fill="none" />
+    <path d="M18.001 8.5c0 1.381 0 19.5-2.5 19.5s-2.5-18.119-2.5-19.5 1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5z" class="iconic-firefly-body iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-5 iconic-property-stroke" d="M19.501 26.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-4 iconic-property-stroke" d="M18.501 29.5l1 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-3 iconic-property-stroke" d="M15.501 31.5v-1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-2 iconic-property-stroke" d="M12.501 29.5l-1 1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-firefly-light-beam iconic-firefly-light-beam-1 iconic-property-stroke" d="M10.501 26.5h1" fill="none" />
+  </g>
+  <g class="iconic-firefly-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M9 5s1.883-1.088 4.105-1.964c1.598-.63 1.886-.116 1.895.417.063 3.609-4.969 3.578-7.032 3.547l1.032-2z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-front iconic-firefly-wing-front-right iconic-property-fill" />
+    <path d="M12.751 7.497c-1.369.437-2.915.509-4.14.509-.114 0-.206-.002-.311-.003 2.893 2.448 5.699 2.555 5.699.796 0-.537-.517-.963-1.249-1.303z" class="iconic-firefly-wing iconic-firefly-wing-right iconic-firefly-wing-back iconic-firefly-wing-back-right iconic-property-fill"
+    />
+    <path d="M6.001 5s-1.883-1.088-4.105-1.964c-1.598-.63-1.886-.116-1.895.417-.063 3.609 4.969 3.578 7.032 3.547l-1.032-2z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-front iconic-firefly-wing-front-left iconic-property-fill"
+    />
+    <path d="M6.389 8.006c-1.225 0-2.771-.072-4.14-.509-.732.34-1.249.766-1.249 1.303 0 1.758 2.807 1.652 5.699-.796-.104.001-.197.003-.311.003z" class="iconic-firefly-wing iconic-firefly-wing-left iconic-firefly-wing-back iconic-firefly-wing-back-left iconic-property-fill"
+    />
+    <path stroke="#000" stroke-linecap="round" d="M8.5 4.5s.458-4 3-4" class="iconic-firefly-antenna iconic-firefly-antenna-right iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-linecap="round" d="M6.5 4.5s-.458-4-3-4" class="iconic-firefly-antenna iconic-firefly-antenna-left iconic-property-stroke" fill="none" />
+    <path d="M9 4.5c0 .828.094 8.5-1.5 8.5-1.5 0-1.5-7.672-1.5-8.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5z" class="iconic-firefly-body iconic-property-fill" />
+    <circle cx="10.5" cy="12.5" r=".5" class="iconic-firefly-light-beam iconic-firefly-light-beam-5 iconic-property-fill" />
+    <circle cx="9.5" cy="14.5" r=".5" class="iconic-firefly-light-beam iconic-firefly-light-beam-4 iconic-property-fill" />
+    <circle cx="7.5" cy="15.5" r=".5" class="iconic-firefly-light-beam iconic-firefly-light-beam-3 iconic-property-fill" />
+    <circle cx="5.5" cy="14.5" r=".5" class="iconic-firefly-light-beam iconic-firefly-light-beam-2 iconic-property-fill" />
+    <circle cx="4.5" cy="12.5" r=".5" class="iconic-firefly-light-beam iconic-firefly-light-beam-1 iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/flag.svg b/app/javascript/iconic/svg/smart/flag.svg
new file mode 100755
index 0000000..c1d62e6
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/flag.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-flag" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Flag</title>
+  </g>
+  <g class="iconic-flag-lg iconic-container iconic-lg" data-width="98" data-height="128" display="inline" transform="translate(15)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M4 12v112" fill="none" />
+    <path d="M0 4c0-2.209 1.791-4 4-4s4 1.791 4 4v2h-8v-2z" class="iconic-flag-mast iconic-flag-mast-top iconic-property-fill" />
+    <path d="M42 13c0-.03.015-.056.017-.086-.002-.03-.017-.055-.017-.086 0-.324.175-.616.343-.828l1.314-2c.208-.287.343-.505.343-.828 0-.324-.131-.617-.343-.828-.212-.212-.505-.343-.828-.343h-32.828v52h32v-47z" class="iconic-flag-back iconic-property-accent iconic-property-fill"
+    />
+    <path d="M98 14h-54v51c0 .552.448 1 1 1h53l-14-26.11 14-25.89z" class="iconic-flag-front iconic-property-fill" />
+  </g>
+  <g class="iconic-flag-md iconic-container iconic-md" data-width="27" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M1.5 3.5v27" fill="none" />
+    <path d="M0 1c0-.552.672-1 1.5-1s1.5.448 1.5 1h-3z" class="iconic-flag-mast iconic-flag-mast-top iconic-property-fill" />
+    <path d="M13 4.5c0-.044.014-.084.025-.125-.007-.042-.025-.081-.025-.125 0-.207.084-.395.22-.53l.561-.439c.136-.136.22-.323.22-.53s-.084-.395-.22-.53-.323-.22-.53-.22h-9.25v14h9v-11.5z" class="iconic-flag-back iconic-property-accent iconic-property-fill"
+    />
+    <path class="iconic-flag-front iconic-property-fill" d="M27 5h-13v14h13l-5-6.877z" />
+  </g>
+  <g class="iconic-flag-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-flag-mast iconic-property-stroke" d="M1 1v14" fill="none" />
+    <path d="M7 1.75c0-.138.08-.33.177-.427l.646-.646c.097-.097.177-.289.177-.427s-.112-.25-.25-.25h-4.75v8h4v-6.25z" class="iconic-flag-back iconic-property-accent iconic-property-fill" />
+    <path d="M16 2h-7.934c-.038.084-.066.174-.066.25v7.75h8l-4-3.938 4-4.062z" class="iconic-flag-front iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/flash.svg b/app/javascript/iconic/svg/smart/flash.svg
new file mode 100755
index 0000000..bce293c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/flash.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-flash" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Flash</title>
+  </g>
+  <g class="iconic-flash-lg iconic-container iconic-lg" data-width="50" data-height="128" display="inline" transform="translate(39)">
+    <path class="iconic-flash-line iconic-property-fill" d="M16 0l-16 68h32l-8 40h10l16-52h-32l16-56" />
+    <path d="M23.443 126.607l-6.886-17.215c-.308-.769.114-1.393.943-1.393h25c.828 0 1.025.475.439 1.061l-17.879 17.879c-.586.586-1.31.437-1.618-.332z" class="iconic-flash-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-flash-md iconic-container iconic-md" data-width="13" data-height="32" display="none" transform="scale(4) translate(9)">
+    <path class="iconic-property-fill" d="M5 14l4-14h-5l-4 17h8l-2 10-.281 1h3l.281-1 4-13z" />
+    <path d="M5.743 31.571l-2.486-4.143c-.142-.237-.033-.429.243-.429h8c.276 0 .328.143.116.32l-5.232 4.36c-.212.177-.499.128-.641-.109z" class="iconic-flash-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-flash-sm iconic-container iconic-sm" data-width="7" data-height="15" display="none" transform="scale(8) translate(4)">
+    <path class="iconic-flash-line iconic-property-fill" d="M2 0l-2 8h4l-1 4h2l2-6h-4l2-6" />
+    <path class="iconic-flash-arrowhead iconic-property-fill" d="M4 15l-3-3h6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/flow.svg b/app/javascript/iconic/svg/smart/flow.svg
new file mode 100755
index 0000000..c1bec52
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/flow.svg
@@ -0,0 +1,102 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="flow" width="128" height="128" class="iconic iconic-flow iconic-orientation-square" viewBox="0 0 128 128">
+  <g><title>Flow</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-flow-three-up">
+      <path d="M126.5 128h-33c-.828 0-1.5-.672-1.5-1.5v-79c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v79c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-7 iconic-flow-three-up-column-3 iconic-property-fill"/>
+      <path d="M80.5 128h-33c-.828 0-1.5-.672-1.5-1.5v-19c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v19c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-5 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M34.5 128h-33c-.828 0-1.5-.672-1.5-1.5v-37c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v37c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-2 iconic-flow-three-up-column-1 iconic-property-fill"/>
+      <path d="M80.5 96h-33c-.828 0-1.5-.672-1.5-1.5v-61c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v61c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-4 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M80.5 22h-33c-.828 0-1.5-.672-1.5-1.5v-19c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v19c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-3 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M126.5 36h-33c-.828 0-1.5-.672-1.5-1.5v-33c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v33c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-6 iconic-flow-three-up-column-3 iconic-property-fill"/>
+      <path d="M34.5 78h-33c-.828 0-1.5-.672-1.5-1.5v-75c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v75c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-1 iconic-flow-three-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-flow-two-up" display="none">
+      <path d="M126.5 128h-55c-.828 0-1.5-.672-1.5-1.5v-37c0-.828.672-1.5 1.5-1.5h55c.828 0 1.5.672 1.5 1.5v37c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-4 iconic-flow-two-up-column-2 iconic-property-fill"/>
+      <path d="M56.5 128h-55c-.828 0-1.5-.672-1.5-1.5v-85c0-.828.672-1.5 1.5-1.5h55c.828 0 1.5.672 1.5 1.5v85c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-2 iconic-flow-two-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 76h-55c-.828 0-1.5-.672-1.5-1.5v-73c0-.828.672-1.5 1.5-1.5h55c.828 0 1.5.672 1.5 1.5v73c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-3 iconic-flow-two-up-column-2 iconic-property-fill"/>
+      <path d="M56.5 28h-55c-.828 0-1.5-.672-1.5-1.5v-25c0-.828.672-1.5 1.5-1.5h55c.828 0 1.5.672 1.5 1.5v25c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-1 iconic-flow-two-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-flow-four-up" display="none">
+      <path d="M18.5 50h-17c-.828 0-1.5-.672-1.5-1.5v-47c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v47c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-1 iconic-flow-four-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 128h-17c-.828 0-1.5-.672-1.5-1.5v-17c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v17c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-11 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M18.5 128h-17c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-3 iconic-flow-four-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 92h-17c-.828 0-1.5-.672-1.5-1.5v-47c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v47c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-10 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M90.5 128h-17c-.828 0-1.5-.672-1.5-1.5v-45c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v45c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-8 iconic-flow-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 128h-17c-.828 0-1.5-.672-1.5-1.5v-53c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v53c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-6 iconic-flow-four-up-column-2 iconic-property-fill"/>
+      <path d="M18.5 86h-17c-.828 0-1.5-.672-1.5-1.5v-17c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v17c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-2 iconic-flow-four-up-column-1 iconic-property-fill"/>
+      <path d="M90.5 64h-17c-.828 0-1.5-.672-1.5-1.5v-61c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v61c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-7 iconic-flow-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 56h-17c-.828 0-1.5-.672-1.5-1.5v-17c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v17c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-5 iconic-flow-four-up-column-2 iconic-property-fill"/>
+      <path d="M126.5 26h-17c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-9 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M54.5 20h-17c-.828 0-1.5-.672-1.5-1.5v-17c0-.828.672-1.5 1.5-1.5h17c.828 0 1.5.672 1.5 1.5v17c0 .828-.672 1.5-1.5 1.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-4 iconic-flow-four-up-column-2 iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-flow-three-up">
+      <path d="M19.5 32h-7c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-5 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M7.5 32h-7c-.276 0-.5-.224-.5-.5v-10c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v10c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-2 iconic-flow-three-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 32h-7c-.276 0-.5-.224-.5-.5v-19c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v19c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-7 iconic-flow-three-up-column-3 iconic-property-fill"/>
+      <path d="M19.5 23h-7c-.276 0-.5-.224-.5-.5v-13c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v13c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-4 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M31.5 8h-7c-.276 0-.5-.224-.5-.5v-7c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v7c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-6 iconic-flow-three-up-column-3 iconic-property-fill"/>
+      <path d="M19.5 5h-7c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-3 iconic-flow-three-up-column-2 iconic-property-fill"/>
+      <path d="M7.5 17h-7c-.276 0-.5-.224-.5-.5v-16c0-.276.224-.5.5-.5h7c.276 0 .5.224.5.5v16c0 .276-.224.5-.5.5z" class="iconic-flow-three-up-item iconic-flow-three-up-item-1 iconic-flow-three-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-flow-two-up" display="none">
+      <path d="M31.5 32h-13c-.276 0-.5-.224-.5-.5v-8c0-.276.224-.5.5-.5h13c.276 0 .5.224.5.5v8c0 .276-.224.5-.5.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-4 iconic-flow-two-up-column-2 iconic-property-fill"/>
+      <path d="M13.5 32h-13c-.276 0-.5-.224-.5-.5v-20c0-.276.224-.5.5-.5h13c.276 0 .5.224.5.5v20c0 .276-.224.5-.5.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-2 iconic-flow-two-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 19h-13c-.276 0-.5-.224-.5-.5v-18c0-.276.224-.5.5-.5h13c.276 0 .5.224.5.5v18c0 .276-.224.5-.5.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-3 iconic-flow-two-up-column-2 iconic-property-fill"/>
+      <path d="M13.5 7h-13c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h13c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-flow-two-up-item iconic-flow-two-up-item-1 iconic-flow-two-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-flow-four-up" display="none">
+      <path d="M31.5 32h-4c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-11 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 32h-4c-.276 0-.5-.224-.5-.5v-10c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v10c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-8 iconic-flow-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 32h-4c-.276 0-.5-.224-.5-.5v-13c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v13c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-6 iconic-flow-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 32h-4c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-3 iconic-flow-four-up-column-1 iconic-property-fill"/>
+      <path d="M4.5 21h-4c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-2 iconic-flow-four-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 23h-4c-.276 0-.5-.224-.5-.5v-11c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v11c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-10 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M13.5 14h-4c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-5 iconic-flow-four-up-column-2 iconic-property-fill"/>
+      <path d="M31.5 7h-4c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-9 iconic-flow-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 17h-4c-.276 0-.5-.224-.5-.5v-16c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v16c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-7 iconic-flow-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 5h-4c-.276 0-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v4c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-4 iconic-flow-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 12h-4c-.276 0-.5-.224-.5-.5v-11c0-.276.224-.5.5-.5h4c.276 0 .5.224.5.5v11c0 .276-.224.5-.5.5z" class="iconic-flow-four-up-item iconic-flow-four-up-item-1 iconic-flow-four-up-column-1 iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-flow-three-up">
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-7 iconic-flow-three-up-column-3 iconic-property-fill" d="M12 6h4v10h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-5 iconic-flow-three-up-column-2 iconic-property-fill" d="M6 13h4v3h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-4 iconic-flow-three-up-column-2 iconic-property-fill" d="M6 5h4v6h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-4 iconic-flow-three-up-column-1 iconic-property-fill" d="M0 10h4v6h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-6 iconic-flow-three-up-column-3 iconic-property-fill" d="M12 0h4v4h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-3 iconic-flow-three-up-column-2 iconic-property-fill" d="M6 0h4v3h-4z"/>
+      <path class="iconic-flow-three-up-item iconic-flow-three-up-item-1 iconic-flow-three-up-column-1 iconic-property-fill" d="M0 0h4v8h-4z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-flow-two-up" display="none">
+      <path class="iconic-flow-two-up-item iconic-flow-two-up-item-4 iconic-flow-two-up-column-2 iconic-property-fill" d="M9 11h7v5h-7z"/>
+      <path class="iconic-flow-two-up-item iconic-flow-two-up-item-2 iconic-flow-two-up-column-1 iconic-property-fill" d="M0 6h7v10h-7z"/>
+      <path class="iconic-flow-two-up-item iconic-flow-two-up-item-3 iconic-flow-two-up-column-2 iconic-property-fill" d="M9 0h7v9h-7z"/>
+      <path class="iconic-flow-two-up-item iconic-flow-two-up-item-1 iconic-flow-two-up-column-1 iconic-property-fill" d="M0 0h7v4h-7z"/>
+    </g>
+  </g>
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1)">
+    <g class="iconic-flow-four-up" display="none">
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-11 iconic-flow-four-up-column-4 iconic-property-fill" d="M12 14h2v2h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-6 iconic-flow-four-up-column-2 iconic-property-fill" d="M4 9h2v7h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-3 iconic-flow-four-up-column-1 iconic-property-fill" d="M0 12h2v4h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-10 iconic-flow-four-up-column-4 iconic-property-fill" d="M12 6h2v6h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-8 iconic-flow-four-up-column-3 iconic-property-fill" d="M8 10h2v6h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-2 iconic-flow-four-up-column-1 iconic-property-fill" d="M0 8h2v2h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-7 iconic-flow-four-up-column-3 iconic-property-fill" d="M8 0h2v8h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-5 iconic-flow-four-up-column-2 iconic-property-fill" d="M4 5h2v2h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-9 iconic-flow-four-up-column-4 iconic-property-fill" d="M12 0h2v4h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-4 iconic-flow-four-up-column-2 iconic-property-fill" d="M4 0h2v3h-2z"/>
+      <path class="iconic-flow-four-up-item iconic-flow-four-up-item-1 iconic-flow-four-up-column-1 iconic-property-fill" d="M0 0h2v6h-2z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["flow"]=iconicApis["flow"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a,n=t.querySelectorAll(".iconic-flow-three-up"),o=t.querySelectorAll(".iconic-flow-two-up"),c=t.querySelectorAll(".iconic-flow-four-up");switch(i=r=a="none",e){case"four-up":a="inline";break;case"two-up":r="inline";break;default:i="inline"}for(var s=0;s<n.length;s++)n[s].setAttribute("display",i),o[s].setAttribute("display",r),c[s].setAttribute("display",a)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/folder.svg b/app/javascript/iconic/svg/smart/folder.svg
new file mode 100755
index 0000000..833f3fb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/folder.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-folder" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Folder</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-folder-clip-0">
+      <path d="M0 26h128v78h-128z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-folder-clip-0">
+      <path d="M0 7h32v20h-32z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-folder-clip-0">
+      <path d="M0 5h16v9h-16z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-folder-lg iconic-container iconic-lg" data-width="128" data-height="104" display="inline" transform="translate(0 12)">
+    <path d="M40.5 14h-39c-.828 0-1.5-.672-1.5-1.5v-11c0-.828.672-1.5 1.5-1.5h39c.828 0 1.5.672 1.5 1.5v11c0 .828-.672 1.5-1.5 1.5z" class="iconic-folder-top iconic-folder-top-tag iconic-property-fill" />
+    <path class="iconic-folder-top iconic-property-fill" d="M0 10h128v12h-128z" />
+    <path clip-path="url(#iconic-size-lg-folder-clip-0)" d="M125 104h-122c-1.657 0-3-1.343-3-3v-76c0-1.657 1.343-3 3-3h122c1.657 0 3 1.343 3 3v76c0 1.657-1.343 3-3 3z" class="iconic-folder-bottom iconic-property-fill" />
+  </g>
+  <g class="iconic-folder-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path d="M.5 5h10c.276 0 .5-.224.5-.5v-4c0-.276-.224-.5-.5-.5h-10c-.276 0-.5.224-.5.5v4c0 .276.224.5.5.5z" class="iconic-folder-top iconic-folder-top-tag iconic-property-fill" />
+    <path class="iconic-folder-top iconic-property-fill" d="M0 3.002h32.001v2.998h-32.001z" />
+    <path clip-path="url(#iconic-size-md-folder-clip-0)" d="M31 27h-30c-.552 0-1-.448-1-1v-19c0-.552.448-1 1-1h30c.552 0 1 .448 1 1v19c0 .552-.448 1-1 1z" class="iconic-folder-bottom iconic-property-fill" />
+  </g>
+  <g class="iconic-folder-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path d="M.25 3h5.5c.138 0 .25-.112.25-.25v-2.5c0-.138-.112-.25-.25-.25h-5.5c-.138 0-.25.112-.25.25v2.5c0 .138.112.25.25.25z" class="iconic-folder-top iconic-folder-top-tag iconic-property-fill" />
+    <path class="iconic-folder-top iconic-property-fill" d="M0 2.001h16v1.999h-16z" />
+    <path clip-path="url(#iconic-size-sm-folder-clip-0)" d="M15.5 14h-15c-.276 0-.5-.224-.5-.5v-9c0-.276.224-.5.5-.5h15c.276 0 .5.224.5.5v9c0 .276-.224.5-.5.5z" class="iconic-folder-bottom iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/fork.svg b/app/javascript/iconic/svg/smart/fork.svg
new file mode 100755
index 0000000..eca9e2d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/fork.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-fork" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Fork</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-fork-clip-0">
+      <path d="M50 54c-7.72 0-14-6.28-14-14s6.28-14 14-14c5.096 0 9.551 2.745 12 6.826v-32.826h-42.826c4.081 2.449 6.826 6.904 6.826 12 0 7.72-6.28 14-14 14-5.096 0-9.551-2.745-12-6.826v89.652c2.449-4.081 6.904-6.826 12-6.826 7.72 0 14 6.28 14 14 0 5.096-2.745 9.551-6.826 12h42.826v-80.826c-2.449 4.081-6.904 6.826-12 6.826z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-fork-clip-0">
+      <path d="M14.5 13c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5c1.421 0 2.675.675 3.5 1.707v-5.707h-11.707c1.032.825 1.707 2.079 1.707 3.5 0 2.481-2.019 4.5-4.5 4.5-1.421 0-2.675-.675-3.5-1.707v19.413c.825-1.032 2.079-1.707 3.5-1.707 2.481 0 4.5 2.019 4.5 4.5 0 1.421-.675 2.675-1.707 3.5h11.707v-20.707c-.825 1.032-2.079 1.707-3.5 1.707z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-fork-clip-0">
+      <path d="M8 7c-1.654 0-3-1.346-3-3s1.346-3 3-3c.771 0 1.468.301 2 .78v-1.78h-5.78c.48.532.78 1.229.78 2 0 1.654-1.346 3-3 3-.771 0-1.468-.301-2-.78v7.561c.532-.48 1.229-.78 2-.78 1.654 0 3 1.346 3 3 0 .771-.3 1.468-.78 2h5.78v-9.78c-.532.48-1.229.78-2 .78z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-fork-lg iconic-container iconic-lg" data-width="62" data-height="128" display="inline" transform="translate(33)">
+    <path stroke="#000" stroke-width="8" d="M12 112v-14c0-4.4 3.318-9.397 7.373-11.104l23.254-9.791c4.055-1.707 7.373-6.704 7.373-11.104v-22" clip-path="url(#iconic-size-lg-fork-clip-0)" class="iconic-fork-line-fork iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-lg-fork-clip-0)" stroke="#000" stroke-width="8" class="iconic-fork-line-trunk iconic-property-stroke" d="M12 12v92" fill="none" />
+    <circle cx="12" cy="116" r="12" class="iconic-fork-point-trunk-start iconic-property-accent iconic-property-fill" />
+    <circle cx="50" cy="40" r="12" class="iconic-fork-point-fork iconic-property-accent iconic-property-fill" />
+    <circle cx="12" cy="12" r="12" class="iconic-fork-point-trunk-start iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-fork-md iconic-container iconic-md" data-width="18" data-height="32" display="none" transform="scale(4) translate(7)">
+    <path stroke="#000" stroke-width="3" d="M3.5 28.5v-5c0-1.1.833-2.341 1.851-2.757l7.298-2.986c1.018-.416 1.851-1.657 1.851-2.757v-3" clip-path="url(#iconic-size-md-fork-clip-0)" class="iconic-fork-line-fork iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-md-fork-clip-0)" stroke="#000" stroke-width="3" class="iconic-fork-line-trunk iconic-property-stroke" d="M3.5 5v25" fill="none" />
+    <circle cx="14.5" cy="8.5" r="3.5" class="iconic-fork-fork-point iconic-property-accent iconic-property-fill" />
+    <circle cx="3.5" cy="28.5" r="3.5" class="iconic-fork-trunk-point-start iconic-property-accent iconic-property-fill" />
+    <circle cx="3.5" cy="3.5" r="3.5" class="iconic-fork-point-trunk-end iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-fork-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path stroke="#000" stroke-width="2" d="M2 14v-2c0-1.1.888-2.148 1.973-2.329l2.054-.342c1.085-.181 1.973-1.229 1.973-2.329v-3" clip-path="url(#iconic-size-sm-fork-clip-0)" class="iconic-fork-line-fork iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-sm-fork-clip-0)" stroke="#000" stroke-width="2" class="iconic-fork-line-trunk iconic-property-stroke" d="M2 4v8" fill="none" />
+    <circle cx="2" cy="14" r="2" class="iconic-fork-point-trunk-start iconic-property-accent iconic-property-fill" />
+    <circle cx="2" cy="2" r="2" class="iconic-fork-point-trunk-end iconic-property-accent iconic-property-fill" />
+    <circle cx="8" cy="4" r="2" class="iconic-fork-point-fork iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/fullscreen.svg b/app/javascript/iconic/svg/smart/fullscreen.svg
new file mode 100755
index 0000000..dbf3b9d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/fullscreen.svg
@@ -0,0 +1,50 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="fullscreen" width="128" height="128" class="iconic iconic-fullscreen iconic-orientation-square" viewBox="0 0 128 128">
+  <g><title>Fullscreen</title></g>
+  <g data-width="128" data-height="127" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-fullscreen-enter">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-bottom iconic-property-stroke" d="M119 119l-45-45" fill="none"/>
+      <path d="M127.7 125.5l-5.3-24.1c-.2-.8-.8-1-1.4-.4l-19.9 19.9c-.6.6-.4 1.2.4 1.3l25 4.5c.8.2 1.4-.4 1.2-1.2z" class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-bottom iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-top iconic-property-stroke" d="M11 11l43 43" fill="none"/>
+      <path d="M.3 1.5l5.4 25.1c.2.8.8 1 1.4.4l19.8-19.9c.6-.6.4-1.2-.4-1.4l-25-5.4c-.8-.2-1.4.4-1.2 1.2z" class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-top iconic-property-fill"/>
+    </g>
+    <g class="iconic-fullscreen-exit" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-bottom iconic-property-stroke" d="M83.5 83.5l38.5 38.5" fill="none"/>
+      <path d="M74.3 75.5l5.4 25.1c.2.8.8 1 1.4.4l19.9-19.9c.6-.6.4-1.2-.4-1.4l-25.1-5.4c-.8-.2-1.4.4-1.2 1.2z" class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-bottom iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-top iconic-property-stroke" d="M44.5 44.5l-38.5-38.5" fill="none"/>
+      <path d="M53.7 52.5l-5.4-25.1c-.2-.8-.8-1-1.4-.4l-19.8 19.9c-.6.6-.4 1.2.4 1.4l25.1 5.4c.7.2 1.3-.4 1.1-1.2z" class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-top iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-fullscreen-enter">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-bottom iconic-property-stroke" d="M29 29l-10-10" fill="none"/>
+      <path d="M31.5 31.9l-6-.9c-.3 0-.3-.2-.1-.4l5.3-5.3c.2-.2.4-.1.4.1l.9 6c0 .4-.2.6-.5.5z" class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-bottom iconic-property-fill"/>
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-top iconic-property-stroke" d="M3 3l10 10" fill="none"/>
+      <path d="M.5.1l6 .9c.3 0 .3.2.1.4l-5.2 5.2c-.2.2-.4.2-.5-.1l-.9-6c0-.3.2-.5.5-.4z" class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-top iconic-property-fill"/>
+    </g>
+    <g class="iconic-fullscreen-exit" display="none">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-bottom iconic-property-stroke" d="M21 21l10 10" fill="none"/>
+      <path d="M18.5 18.1l6 .9c.3 0 .3.2.1.4l-5.3 5.3c-.2.2-.4.1-.4-.1l-.9-6c0-.4.2-.6.5-.5z" class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-bottom iconic-property-fill"/>
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-top iconic-property-stroke" d="M11 11l-10-10" fill="none"/>
+      <path d="M13.5 13.9l-6-.9c-.3 0-.3-.2-.1-.4l5.3-5.3c.2-.2.4-.1.4.1l.9 6c0 .4-.2.6-.5.5z" class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-top iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-fullscreen-enter">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-bottom iconic-property-stroke" d="M13 13l-3-3" fill="none"/>
+      <path class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-bottom iconic-property-fill" d="M16 16v-6l-6 6z"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-fullscreen-enter-line iconic-fullscreen-enter-line-top iconic-property-stroke" d="M3 3l3 3" fill="none"/>
+      <path class="iconic-fullscreen-enter-arrowhead iconic-fullscreen-enter-arrowhead-top iconic-property-fill" d="M0 0v6l6-6z"/>
+    </g>
+    <g class="iconic-fullscreen-exit" display="none">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-bottom iconic-property-stroke" d="M12 12.1l3 2.9" fill="none"/>
+      <path class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-bottom iconic-property-fill" d="M10 10v6l6-6z"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-fullscreen-exit-line iconic-fullscreen-exit-line-top iconic-property-stroke" d="M4 4l-3-3" fill="none"/>
+      <path class="iconic-fullscreen-exit-arrowhead iconic-fullscreen-exit-arrowhead-top iconic-property-fill" d="M6 6v-6l-6 6z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["fullscreen"]=iconicApis["fullscreen"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a=t.querySelectorAll(".iconic-fullscreen-enter"),n=t.querySelectorAll(".iconic-fullscreen-exit");i=r="none","exit"===e?i="inline":r="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",r),n[o].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/funnel.svg b/app/javascript/iconic/svg/smart/funnel.svg
new file mode 100755
index 0000000..e7e4d96
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/funnel.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-funnel" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Funnel</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-funnel-clip-0">
+      <path d="M0 2h120.013v6h-120.013z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-funnel-lg iconic-container iconic-lg" data-width="120" data-height="130" display="inline" transform="translate(4 -1)">
+    <path d="M3.061 19.061l47.879 47.879c.586.586 1.061 1.732 1.061 2.561v59c0 .828.601 1.2 1.342.829l13.317-6.658c.741-.37 1.342-1.342 1.342-2.171v-51c0-.828.475-1.975 1.061-2.561l47.879-47.879c.586-.586 1.061-1.732 1.061-2.561v-13c0-.828-.672-1.5-1.5-1.5h-113c-.828 0-1.5.672-1.5 1.5v13c0 .828.475 1.975 1.061 2.561z"
+    class="iconic-funnel-body iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-funnel-clip-0)" d="M1.329 6.658l-.658-1.317c-.37-.741-.671-2.013-.671-2.842v-1c0-.828.672-1.5 1.5-1.5h117c.828 0 1.5.672 1.5 1.5v1c0 .828-.3 2.101-.671 2.842l-.658 1.317c-.371.741-1.342 1.342-2.171 1.342h-113c-.828 0-1.8-.601-2.171-1.342z"
+    class="iconic-funnel-rim iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-funnel-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path d="M1.354 5.354l10.293 10.293c.195.195.354.577.354.854v15c0 .276.186.376.416.223l5.168-3.445c.23-.153.416-.501.416-.777v-11c0-.276.158-.658.354-.854l10.293-10.293c.195-.195.354-.578.354-.854v-4c0-.276-.224-.5-.5-.5h-27c-.276 0-.5.224-.5.5v4c0 .276.158.658.354.854z"
+    class="iconic-funnel-body iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-funnel-rim iconic-property-accent iconic-property-stroke" d="M.5.5h29" fill="none" />
+  </g>
+  <g class="iconic-funnel-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path class="iconic-property-fill" d="M0 2l5 5v9l4-4v-5l5-5v-2h-14z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/game-controller.svg b/app/javascript/iconic/svg/smart/game-controller.svg
new file mode 100755
index 0000000..93898b0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/game-controller.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-game-controller" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Game Controller</title>
+  </g>
+  <g class="iconic-game-controller-lg iconic-container iconic-lg" data-width="128" data-height="88" display="inline" transform="translate(0 20)">
+    <circle cx="40" cy="50" r="8" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-left iconic-property-accent iconic-property-fill" />
+    <circle cx="88" cy="50" r="8" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-right iconic-property-accent iconic-property-fill" />
+    <path d="M115.806 3.441c-1.121-1.893-3.839-3.441-6.039-3.441h-92c-2.2 0-4.896 1.561-5.992 3.469 0 0-11.776 20.531-11.776 44.531 0 8.75.268 40 15.768 40 16.5 0 16.253-28 16.253-28-.003-.328.046-.642.118-.947-2.531-2.2-4.139-5.435-4.139-9.053 0-6.627 5.373-12 12-12s12 5.373 12 12c0 2.188-.595 4.234-1.619 6h27.237c-1.023-1.767-1.618-3.812-1.618-6 0-6.627 5.373-12 12-12s12 5.373 12 12c0 3.644-1.63 6.902-4.195 9.103.061.289.097.587.09.896 0 0-.628 28.001 15.872 28.001 15.5 0 16.232-31.25 16.232-40 0-24-12.194-44.559-12.194-44.559zm-89.806 4.559h8v4l-4 4-4-4v-4zm-4 16h-4v-8h4l4 4-4 4zm12 8h-8v-4l4-4 4 4v4zm8-8h-4l-4-4 4-4h4v8zm56-16c2.209 0 4 1.791 4 4s-1.791 4-4 4-4-1.791-4-4 1.791-4 4-4zm-8 16c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm8 8c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm8-8c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z"
+    class="iconic-game-controller-body iconic-property-fill" />
+  </g>
+  <g class="iconic-game-controller-md iconic-container iconic-md" data-width="32" data-height="22" display="none" transform="scale(4) translate(0 5)">
+    <circle cx="10" cy="13" r="2" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-left iconic-property-accent iconic-property-fill" />
+    <circle cx="22" cy="13" r="2" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-right iconic-property-accent iconic-property-fill" />
+    <path d="M29.447.894c-.246-.492-.897-.894-1.447-.894h-24c-.55 0-1.201.403-1.447.894 0 0-2.553 5.106-2.553 11.106 0 2.188 0 10 3.875 10 3.245 0 3.935-4.32 4.082-6.168-.879-.636-1.457-1.663-1.457-2.832 0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5c0 .35-.067.681-.163 1h5.325c-.096-.319-.163-.65-.163-1 0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5c0 1.168-.578 2.196-1.457 2.831.148 1.848.837 6.169 4.082 6.169 3.875 0 3.875-7.813 3.875-10 0-6-2.553-11.106-2.553-11.106zm-23.447 1.106h2v1l-1 1-1-1v-1zm-2 4v-2h1l1 1-1 1h-1zm4 2h-2v-1l1-1 1 1v1zm2-2h-1l-1-.97 1-1.03h1v2zm15-4c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm-2 4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm2 2c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm2-2c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+    class="iconic-game-controller-body iconic-property-fill" />
+  </g>
+  <g class="iconic-game-controller-sm iconic-container iconic-sm" data-width="16" data-height="11" display="none" transform="scale(8) translate(0 2)">
+    <circle cx="5" cy="7" r="1" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-left iconic-property-accent iconic-property-fill" />
+    <circle cx="11" cy="7" r="1" class="iconic-game-controller-analog-stick iconic-game-controller-analog-stick-right iconic-property-accent iconic-property-fill" />
+    <path d="M14.277.416c-.152-.229-.502-.416-.777-.416h-11c-.275 0-.625.187-.777.416 0 0-1.723 2.584-1.723 5.584 0 1.094 0 5 1.938 5 1.268 0 1.756-1.323 1.943-2.342-.531-.36-.881-.968-.881-1.658 0-1.105.895-2 2-2s2 .895 2 2h2c0-1.105.895-2 2-2s2 .895 2 2c0 .69-.349 1.298-.881 1.658.188 1.019.675 2.342 1.944 2.342 1.938 0 1.938-3.906 1.938-5 0-3-1.723-5.584-1.723-5.584zm-8.277 2.584h-1v1h-1v-1h-1v-1h1v-1h1v1h1v1zm5.5-2c.276 0 .5.224.5.5s-.224.5-.5.5-.5-.224-.5-.5.224-.5.5-.5zm-1 2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm1 1c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm1-1c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z"
+    class="iconic-game-controller-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/globe.svg b/app/javascript/iconic/svg/smart/globe.svg
new file mode 100755
index 0000000..4eb4566
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/globe.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-globe" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Globe</title>
+  </g>
+  <g class="iconic-globe-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M77.73 22.563c-1.364-.928-2.058-2.11-1.543-2.625s1.359-.516 1.875 0 1.359 1.359 1.875 1.875 1.359 1.359 1.875 1.875 1.359 1.359 1.875 1.875-.186 1.686-1.559 2.602l-.633.422c-1.373.915-2.074.416-1.559-1.109s-.179-3.533-1.543-4.461l-.665-.452zm-2.48 3.937c0 1.031.844 1.031 1.875 0s1.453-2.297.938-2.813-1.359-.516-1.875 0-.938 1.781-.938 2.813zm30 4.609c0 .473.422 1.334.938 1.914s1.359.615 1.875.078 1.324-.977 1.797-.977c.473 0 .912-.404.977-.898s-.709-1.338-1.719-1.875-2.275-1.416-2.813-1.953-.994-.115-1.016.938c-.022 1.053-.039 2.301-.039 2.773zm-36.375-17.734c-1.65 0-3.422.457-3.938 1.016s-.094 1.402.938 1.875 2.297.438 2.813-.078.938-1.676.938-2.578c0 0 0 0 0-.234h-.75zm-59.25 41.172c0 1.074.422 2.375.938 2.891s1.359.938 1.875.938.203-1.133-.695-2.517l-.485-.748c-.898-1.384-1.633-1.638-1.633-.564zm2.734 6.641c-.473.516-.016 1.359 1.016 1.875s1.875.094 1.875-.938-.457-1.875-1.016-1.875-1.402.422-1.875.938zm6.641 5.625c0 1.547.422 2.813.938 2.813s.938-.422.938-.938-.422-1.781-.938-2.813-.938-.609-.938.938zm105 12.851v-31.328c-4.697-18.042-17.32-32.875-33.925-40.586h-.575c-1.65 0-3 .422-3 .938s.422 1.359.938 1.875.094.516-.938 0-2.719-.938-3.75-.938-1.875.844-1.875 1.875.422 2.297.938 2.813.516 1.359 0 1.875-.094 1.781.938 2.813 2.297 1.453 2.813.938.938-.094.938.938.422 2.297.938 2.813.516.938 0 .938-1.686 1.123-2.602 2.496l-.422.633c-.915 1.373-2.086 2.496-2.602 2.496s-.516.422 0 .938 1.359 1.025 1.875 1.133c.516.107 1.359.951 1.875 1.875s-.412 1.68-2.062 1.68h-1.5c-1.65 0-2.578 1.266-2.063 2.813s.516 2.813 0 2.813-.516.844 0 1.875 1.781 1.875 2.813 1.875 1.875.069 1.875.153c0 .084 1.1-.63 2.445-1.586l.813-.578c1.345-.956 2.41-2.565 2.367-3.575-.043-1.01-.078-2.293-.078-2.852s.475-.981 1.055-.938 1.477-.344 1.992-.859 1.746-.516 2.734 0 2.654 1.381 3.701 1.924c1.047.542 1.891 1.791 1.875 2.773s.41 1.805.947 1.826c.537.021.959-.805.938-1.836s-.514-2.279-1.094-2.773-1.828-1.338-2.773-1.875-2.176-1.398-2.734-1.914-.611-.99-.117-1.055 2 .663 3.346 1.617l.729.516c1.346.954 2.888 2.156 3.425 2.672s.977 1.342.977 1.836.475.916 1.055.938c.58.021 1.037-.787 1.016-1.797s.787-1.01 1.797 0 2.293 1.414 2.852.898 1.402-.094 1.875.938.842 2.666.82 3.633-1.287 1.389-2.813.938-3.213-.381-3.75.156-.537 1.398 0 1.914.133.938-.898.938-2.279-.44-2.773-.977-1.338-.537-1.875 0-1.398.537-1.914 0-.938-1.82-.938-2.852-.44-1.875-.977-1.875-1.363.387-1.836.859-1.721.894-2.773.938-2.336.482-2.852.977c-.516.494-1.359 1.32-1.875 1.836s-1.781 1.114-2.813 1.33-1.875.638-1.875.938-.844.967-1.875 1.482-1.875 1.781-1.875 2.813-.844 2.719-1.875 3.75-2.479 3.083-3.217 4.558l-1.067 2.133c-.738 1.476-1.342 3.105-1.342 3.621s.422 1.781.938 2.813.516 2.719 0 3.75-.938 2.297-.938 2.813.422 1.359.938 1.875.938 1.359.938 1.875.422 1.359.938 1.875 1.781 1.359 2.813 1.875 1.875 1.359 1.875 1.875 1.123 1.686 2.496 2.602l.633.422c1.373.915 3.34.82 4.371-.211s2.719-1.875 3.75-1.875 2.998-.749 4.371-1.664l.633-.422c1.373-.915 2.918-1.242 3.434-.727s1.781.938 2.813.938 1.875.844 1.875 1.875-.422 2.297-.938 2.813-.094 1.781.938 2.813 1.875 2.297 1.875 2.813-.422 1.359-.938 1.875-.938 1.359-.938 1.875-.749 2.061-1.664 3.434l-.422.633c-.915 1.373-.68 3.34.523 4.371 0 0 0 0-.313 0s-2.186 3.065-2.186 3.065c-.803 1.313-.282 2.391 1.129 2.532 10.469-8.245 18.225-19.78 21.681-33.058zm-59.062-69.101c.516-.516.938-1.781.938-2.813s1.266-1.875 2.813-1.875 3.234-.422 3.75-.938-.412-.938-2.063-.938h-22.039c-21.653 5.637-38.699 22.683-44.336 44.336v8.914c0 1.65.422 3.844.938 4.875s.938 3.141.938 4.688.422 3.234.938 3.75 1.359 1.781 1.875 2.813.516 2.323 0 2.871-.938 1.392-.938 1.875 0 1.723 0 2.754-.141 3.218-.314 4.859l-.311 2.958c5.495 12.64 15.072 23.091 27.076 29.684h.55c1.65 0 3.422-.422 3.938-.938s.938-1.359.938-1.875 1.266-.938 2.813-.938 3.234-.844 3.75-1.875.938-2.684.938-3.672.844-2.254 1.875-2.813 1.875-1.859 1.875-2.891-.844-2.297-1.875-2.813-2.297-1.359-2.813-1.875-2.203-1.333-3.75-1.816-4.012-1.498-5.479-2.254l-2.167-1.117c-1.466-.756-2.666-1.797-2.666-2.312s-.422-1.359-.938-1.875-1.359-1.781-1.875-2.813-2.061-2.624-3.434-3.539l-.633-.422c-1.373-.915-3.1-2.872-3.838-4.347l-1.067-2.133c-.738-1.476-2.185-2.683-3.217-2.683s-2.629-1.12-3.551-2.488l-.437-.649c-.922-1.369-2.089-2.066-2.594-1.551s-1.34.516-1.855 0-.937-2.287-.937-3.937v-1.5c0-1.65-.422-3.422-.938-3.938s-.516-1.781 0-2.813.938-2.727.938-3.77-.422-1.455-.938-.918-.716-.355-.446-1.983l.892-5.37c.27-1.628.913-2.959 1.429-2.959s.938.422.938.938.422.938.938.938.61 1.31.21 2.91l-.42 1.679c-.4 1.601-.042 2.91.796 2.91 0 0 0 0 .352 0s1.278-4.56 1.278-4.56c.328-1.617 1.742-3.655 3.141-4.53l.537-.336c1.399-.874 2.544-2.065 2.544-2.645s.422-1.028.938-.996.938-.39.938-.938.422-1.418.938-1.934 1.359-.516 1.875 0 .938.516.938 0 .422-1.359.938-1.875 1.359-.938 1.875-.938.938.422.938.938.422.938.938.938 1.781-.422 2.813-.938 1.875-1.359 1.875-1.875-.422-.938-.938-.938-.938-.422-.938-.938 0-1.359 0-1.875.422-.516.938 0 1.781.516 2.813 0 1.453-.516.938 0-.938 1.359-.938 1.875.422 1.359.938 1.875 1.359.938 1.875.938.938-.844.938-1.875-.422-1.875-.938-1.875-.516-.422 0-.938 1.359-1.781 1.875-2.813.516-1.875 0-1.875-.938-.422-.938-.938.422-1.359.938-1.875.92-1.359.898-1.875-.865-.516-1.875 0-1.414.094-.898-.938.516-1.893 0-1.914-1.799.435-2.852 1.016-1.932 1.424-1.953 1.875-1.145 1.595-2.497 2.541l-.553.387c-1.352.946-2.036.877-1.52-.155s.938-2.297.938-2.813 1.123-1.686 2.496-2.602l.633-.422c1.373-.915 3.762-1.664 5.309-1.664s2.812.422 2.812.938.422.938.938.938 2.061-.749 3.434-1.664l.633-.422c1.373-.915 2.918-2.086 3.434-2.602s.516-.938 0-.938-.938-.422-.938-.938.844-1.359 1.875-1.875 2.297-.516 2.813 0 .516 1.359 0 1.875-1.686 2.061-2.602 3.434l-.422.633c-.915 1.373-1.664 2.918-1.664 3.434s.422 1.359.938 1.875 1.359.938 1.875.938 1.359-.422 1.875-.938 2.061-1.686 3.434-2.602l.633-.422c1.373-.915 3.34-1.664 4.371-1.664s1.875-.422 1.875-.938.422-1.359.938-1.875z"
+    class="iconic-globe-land-mass iconic-property-fill" />
+    <circle stroke="#000" stroke-width="4" cx="64" cy="64" r="62" class="iconic-globe-border iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-globe-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M31 19.844v-7.688c-1.163-4.549-4.328-8.285-8.511-10.219h-.114c-.412 0-.75.208-.75.461s-.211.461-.469.461-.68 0-.938 0-.258.208 0 .461.479.669.491.923.223.468.469.476.447.352.447.765v.375c0 .412-.211.542-.469.289s-.686-.679-.952-.945-.698-.483-.96-.483-.466.211-.454.469.025.68.029.938.212.472.461.476.658.014.908.022.454.212.454.454.221.66.491.93.27.695 0 .945-.692.454-.938.454-.444.214-.44.476.215.687.469.945.704.234 1-.053l.798-.773c.296-.287.535-.743.531-1.013s.207-.491.469-.491.774.158 1.139.35l.505.266c.365.193.67.555.678.804s.235.243.505-.015.19-.622-.178-.808l-.567-.288c-.368-.187-.458-.33-.2-.318s.686.23.952.483.684.254.93 0 .45-.251.454.007.222.466.483.461.684.213.938.483.241.698-.029.952-.698.455-.952.447-.671.196-.926.454-.675.469-.93.469-.465-.211-.465-.469-.327-.385-.727-.283l-2.268.58c-.4.102-.938.39-1.195.64s-.68.665-.938.923-.67.683-.915.945-.463.68-.483.93-.248.668-.505.93-.251.687.015.945.478.806.471 1.219l-.005.346c-.006.412.224.991.513 1.286l1.777 1.814c.289.295.733.312.986.038s.669-.495.923-.491.676-.2.938-.454.78-.315 1.152-.137l.538.258c.372.179.669.539.661.801s-.012.814-.009 1.226l.003.404c.003.412-.149 1.05-.338 1.417l-.265.513c-.189.367-.339 1.004-.332 1.416l.006.39c.004.265.154.487.365.621 2.558-2.066 4.432-4.932 5.272-8.215zm-14.568-18.375c.27.258.705.258.967 0s.139-.469-.274-.469h-4.969c-5.466 1.397-9.759 5.69-11.156 11.156v3.094c0 .412.153 1.051.34 1.419l.273.537c.187.368.334 1.006.328 1.419l-.006.375c-.006.412.096 1.07.228 1.461l.473 1.406c.132.391.428.991.658 1.333l1.053 1.567c.23.342.415.83.411 1.084s.204.672.461.93.739.671 1.069.919l2.55 1.913c.33.247.6.239.6-.019s.217-.676.483-.93.694-.468.952-.476.462-.229.454-.491.196-.684.454-.938.459-.676.447-.938-.226-.684-.476-.938-.668-.452-.93-.44-.753-.17-1.093-.405l-1.536-1.065c-.339-.235-.61-.632-.602-.881s-.216-.665-.498-.923-.714-.68-.959-.937-.651-.683-.901-.945-.696-.711-.993-.998l-.842-.816c-.296-.287-.75-.525-1.007-.529s-.469-.345-.469-.757v-.313c0-.412.304-.604.676-.426l.566.271c.372.178.877.314 1.123.302s.207-.26-.085-.551l-1.749-1.74c-.292-.291-.529-.867-.526-1.279l.003-.375c.003-.412.217-.964.475-1.226s.461-.139.452.274l-.009.405c-.009.412.207.532.481.266s.495-.694.491-.952.2-.469.454-.469.461-.211.461-.469.24-.706.534-.995l.821-.808c.294-.289.735-.315.981-.057s.671.469.945.469.495-.217.491-.483-.228-.688-.498-.938-.153-.454.259-.454h.404c.412 0 .903-.301 1.09-.669l.273-.537c.187-.368.132-.883-.122-1.145s-.692-.255-.974.015-.717.477-.967.461-.212-.264.084-.551l.842-.816c.296-.287.749-.308 1.007-.046s.673.473.923.469.672-.222.938-.483.48-.684.476-.938.21-.455.476-.447.327.314.135.679l-.271.517c-.191.365-.348.879-.348 1.14s.221.483.491.491.695-.209.945-.483.754-.653 1.121-.842l.513-.265c.367-.189.67-.558.674-.82s-.003-.677-.015-.923.199-.236.469.022z"
+    class="iconic-globe-land-mass iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="16" cy="16" r="15" class="iconic-globe-border iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-globe-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M15 10.675v-5.35c-.736-1.923-2.234-3.467-4.131-4.254-.143.077-.244.209-.244.367 0 .241-.197.438-.438.438s-.438.197-.438.438-.162.593-.361.784l-.19.182c-.198.19-.16.346.086.346s.648-.028.893-.063c.246-.034.286.095.089.287l-.161.157c-.197.192-.322.572-.279.844l.033.206c.043.272.285.406.538.298l1.516-.645c.253-.108.617-.357.808-.555l.179-.184c.192-.197.345-.156.341.092-.004.248.152.61.347.805l.154.154c.195.195.163.355-.07.357s-.433.202-.444.444-.211.438-.444.434c-.233-.004-.424-.204-.424-.444 0-.241-.201-.335-.446-.211l-.172.088c-.245.125-.601.298-.791.385-.19.087-.503.318-.696.515l-.175.179c-.192.197-.504.521-.692.722l-.136.145c-.188.201-.351.59-.363.864l-.031.751c-.011.275.181.599.427.721l.872.431c.246.122.653.226.904.231.251.005.648.009.884.009s.591.156.789.346l.172.165c.199.19.2.504.004.696l-.197.193c-.196.193-.355.575-.352.85l.008.732c.002.137.059.26.149.351 1.109-.84 1.976-1.979 2.481-3.3zm-14-5.35v3.925c0 .275 0 .725 0 1v.425c.536 1.4 1.475 2.598 2.681 3.45h1.187c.275 0 .657-.161.849-.358l.169-.173c.192-.197.353-.583.357-.858l.012-.737c.004-.275-.217-.502-.492-.504l-.764-.006c-.275-.002-.602-.204-.726-.45l-.436-.858c-.124-.245-.451-.444-.726-.442l-.736.006c-.275.002-.502-.221-.504-.496l-.006-.75c-.002-.275.193-.5.434-.5s.592.164.78.364l.176.188c.188.2.346.161.349-.087.004-.248-.152-.61-.347-.805l-.168-.168c-.195-.195-.347-.554-.34-.798s.014-.644.014-.889.138-.441.308-.438c.169.004.366-.187.438-.424.071-.237.355-.429.63-.426l.518.005c.275.003.652-.162.837-.365l.174-.191c.185-.203.14-.478-.102-.61l-.668-.367c-.241-.132-.429-.437-.418-.678.011-.241.177-.276.368-.078l.152.157c.191.198.508.201.704.008l.204-.201c.196-.193.353-.542.349-.775-.004-.233.19-.424.431-.424h-1.363c-1.987.76-3.565 2.337-4.325 4.325zm7.875-4.325h-2.188c.241 0 .434.194.431.431-.004.237-.162.593-.352.792l-.171.179c-.19.199-.151.362.085.362s.587-.162.779-.359l.179-.184c.192-.197.51-.516.707-.707l.53-.513z"
+    class="iconic-globe-land-mass iconic-property-fill" />
+    <circle stroke="#000" cx="8" cy="8" r="7.5" class="iconic-globe-border iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/graph.svg b/app/javascript/iconic/svg/smart/graph.svg
new file mode 100755
index 0000000..38c7c5e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/graph.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-graph" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Graph</title>
+  </g>
+  <g class="iconic-graph-lg iconic-container iconic-lg" data-width="128" data-height="78" display="inline" transform="translate(0 25)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-graph-chart iconic-property-stroke" d="M8 50l24-24 18 14 22-22 20 16 28-28" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-graph-axis iconic-property-accent iconic-property-stroke" d="M1 77h126" fill="none" />
+  </g>
+  <g class="iconic-graph-md iconic-container iconic-md" data-width="32" data-height="21" display="none" transform="scale(4) translate(0 5)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-graph-chart iconic-property-stroke" d="M2.5 13.5l5-6 6 4 5-6 5 4 6-6.8" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-graph-axis iconic-property-accent iconic-property-stroke" d="M.5 20.5h31" fill="none" />
+  </g>
+  <g class="iconic-graph-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-graph-chart iconic-property-stroke" d="M1.5 6.5l2.5-2.5 2 2 3-3 2 2 3.5-3.5" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-graph-axis iconic-property-accent iconic-property-stroke" d="M.5 11.5h15" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/grid.svg b/app/javascript/iconic/svg/smart/grid.svg
new file mode 100755
index 0000000..921a4d5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/grid.svg
@@ -0,0 +1,123 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="grid" width="128" height="128" class="iconic iconic-grid iconic-orientation-square" viewBox="0 0 128 128">
+  <g><title>Grid</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-grid-three-up">
+      <path d="M126.5 128h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-9 iconic-grid-three-up-row-3 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M80.5 128h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-8 iconic-grid-three-up-row-3 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M34.5 128h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-7 iconic-grid-three-up-row-3 iconic-grid-three-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 82h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-6 iconic-grid-three-up-row-2 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M80.5 82h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-5 iconic-grid-three-up-row-2 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M34.5 82h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-4 iconic-grid-three-up-row-2 iconic-grid-three-up-column-1 iconic-property-fill"/>
+      <path d="M80.5 36h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-2 iconic-grid-three-up-row-1 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M126.5 36h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-3 iconic-grid-three-up-row-1 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M34.5 36h-33c-.8 0-1.5-.7-1.5-1.5v-33c0-.8.7-1.5 1.5-1.5h33c.8 0 1.5.7 1.5 1.5v33c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-1 iconic-grid-three-up-row-1 iconic-grid-three-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-grid-two-up" display="none">
+      <path d="M126.5 128h-55c-.8 0-1.5-.7-1.5-1.5v-55c0-.8.7-1.5 1.5-1.5h55c.8 0 1.5.7 1.5 1.5v55c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-4 iconic-grid-two-up-row-2 iconic-grid-two-up-column-2 iconic-property-fill"/>
+      <path d="M56.5 128h-55c-.8 0-1.5-.7-1.5-1.5v-55c0-.8.7-1.5 1.5-1.5h55c.8 0 1.5.7 1.5 1.5v55c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-3 iconic-grid-two-up-row-2 iconic-grid-two-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 58h-55c-.8 0-1.5-.7-1.5-1.5v-55c0-.8.7-1.5 1.5-1.5h55c.8 0 1.5.7 1.5 1.5v55c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-2 iconic-grid-two-up-row-1 iconic-grid-two-up-column-2 iconic-property-fill"/>
+      <path d="M56.5 58h-55c-.8 0-1.5-.7-1.5-1.5v-55c0-.8.7-1.5 1.5-1.5h55c.8 0 1.5.7 1.5 1.5v55c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-1 iconic-grid-two-up-row-1 iconic-grid-two-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-grid-four-up" display="none">
+      <path d="M126.5 128h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-16 iconic-grid-four-up-row-4 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M90.5 128h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-15 iconic-grid-four-up-row-5 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 128h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-14 iconic-grid-four-up-row-4 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M18.5 128h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-13 iconic-grid-four-up-row-4 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 92h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-12 iconic-grid-four-up-row-3 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M90.5 92h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-11 iconic-grid-four-up-row-3 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 92h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-10 iconic-grid-four-up-row-3 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M18.5 92h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-9 iconic-grid-four-up-row-3 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 56h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-8 iconic-grid-four-up-row-2 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M90.5 56h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-7 iconic-grid-four-up-row-2 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 56h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-6 iconic-grid-four-up-row-2 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M18.5 56h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-5 iconic-grid-four-up-row-2 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M126.5 20h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-4 iconic-grid-four-up-row-1 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M90.5 20h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-3 iconic-grid-four-up-row-1 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M54.5 20h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-2 iconic-grid-four-up-row-1 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M18.5 20h-17c-.8 0-1.5-.7-1.5-1.5v-17c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v17c0 .8-.7 1.5-1.5 1.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-1 iconic-grid-four-up-row-1 iconic-grid-four-up-column-1 iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-grid-three-up">
+      <path d="M31.5 32h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-9 iconic-grid-three-up-row-3 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M19.5 32h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-8 iconic-grid-three-up-row-3 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M7.5 32h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-7 iconic-grid-three-up-row-3 iconic-grid-three-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 20h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-6 iconic-grid-three-up-row-2 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M19.5 20h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-5 iconic-grid-three-up-row-2 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M7.5 20h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-4 iconic-grid-three-up-row-2 iconic-grid-three-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 8h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-3 iconic-grid-three-up-row-1 iconic-grid-three-up-column-3 iconic-property-fill"/>
+      <path d="M19.5 8h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-2 iconic-grid-three-up-row-1 iconic-grid-three-up-column-2 iconic-property-fill"/>
+      <path d="M7.5 8h-7c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5z" class="iconic-grid-three-up-item iconic-grid-three-up-item-1 iconic-grid-three-up-row-1 iconic-grid-three-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-grid-two-up" display="none">
+      <path d="M31.5 32h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-4 iconic-grid-two-up-row-2 iconic-grid-two-up-column-2 iconic-property-fill"/>
+      <path d="M13.5 32h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-3 iconic-grid-two-up-row-2 iconic-grid-two-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 14h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-2 iconic-grid-two-up-row-1 iconic-grid-two-up-column-2 iconic-property-fill"/>
+      <path d="M13.5 14h-13c-.3 0-.5-.2-.5-.5v-13c0-.3.2-.5.5-.5h13c.3 0 .5.2.5.5v13c0 .3-.2.5-.5.5z" class="iconic-grid-two-up-item iconic-grid-two-up-item-1 iconic-grid-two-up-row-1 iconic-grid-two-up-column-1 iconic-property-fill"/>
+    </g>
+    <g class="iconic-grid-four-up" display="none">
+      <path d="M31.5 32h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-16 iconic-grid-four-up-row-4 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 32h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-15 iconic-grid-four-up-row-5 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 32h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-14 iconic-grid-four-up-row-4 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 32h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-13 iconic-grid-four-up-row-4 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 23h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-12 iconic-grid-four-up-row-3 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 23h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-11 iconic-grid-four-up-row-3 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 23h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-10 iconic-grid-four-up-row-3 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 23h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-9 iconic-grid-four-up-row-3 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 14h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-8 iconic-grid-four-up-row-2 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 14h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-7 iconic-grid-four-up-row-2 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 14h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-6 iconic-grid-four-up-row-2 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 14h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-5 iconic-grid-four-up-row-2 iconic-grid-four-up-column-1 iconic-property-fill"/>
+      <path d="M31.5 5h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-4 iconic-grid-four-up-row-1 iconic-grid-four-up-column-4 iconic-property-fill"/>
+      <path d="M22.5 5h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-3 iconic-grid-four-up-row-1 iconic-grid-four-up-column-3 iconic-property-fill"/>
+      <path d="M13.5 5h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-2 iconic-grid-four-up-row-1 iconic-grid-four-up-column-2 iconic-property-fill"/>
+      <path d="M4.5 5h-4c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h4c.3 0 .5.2.5.5v4c0 .3-.2.5-.5.5z" class="iconic-grid-four-up-item iconic-grid-four-up-item-1 iconic-grid-four-up-row-1 iconic-grid-four-up-column-1 iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-grid-three-up">
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-9 iconic-grid-three-up-row-3 iconic-grid-three-up-column-3 iconic-property-fill" d="M12 12h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-8 iconic-grid-three-up-row-3 iconic-grid-three-up-column-2 iconic-property-fill" d="M6 12h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-7 iconic-grid-three-up-row-3 iconic-grid-three-up-column-1 iconic-property-fill" d="M0 12h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-6 iconic-grid-three-up-row-2 iconic-grid-three-up-column-3 iconic-property-fill" d="M12 6h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-5 iconic-grid-three-up-row-2 iconic-grid-three-up-column-2 iconic-property-fill" d="M6 6h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-4 iconic-grid-three-up-row-2 iconic-grid-three-up-column-1 iconic-property-fill" d="M0 6h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-3 iconic-grid-three-up-row-1 iconic-grid-three-up-column-3 iconic-property-fill" d="M12 0h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-2 iconic-grid-three-up-row-1 iconic-grid-three-up-column-2 iconic-property-fill" d="M6 0h4v4h-4z"/>
+      <path class="iconic-grid-three-up-item iconic-grid-three-up-item-1 iconic-grid-three-up-row-1 iconic-grid-three-up-column-1 iconic-property-fill" d="M0 0h4v4h-4z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-grid-two-up" display="none">
+      <path class="iconic-grid-two-up-item iconic-grid-two-up-item-4 iconic-grid-two-up-row-2 iconic-grid-two-up-column-2 iconic-property-fill" d="M9 9h7v7h-7z"/>
+      <path class="iconic-grid-two-up-item iconic-grid-two-up-item-3 iconic-grid-two-up-row-2 iconic-grid-two-up-column-1 iconic-property-fill" d="M0 9h7v7h-7z"/>
+      <path class="iconic-grid-two-up-item iconic-grid-two-up-item-2 iconic-grid-two-up-row-1 iconic-grid-two-up-column-2 iconic-property-fill" d="M9 0h7v7h-7z"/>
+      <path class="iconic-grid-two-up-item iconic-grid-two-up-item-1 iconic-grid-two-up-row-1 iconic-grid-two-up-column-1 iconic-property-fill" d="M0 0h7v7h-7z"/>
+    </g>
+  </g>
+  <g data-width="14" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1 1)">
+    <g class="iconic-grid-four-up" display="none">
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-16 iconic-grid-four-up-row-4 iconic-grid-four-up-column-4 iconic-property-fill" d="M12 12h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-15 iconic-grid-four-up-row-4 iconic-grid-four-up-column-3 iconic-property-fill" d="M8 12h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-14 iconic-grid-four-up-row-4 iconic-grid-four-up-column-2 iconic-property-fill" d="M4 12h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-13 iconic-grid-four-up-row-4 iconic-grid-four-up-column-1 iconic-property-fill" d="M0 12h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-12 iconic-grid-four-up-row-3 iconic-grid-four-up-column-4 iconic-property-fill" d="M12 8h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-11 iconic-grid-four-up-row-3 iconic-grid-four-up-column-3 iconic-property-fill" d="M8 8h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-10 iconic-grid-four-up-row-3 iconic-grid-four-up-column-2 iconic-property-fill" d="M4 8h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-9 iconic-grid-four-up-row-3 iconic-grid-four-up-column-1 iconic-property-fill" d="M0 8h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-8 iconic-grid-four-up-row-2 iconic-grid-four-up-column-4 iconic-property-fill" d="M12 4h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-7 iconic-grid-four-up-row-2 iconic-grid-four-up-column-3 iconic-property-fill" d="M8 4h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-6 iconic-grid-four-up-row-2 iconic-grid-four-up-column-2 iconic-property-fill" d="M4 4h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-5 iconic-grid-four-up-row-2 iconic-grid-four-up-column-1 iconic-property-fill" d="M0 4h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-4 iconic-grid-four-up-row-1 iconic-grid-four-up-column-4 iconic-property-fill" d="M12 0h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-3 iconic-grid-four-up-row-1 iconic-grid-four-up-column-3 iconic-property-fill" d="M8 0h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-2 iconic-grid-four-up-row-1 iconic-grid-four-up-column-2 iconic-property-fill" d="M4 0h2v2h-2z"/>
+      <path class="iconic-grid-four-up-item iconic-grid-four-up-item-1 iconic-grid-four-up-row-1 iconic-grid-four-up-column-1 iconic-property-fill" d="M0 0h2v2h-2z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["grid"]=iconicApis["grid"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,a,n=t.querySelectorAll(".iconic-grid-three-up"),o=t.querySelectorAll(".iconic-grid-two-up"),c=t.querySelectorAll(".iconic-grid-four-up");switch(i=r=a="none",e){case"four-up":a="inline";break;case"two-up":r="inline";break;default:i="inline"}for(var s=0;s<n.length;s++)n[s].setAttribute("display",i),o[s].setAttribute("display",r),c[s].setAttribute("display",a)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/group.svg b/app/javascript/iconic/svg/smart/group.svg
new file mode 100755
index 0000000..745d762
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/group.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-group" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Group</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-group-clip-0">
+      <path d="M82 48v34h-34v12h46v-46z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-group-clip-0">
+      <path d="M21 12v9.031h-9v3.969h13v-13z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-group-clip-0">
+      <path d="M11 6v5h-5v2h7v-7z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-group-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="2" class="iconic-group-container iconic-property-accent iconic-property-stroke" d="M1 1h126v126h-126z" fill="none" />
+    <path d="M78.5 80h-43c-.828 0-1.5-.672-1.5-1.5v-43c0-.828.672-1.5 1.5-1.5h43c.828 0 1.5.672 1.5 1.5v43c0 .828-.672 1.5-1.5 1.5z" class="iconic-group-item iconic-group-item-1 iconic-property-fill" />
+    <path d="M92.5 94h-43c-.828 0-1.5-.672-1.5-1.5v-43c0-.828.672-1.5 1.5-1.5h43c.828 0 1.5.672 1.5 1.5v43c0 .828-.672 1.5-1.5 1.5z" clip-path="url(#iconic-size-lg-group-clip-0)" class="iconic-group-item iconic-group-item-2 iconic-property-fill" />
+  </g>
+  <g class="iconic-group-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" class="iconic-group-container iconic-property-accent iconic-property-stroke" d="M.5.5h31v31h-31z" fill="none" />
+    <path d="M19.5 20h-12c-.276 0-.5-.224-.5-.5v-12c0-.276.224-.5.5-.5h12c.276 0 .5.224.5.5v12c0 .276-.224.5-.5.5z" class="iconic-group-item iconic-group-item-1 iconic-property-fill" />
+    <path d="M24.5 25h-12c-.276 0-.5-.224-.5-.5v-12c0-.276.224-.5.5-.5h12c.276 0 .5.224.5.5v12c0 .276-.224.5-.5.5z" clip-path="url(#iconic-size-md-group-clip-0)" class="iconic-group-item iconic-group-item-2 iconic-property-fill" />
+  </g>
+  <g class="iconic-group-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-group-container iconic-property-accent iconic-property-stroke" d="M.5.5h15v15h-15z" fill="none" />
+    <path class="iconic-group-item iconic-group-item-1 iconic-property-fill" d="M3 3h7v7h-7z" />
+    <path clip-path="url(#iconic-size-sm-group-clip-0)" class="iconic-group-item iconic-group-item-2 iconic-property-fill" d="M6 6h7v7h-7z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/guides.svg b/app/javascript/iconic/svg/smart/guides.svg
new file mode 100755
index 0000000..0229f1c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/guides.svg
@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-guides" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Guides</title>
+  </g>
+  <g class="iconic-guides-lg iconic-container iconic-lg" data-width="112" data-height="112" display="inline" transform="translate(8 8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M111 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M101 1v4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M91 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M81 1v4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M71 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M61 1v4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M51 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M41 1v4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M31 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M21 1v4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M11 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 11h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M2 21h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 31h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M2 41h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 51h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M2 61h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 71h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M2 81h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 91h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M2 101h4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M2 111h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-guides-axes iconic-property-stroke" d="M111 1h-110v110" fill="none" />
+  </g>
+  <g class="iconic-guides-md iconic-container iconic-md" data-width="29" data-height="29" display="none" transform="scale(4) translate(1 1)">
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M28.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M24.5.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M20.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M16.5.656v1.844" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M12.501.656l-.001.844" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M8.5.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M4.5.656v.844" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M.501 24.5h1.999" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M.5 20.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M.501 16.5h1.999" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M.5 12.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M.501 8.5h1.999" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M.5 4.5h1m-1 24h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-axes iconic-property-stroke" d="M28.5.5h-28v28" fill="none" />
+  </g>
+  <g class="iconic-guides-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M15.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M12.5.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M9.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-x iconic-property-accent iconic-property-stroke" d="M6.5.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-x iconic-property-stroke" d="M3.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M.5 12.5h2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M.5 9.5h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-major iconic-guides-tick-y iconic-property-accent iconic-property-stroke" d="M.5 6.5h2" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-tick iconic-guides-tick-minor iconic-guides-tick-y iconic-property-stroke" d="M.5 3.5h1m-1 12h1" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-guides-axes iconic-property-stroke" d="M15.5.5h-15v15" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/hammer.svg b/app/javascript/iconic/svg/smart/hammer.svg
new file mode 100755
index 0000000..9246861
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/hammer.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-hammer" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Hammer</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-hammer-clip-0">
+      <path d="M62 46l12 12v70h-74v-82z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-hammer-clip-0">
+      <path d="M0 11v21h19v-17l-4-4z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-hammer-clip-0">
+      <path d="M7 6h-7v10h9v-8z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-hammer-lg iconic-container iconic-lg" data-width="127" data-height="128" display="inline">
+    <path d="M127.646 31.646l-1.293-1.293c-.673-.673-1.715-1.715-2.353-2.353-4-4-6 0-10-4s-2-8-6-12c-12-12-16-12-40-12 28 12.125 19.938 24.063 16 28l-18 18 8 8 18-18c5.875-5.875 7.875-6.125 12-2 4.083 4.083 0 6 4 10 1 1 3 3 3 3l.646.646c.195.195.513.195.707 0l15.293-15.293c.195-.194.195-.513 0-.707z"
+    class="iconic-hammer-head iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-hammer-clip-0)" d="M57.154 52.949l-6.308 2.103c-1.572.524-3.796 1.898-4.967 3.07l-43.757 43.757c-1.172 1.172-1.521 3.323-.78 4.805l9.317 18.633c.741 1.482 2.088 1.567 3.009.189l4.728-7.074c.921-1.377 2.617-3.444 3.788-4.615l39.695-39.695c1.172-1.172 2.538-3.398 3.052-4.973l2.014-6.171c.514-1.575 1.88-3.802 3.052-4.973l1.882-1.882c1.172-1.172 1.172-3.071 0-4.243l-3.757-3.757c-1.172-1.172-3.071-1.172-4.243 0l-1.757 1.757c-1.172 1.172-3.396 2.546-4.967 3.07z"
+    class="iconic-hammer-handle iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-hammer-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M31 7c-1-1-1 0-2-1s0-1-1-2-1-1-1-1c-3-3-4-3-10-3 7 3.031 4.984 6.016 4 7l-9 9 2 2 9-9c.984-.984 1.969-1.031 3 0s0 1 1 2 1 1 1 1l4-4s0 0-1-1z" class="iconic-hammer-head iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-hammer-clip-0)" d="M14.526 13.158l-2.051.684c-.262.087-.633.316-.828.512l-11.293 11.293c-.195.195-.253.554-.13.801l2.553 5.106c.123.247.348.261.501.032l1.46-2.184c.153-.23.436-.574.631-.769l10.277-10.277c.195-.195.423-.566.509-.829l.658-2.018c.086-.263.313-.634.509-.829l1.324-1.324c.195-.195.195-.512 0-.707l-1.293-1.293c-.195-.195-.512-.195-.707 0l-1.293 1.293c-.195.195-.566.424-.828.512z"
+    class="iconic-hammer-handle iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-hammer-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M14 2c-2-2-3-2-6-2 2.96 1.002 3 2.948 2.04 3.96l-4.04 4.04 1 1 4-4c.001.001.001.001.002.002 1-1 .999-1.002 2-.001.515.515 0 0 .5.5s.5.5.5.5l1.999-1.999s-1-1.001-2-2.001z" class="iconic-hammer-head iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-hammer-clip-0)" d="M6.75 7h-.5c-.138 0-.329.079-.427.177l-5.646 5.646c-.098.098-.115.27-.038.385l1.723 2.584c.077.115.189.108.251-.015l.783-1.561c.062-.123.191-.303.289-.4l4.639-4.639c.098-.098.175-.289.173-.427l-.008-.484c-.002-.138.075-.329.173-.427l1.662-1.662c.098-.098.098-.256 0-.354l-.646-.646c-.098-.098-.256-.098-.354 0l-1.646 1.646c-.098.098-.289.177-.427.177z"
+    class="iconic-hammer-handle iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/hand.svg b/app/javascript/iconic/svg/smart/hand.svg
new file mode 100755
index 0000000..afe5f75
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/hand.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-hand" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Hand</title>
+  </g>
+  <g class="iconic-hand-lg iconic-container iconic-lg" data-width="104" data-height="128" display="inline" transform="translate(12)">
+    <path d="M101.657 70.343c-3.124-3.124-8.19-3.124-11.314 0l-10.343 8.503c-3.165 2.602-8 .778-8-2.846v-62c0-3.314-2.686-6-6-6s-6 2.686-6 6v38c0 2.209-1.791 4-4 4s-4-1.791-4-4v-46c0-3.314-2.686-6-6-6s-6 2.686-6 6v50c0 2.209-1.791 4-4 4s-4-1.791-4-4v-42c0-3.314-2.686-6-6-6s-6 2.686-6 6v46c0 2.209-1.791 4-4 4s-4-1.791-4-4v-38c0-3.314-2.686-6-6-6s-6 2.686-6 6v70c0 19.882 16.118 36 36 36 9.223 0 17.631-3.472 24.001-9.175l-.001.007s41.448-36.966 41.657-37.175c3.124-3.124 3.124-8.19 0-11.314z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-hand-md iconic-container iconic-md" data-width="26" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path d="M25.414 16.586c-.781-.781-2.01-.742-2.828 0-.62.562-2.447 2.011-2.586 2.126-.791.65-2 .195-2-.712v-14.5c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5v9.5c0 .552-.448 1-1 1s-1-.448-1-1v-11.5c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5v12.5c0 .552-.448 1-1 1s-1-.448-1-1v-10.5c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5v11.5c0 .552-.448 1-1 1s-1-.448-1-1v-9.5c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5c0 0 0 16.581 0 17.5 0 4.971 4.029 9 9 9 2.309 0 4.442-.84 6.001-2.306 2.665-2.506 7.958-7.839 10.413-10.28.783-.779.781-2.047 0-2.828z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-hand-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M14.707 8.293c-.391-.391-1.024-.391-1.414 0 0 0-1.061.872-1.293 1.063-.396.325-1 .097-1-.356v-7c0-.552-.448-1-1-1s-1 .448-1 1v4.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-5.5c0-.552-.448-1-1-1s-1 .448-1 1v5.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-4.5c0-.552-.448-1-1-1s-1 .448-1 1v5.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-4.5c0-.552-.448-1-1-1s-1 .448-1 1c0 0 0 7.331 0 7.5 0 3.037 2.462 5.5 5.5 5.5 1.343 0 2.573-.483 3.528-1.283 0 0 4.299-3.714 5.679-5.01.403-.378.391-1.024 0-1.414z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/hard-drive.svg b/app/javascript/iconic/svg/smart/hard-drive.svg
new file mode 100755
index 0000000..d9564cf
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/hard-drive.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-hard-drive" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Hard Drive</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-hard-drive-clip-0">
+      <path d="M0 0v96c0 2.206 1.794 4 4 4h90c2.206 0 4-1.794 4-4v-96h-98zm50 86c-6.362 0-12.335-1.657-17.522-4.553-1.53 2.52-2.847 4.479-3.7 5.331-2.077 2.078-4.84 3.222-7.778 3.222s-5.701-1.144-7.778-3.222c-4.289-4.289-4.289-11.267 0-15.556.853-.853 2.811-2.17 5.331-3.7-2.896-5.187-4.553-11.159-4.553-17.522 0-19.882 16.118-36 36-36s36 16.118 36 36-16.118 36-36 36z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-hard-drive-clip-1">
+      <path d="M94 104h-90c-1.458 0-2.822-.398-4-1.083v25.082h98v-25.082c-1.178.684-2.542 1.082-4 1.082zm-80 18h-2v-12h2v12zm4 0h-2v-12h2v12zm4 0h-2v-12h2v12zm4 0h-2v-12h2v12zm4 0h-2v-12h2v12zm4 0h-2v-12h2v12zm4 0h-2v-12h2v12zm50-4c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-hard-drive-clip-0">
+      <path d="M0 0v23c0 .551.449 1 1 1h22c.551 0 1-.449 1-1v-23h-24zm12 20c-1.452 0-2.81-.393-3.984-1.069-.845 1.165-1.549 2.107-1.779 2.337-.472.472-1.1.732-1.768.732-.668 0-1.296-.26-1.768-.732s-.732-1.1-.732-1.768.26-1.296.732-1.768c.231-.231 1.179-.934 2.352-1.776-.667-1.168-1.053-2.516-1.053-3.957 0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-hard-drive-clip-1">
+      <path d="M23 26h-22c-.352 0-.686-.072-1-.184v6.184h24v-6.184c-.314.112-.648.184-1 .184zm-19 5h-1v-4h1v4zm2 0h-1v-4h1v4zm2 0h-1v-4h1v4zm2 0h-1v-4h1v4zm10-1c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-hard-drive-clip-0">
+      <path d="M0 0v10.5c0 .276.224.5.5.5h12c.276 0 .5-.224.5-.5v-10.5h-13zm6.5 9c-.251 0-.494-.029-.73-.079-.126.212-.246.384-.355.493-.378.378-.88.586-1.414.586-.534 0-1.036-.208-1.414-.586s-.586-.88-.586-1.414.208-1.036.586-1.414c.109-.109.281-.23.493-.355-.05-.236-.079-.48-.079-.73 0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5-1.567 3.5-3.5 3.5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-hard-drive-clip-1">
+      <path d="M12.5 12h-12c-.176 0-.343-.036-.5-.092v4.092h13v-4.092c-.157.056-.324.092-.5.092zm-9.5 3h-1v-2h1v2zm2 0h-1v-2h1v2zm5 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-hard-drive-lg iconic-container iconic-lg" data-width="98" data-height="128" display="inline" transform="translate(15)">
+    <path clip-path="url(#iconic-size-lg-hard-drive-clip-0)" d="M0 8v112c0 4.418 3.582 8 8 8h82c4.418 0 8-3.582 8-8v-112c0-4.418-3.582-8-8-8h-82c-4.418 0-8 3.582-8 8z" class="iconic-hard-drive-casing iconic-hard-drive-casing-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-hard-drive-clip-1)" d="M0 8v112c0 4.418 3.582 8 8 8h82c4.418 0 8-3.582 8-8v-112c0-4.418-3.582-8-8-8h-82c-4.418 0-8 3.582-8 8z" class="iconic-hard-drive-casing iconic-hard-drive-casing-bottom iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="2" d="M43.541 61.272c1.904 1.094 4.105 1.728 6.459 1.728 7.18 0 13-5.82 13-13s-5.82-13-13-13-13 5.82-13 13c0 2.353.635 4.554 1.728 6.459" class="iconic-hard-drive-plate iconic-hard-drive-plate-inner-rim iconic-property-accent iconic-property-stroke"
+    fill="none" />
+    <circle cx="50" cy="50" r="4" class="iconic-hard-drive-plate iconic-hard-drive-plate-axis iconic-property-fill" />
+    <path d="M14.636 72.636c-3.515 3.515-3.515 9.213 0 12.728s9.213 3.515 12.728 0 16.636-29.364 16.636-29.364-25.849 13.121-29.364 16.636zm6.364 8.364c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-hard-drive-plate iconic-hard-drive-plate-needle iconic-property-accent iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M28.08 28.08c5.61-5.61 13.36-9.08 21.92-9.08" class="iconic-hard-drive-plate iconic-hard-drive-plate-reflection iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-hard-drive-md iconic-container iconic-md" data-width="24" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path clip-path="url(#iconic-size-md-hard-drive-clip-0)" d="M0 1v30c0 .552.448 1 1 1h22c.552 0 1-.448 1-1v-30c0-.552-.448-1-1-1h-22c-.552 0-1 .448-1 1z" class="iconic-hard-drive-casing iconic-hard-drive-casing-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-hard-drive-clip-1)" d="M0 1v30c0 .552.448 1 1 1h22c.552 0 1-.448 1-1v-30c0-.552-.448-1-1-1h-22c-.552 0-1 .448-1 1z" class="iconic-hard-drive-casing iconic-hard-drive-casing-bottom iconic-property-fill" />
+    <path d="M5.529 20.561c-.586.586-1.536.586-2.121 0-.586-.586-.586-1.536 0-2.121.586-.586 7.592-5.439 7.592-5.439s-4.885 6.975-5.471 7.561z" class="iconic-hard-drive-plate iconic-hard-drive-plate-needle iconic-property-accent iconic-property-fill"
+    />
+    <path stroke="#000" d="M11.257 14.375c.236.074.482.125.743.125 1.381 0 2.5-1.119 2.5-2.5s-1.119-2.5-2.5-2.5-2.5 1.119-2.5 2.5c0 .259.051.503.123.738" class="iconic-hard-drive-plate iconic-hard-drive-plate-inner-rim iconic-property-accent iconic-property-stroke"
+    fill="none" />
+  </g>
+  <g class="iconic-hard-drive-sm iconic-container iconic-sm" data-width="13" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path clip-path="url(#iconic-size-sm-hard-drive-clip-0)" d="M0 .5v15c0 .276.224.5.5.5h12c.276 0 .5-.224.5-.5v-15c0-.276-.224-.5-.5-.5h-12c-.276 0-.5.224-.5.5z" class="iconic-hard-drive-casing iconic-hard-drive-casing-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-hard-drive-clip-1)" d="M0 .5v15c0 .276.224.5.5.5h12c.276 0 .5-.224.5-.5v-15c0-.276-.224-.5-.5-.5h-12c-.276 0-.5.224-.5.5z" class="iconic-hard-drive-casing iconic-hard-drive-casing-bottom iconic-property-fill" />
+    <path d="M4.707 8.707c-.391.391-1.024.391-1.414 0s-.391-1.024 0-1.414 2.707-1.293 2.707-1.293-.902 2.317-1.293 2.707z" class="iconic-hard-drive-plate iconic-hard-drive-plate-needle iconic-property-accent iconic-property-fill" />
+    <path d="M6.5 5c-.276 0-.5.224-.5.5s.224.5.5.5.5-.224.5-.5-.224-.5-.5-.5z" class="iconic-hard-drive-plate iconic-hard-drive-plate-axis iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/header.svg b/app/javascript/iconic/svg/smart/header.svg
new file mode 100755
index 0000000..e0434b1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/header.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-header" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Header</title>
+  </g>
+  <g class="iconic-header-lg iconic-container iconic-lg" data-width="100" data-height="128" display="inline" transform="translate(14)">
+    <path d="M98 4h2v-4h-28v4h2c3.314 0 6 2.686 6 6v52h-60v-52c0-3.314 2.686-6 6-6h2v-4h-28v4h2c3.314 0 6 2.686 6 6v108c0 3.314-2.686 6-6 6h-2v4h28v-4h-2c-3.314 0-6-2.686-6-6v-50h60v50c0 3.314-2.686 6-6 6h-2v4h28v-4h-2c-3.314 0-6-2.686-6-6v-108c0-3.314 2.686-6 6-6z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-header-md iconic-container iconic-md" data-width="27" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path d="M26 1h1v-1h-9v1h1c1.105 0 2 .895 2 2v12h-15v-12c0-1.105.895-2 2-2h1v-1h-9v1h1c1.105 0 2 .895 2 2v26c0 1.105-.895 2-2 2h-1v1h9v-1h-1c-1.105 0-2-.895-2-2v-12h15v12c0 1.105-.895 2-2 2h-1v1h9v-1h-1c-1.105 0-2-.895-2-2v-26c0-1.105.895-2 2-2z" class="iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-header-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M14 1h1v-1h-6v1h1c.552 0 1 .448 1 1v5h-7v-5c0-.552.448-1 1-1h1v-1h-6v1h1c.552 0 1 .448 1 1v12c0 .552-.448 1-1 1h-1v1h6v-1h-1c-.552 0-1-.448-1-1v-5h7v5c0 .552-.448 1-1 1h-1v1h6v-1h-1c-.552 0-1-.448-1-1v-12c0-.552.448-1 1-1z" class="iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/headphones.svg b/app/javascript/iconic/svg/smart/headphones.svg
new file mode 100755
index 0000000..550ce40
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/headphones.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-headphones" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Headphones</title>
+  </g>
+  <g class="iconic-headphones-lg iconic-container iconic-lg" data-width="116" data-height="124" display="inline" transform="translate(6 2)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M105 114v-27c0-2.2.542-5.716 1.204-7.814l3.591-11.371c.663-2.098 1.205-5.614 1.205-7.814v-9c0-2.2.391-5.757.868-7.905l3.132-14.095" class="iconic-headphones-connector iconic-headphones-connector-right iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M11 113v-26c0-2.2-.542-5.716-1.204-7.814l-3.591-11.371c-.663-2.098-1.205-5.614-1.205-7.814v-9c0-2.2-.391-5.757-.868-7.905l-3.132-14.095" class="iconic-headphones-connector iconic-headphones-connector-left iconic-property-stroke"
+    fill="none" />
+    <path d="M14 116c-6.627 0-12-5.373-12-12s5.373-12 12-12" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-left iconic-property-fill" />
+    <path d="M102 92c6.627 0 12 5.373 12 12s-5.373 12-12 12" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-right iconic-property-fill" />
+    <path d="M22.5 124h-9c-.828 0-1.5-.672-1.5-1.5v-37c0-.828.672-1.5 1.5-1.5h9c.828 0 1.5.672 1.5 1.5v37c0 .828-.672 1.5-1.5 1.5z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-left iconic-property-fill"
+    />
+    <path d="M102.5 124h-9c-.828 0-1.5-.672-1.5-1.5v-37c0-.828.672-1.5 1.5-1.5h9c.828 0 1.5.672 1.5 1.5v37c0 .828-.672 1.5-1.5 1.5z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-right iconic-property-fill"
+    />
+    <path d="M111.015 38c-7.515-22.072-28.433-38-53.015-38s-45.5 15.928-53.015 38h-2.985v18c0 2.209 1.791 4 4 4s4-1.791 4-4c0-26.467 21.533-48 48-48s48 21.533 48 48c0 2.209 1.791 4 4 4s4-1.791 4-4v-18h-2.985z" class="iconic-headphones-top iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-headphones-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path stroke="#000" d="M1.5 13.5v3c0 1.1.225 2.675.5 3.5s.5 1.95.5 2.5 0 1.563 0 2.25 0 1.25 0 1.25" class="iconic-headphones-connector iconic-headphones-connector-left iconic-property-stroke" fill="none" />
+    <path stroke="#000" d="M27.5 13.5v3c0 1.1-.225 2.675-.5 3.5s-.5 1.95-.5 2.5 0 1.563 0 2.25 0 1.25 0 1.25" class="iconic-headphones-connector iconic-headphones-connector-right iconic-property-stroke" fill="none" />
+    <path d="M4 31c-2.209 0-4-1.791-4-4s1.791-4 4-4v8z" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-left iconic-property-fill" />
+    <path d="M25 23c2.209 0 4 1.791 4 4s-1.791 4-4 4v-8z" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-right iconic-property-fill" />
+    <path d="M5.5 32h-2c-.276 0-.5-.224-.5-.5v-9c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v9c0 .276-.224.5-.5.5z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-left iconic-property-fill" />
+    <path d="M25.5 32h-2c-.276 0-.5-.224-.5-.5v-9c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v9c0 .276-.224.5-.5.5z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-right iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M27.5 14.5c0-7.18-5.82-13-13-13s-13 5.82-13 13" class="iconic-headphones-top iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-headphones-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" class="iconic-headphones-connector iconic-headphones-connector-left iconic-property-stroke" d="M1.5 6v7" fill="none" />
+    <path stroke="#000" class="iconic-headphones-connector iconic-headphones-connector-right iconic-property-stroke" d="M12.5 6v7" fill="none" />
+    <path d="M12.5 15c.828 0 1.5-.672 1.5-1.5s-.672-1.5-1.5-1.5h-1.5v3h1.5z" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-right iconic-property-fill" />
+    <path d="M1.5 12c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5h1.5v-3h-1.5z" class="iconic-headphones-speaker iconic-headphones-speaker-back iconic-headphones-speaker-back-left iconic-property-fill" />
+    <path d="M3.75 16h-1.5c-.138 0-.25-.112-.25-.25v-4.5c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25v4.5c0 .138-.112.25-.25.25z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-left iconic-property-fill"
+    />
+    <path d="M11.75 16h-1.5c-.138 0-.25-.112-.25-.25v-4.5c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25v4.5c0 .138-.112.25-.25.25z" class="iconic-headphones-speaker iconic-headphones-speaker-earpeice iconic-headphones-speaker-earpeice-right iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M13 7c0-3.314-2.686-6-6-6s-6 2.686-6 6" class="iconic-headphones-top iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/heart.svg b/app/javascript/iconic/svg/smart/heart.svg
new file mode 100755
index 0000000..2b43752
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/heart.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-heart" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Heart</title>
+  </g>
+  <g class="iconic-heart-lg iconic-container iconic-lg" data-width="128" data-height="112" display="inline" transform="translate(0 8)">
+    <path d="M118.041 9.959c-6.152-6.153-14.652-9.959-24.041-9.959-9.389 0-17.889 3.805-24.041 9.959-2.361 2.36-4.372 5.068-5.959 8.037-1.587-2.969-3.597-5.677-5.959-8.037-6.152-6.153-14.652-9.959-24.041-9.959-9.389 0-17.889 3.805-24.041 9.959-6.154 6.152-9.959 14.652-9.959 24.041 0 9.389 3.805 17.889 9.959 24.041l54.041 53.959 54.041-53.959c6.154-6.152 9.959-14.652 9.959-24.041 0-9.389-3.805-17.889-9.959-24.041z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-heart-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path d="M16 5s-.516-1.531-1.49-2.51c-1.534-1.542-3.663-2.49-6.01-2.49s-4.472.951-6.01 2.49c-1.539 1.538-2.49 3.663-2.49 6.01s.951 4.472 2.49 6.01l13.51 13.49 13.51-13.49c1.539-1.538 2.49-3.663 2.49-6.01s-.951-4.472-2.49-6.01c-1.538-1.538-3.663-2.49-6.01-2.49s-4.476.948-6.01 2.49c-.974.979-1.49 2.51-1.49 2.51z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-heart-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path d="M14.828 1.171c-.724-.724-1.724-1.171-2.828-1.171s-2.105.448-2.828 1.171c-.724.724-1.056 1.552-1.172 1.829-.12-.277-.448-1.105-1.172-1.829s-1.724-1.171-2.828-1.171-2.105.448-2.828 1.171c-.724.724-1.172 1.724-1.172 2.829 0 1.105.448 2.104 1.172 2.828l6.828 6.828 6.829-6.828c.724-.724 1.172-1.724 1.172-2.828 0-1.105-.448-2.105-1.172-2.829z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/history.svg b/app/javascript/iconic/svg/smart/history.svg
new file mode 100755
index 0000000..aeecb3b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/history.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-history" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>History</title>
+  </g>
+  <g class="iconic-history-lg iconic-container iconic-lg" data-width="126" data-height="116" display="inline" transform="translate(1 6)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-history-clock-hands iconic-property-accent iconic-property-stroke" d="M68 22v36l18 14" fill="none" />
+    <path stroke="#000" stroke-width="8" d="M29.816 96.184c9.772 9.772 23.272 15.816 38.184 15.816s28.412-6.044 38.184-15.816 15.816-23.272 15.816-38.184-6.044-28.412-15.816-38.184-23.272-15.816-38.184-15.816-28.412 6.044-38.184 15.816-15.816 23.272-15.816 38.184v6"
+    class="iconic-history-rim iconic-property-stroke" fill="none" />
+    <path d="M14.756 80.704l12.488-21.409c.417-.716.084-1.296-.744-1.296h-25c-.828 0-1.162.58-.744 1.296l12.488 21.409c.417.716 1.094.716 1.512 0z" class="iconic-history-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-history-md iconic-container iconic-md" data-width="31" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-history-clock-hands iconic-property-accent iconic-property-stroke" d="M17 7v7l4 3" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M8.161 22.839c2.262 2.262 5.387 3.661 8.839 3.661s6.577-1.399 8.839-3.661 3.661-5.387 3.661-8.839-1.399-6.577-3.661-8.839-5.387-3.661-8.839-3.661-6.577 1.399-8.839 3.661-3.661 5.387-3.661 8.839v1" class="iconic-history-rim iconic-property-stroke"
+    fill="none" />
+    <path d="M4.2 19.6l-3.9-5.2c-.166-.221-.076-.4.2-.4h8c.276 0 .366.179.2.4l-3.9 5.2c-.166.221-.434.221-.6 0z" class="iconic-history-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-history-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-history-clock-hands iconic-property-accent iconic-property-stroke" d="M9 5v2l1.49 1.49" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M4.757 11.243c1.086 1.086 2.586 1.757 4.243 1.757s3.157-.672 4.243-1.757 1.757-2.586 1.757-4.243-.672-3.157-1.757-4.243-2.586-1.757-4.243-1.757-3.157.672-4.243 1.757-1.757 2.586-1.757 4.243v1" class="iconic-history-rim iconic-property-stroke"
+    fill="none" />
+    <path class="iconic-history-arrowhead iconic-property-fill" d="M0 7l3 3 3-3z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/home.svg b/app/javascript/iconic/svg/smart/home.svg
new file mode 100755
index 0000000..03f6c2b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/home.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-home" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Home</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-home-clip-0">
+      <path d="M64 16l-48 40v62h38v-24h20v24h38v-62z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-home-clip-0">
+      <path d="M16 5l-11 10v14h9v-6h4v6h9v-14z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-home-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path clip-path="url(#iconic-size-lg-home-clip-0)" d="M16 57.5v63c0 .828.672 1.5 1.5 1.5h93c.828 0 1.5-.672 1.5-1.5v-63c0-.828-.516-1.93-1.152-2.46l-45.695-38.079c-.636-.53-1.668-.53-2.305 0l-45.695 38.079c-.636.53-1.152 1.632-1.152 2.46z" class="iconic-home-wall iconic-property-fill"
+    />
+    <path d="M10.5 56h-9c-.828 0-.995-.442-.371-.988l61.742-54.024c.624-.545 1.634-.545 2.258 0l61.742 54.025c.624.545.457.988-.371.988h-9c-.828 0-2.013-.434-2.645-.969l-49.71-42.062c-.632-.535-1.658-.535-2.29 0l-49.71 42.062c-.632.535-1.817.969-2.645.969z"
+    class="iconic-home-roof iconic-property-fill" />
+  </g>
+  <g class="iconic-home-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path clip-path="url(#iconic-size-md-home-clip-0)" d="M5.5 32h21c.276 0 .5-.224.5-.5v-16c0-.276-.166-.651-.37-.836l-10.26-9.327c-.204-.186-.536-.186-.74 0l-10.26 9.327c-.204.186-.37.56-.37.836v16c0 .276.224.5.5.5z" class="iconic-home-wall iconic-property-fill"
+    />
+    <path d="M.365 14.658l15.27-14.316c.202-.189.528-.189.73 0l15.271 14.316c.201.189.141.342-.135.342h-2c-.276 0-.664-.152-.867-.339l-12.265-11.322c-.203-.187-.532-.187-.735 0l-12.265 11.322c-.203.187-.591.339-.867.339h-2c-.276 0-.337-.153-.135-.342z"
+    class="iconic-home-roof iconic-property-fill" />
+  </g>
+  <g class="iconic-home-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-home-wall iconic-property-fill" d="M8 0l-8 7h2v8h5v-3h2v3h5v-8h2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/image.svg b/app/javascript/iconic/svg/smart/image.svg
new file mode 100755
index 0000000..ef7ee96
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/image.svg
@@ -0,0 +1,96 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="image" width="128" height="128" viewBox="0 0 128 128" class="iconic iconic-image iconic-orientation-square">
+  <title>Image</title>
+  <defs>
+    <clipPath id="iconic-size-lg-image-portrait-clip-0">
+      <path d="M90 68h4v-32h-66l62 77.5z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-image-portrait-clip-1">
+      <path d="M6 36h84v86h-84z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-image-portrait-clip-0">
+      <path d="M23 27.2l-14.6-18.2h14.6z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-image-portrait-clip-1">
+      <path d="M1 9h22v23h-22z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-image-portrait-clip-0">
+      <path d="M5.2 4l6.3 7.9v-7.9z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-image-portrait-clip-1">
+      <path d="M.5 4h11v11.5h-11z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-image-landscape-clip-0">
+      <path d="M64 34l48 60h6v-60z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-image-landscape-clip-1">
+      <path d="M110 90v-56h-80l44.8 56z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-image-landscape-clip-2">
+      <path d="M6 34h68v56h-68z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-image-landscape-clip-0">
+      <path d="M17.5 7l12 15 .5-15z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-image-landscape-clip-1">
+      <path d="M21 22l-12-15h19v15z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-image-landscape-clip-2">
+      <path d="M1 7h18v15h-18z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-image-landscape-clip-0">
+      <path d="M13 11.5l-6-7.5h8.5v7.5z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-image-landscape-clip-1">
+      <path d="M.5 4h10.5v7.5h-10.5z"/>
+    </clipPath>
+  </defs>
+  <g data-width="96" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(16 0)">
+    <g class="iconic-image-portrait">
+      <path clip-path="url(#iconic-size-lg-image-portrait-clip-0)" d="M135.1 126.8l-62.2-77.6c-.5-.6-1.4-.6-1.9 0l-62.1 77.6c-.5.6-.3 1.2.6 1.2h125c.8 0 1.1-.5.6-1.2z" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-back iconic-property-accent iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-lg-image-portrait-clip-1)" d="M93.5 122.8l-68.6-85.6c-.5-.6-1.4-.6-1.9 0l-68.5 85.7c-.5.6-.3 1.2.6 1.2h137.8c.8-.1 1.1-.6.6-1.3z" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-front iconic-property-fill"/>
+      <path stroke="#000" stroke-width="4" stroke-miterlimit="10" class="iconic-image-portrait-frame iconic-property-stroke" d="M2 2h92v124h-92z" fill="none"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(0 16)">
+    <g class="iconic-image-landscape" display="none">
+      <circle clip-path="url(#iconic-size-lg-image-landscape-clip-0)" cx="92" cy="60" r="16" class="iconic-image-landscape-sun iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-lg-image-landscape-clip-1)" d="M113.1 100.8l-46.2-57.6c-.5-.6-1.4-.6-1.9 0l-46.1 57.7c-.5.6-.3 1.2.6 1.2h93c.8-.1 1.1-.6.6-1.3z" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-back iconic-property-accent iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-lg-image-landscape-clip-2)" d="M73.1 92.8l-46.2-57.6c-.5-.6-1.4-.6-1.9 0l-46.1 57.7c-.5.6-.3 1.2.6 1.2h93c.8-.1 1.1-.6.6-1.3z" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-front iconic-property-fill"/>
+      <path stroke="#000" stroke-width="4" stroke-miterlimit="10" class="iconic-image-landscape-frame iconic-property-stroke" d="M2 2h124v92h-124z" fill="none"/>
+    </g>
+  </g>
+  <g data-width="24" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4)">
+    <g class="iconic-image-portrait">
+      <path clip-path="url(#iconic-size-md-image-portrait-clip-0)" d="M33.7 31.6l-15.4-19.2c-.2-.2-.5-.2-.6 0l-15.4 19.2c-.2.2-.1.4.2.4h31c.3 0 .4-.2.2-.4z" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-back iconic-property-accent iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-md-image-portrait-clip-1)" d="M23.3 30.6l-17-21.2c-.2-.2-.5-.2-.6 0l-17 21.2c-.2.2-.1.4.2.4h34.2c.3 0 .4-.2.2-.4z" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-front iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-image-portrait-frame iconic-property-stroke" d="M1 1h22v30h-22z" fill="none"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
+    <g class="iconic-image-landscape" display="none">
+      <circle clip-path="url(#iconic-size-md-image-landscape-clip-0)" cx="24" cy="13" r="4" class="iconic-image-landscape-sun iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-md-image-landscape-clip-1)" d="M28.7 23.6l-11.4-14.2c-.2-.2-.5-.2-.6 0l-11.4 14.2c-.2.2-.1.4.2.4h23c.3 0 .4-.2.2-.4z" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-back iconic-property-accent iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-md-image-landscape-clip-2)" d="M18.7 21.6l-11.4-14.2c-.2-.2-.5-.2-.6 0l-11.4 14.2c-.2.2-.1.4.2.4h23c.3 0 .4-.2.2-.4z" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-front iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-image-landscape-frame iconic-property-stroke" d="M1 1h30v22h-30z" fill="none"/>
+    </g>
+  </g>
+  <g data-width="12" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2)">
+    <g class="iconic-image-portrait">
+      <path clip-path="url(#iconic-size-sm-image-portrait-clip-0)" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-back iconic-property-accent iconic-property-fill" d="M17 16l-8-10-8 10z"/>
+      <path clip-path="url(#iconic-size-sm-image-portrait-clip-1)" class="iconic-image-portrait-mountain iconic-image-portrait-mountain-front iconic-property-fill" d="M11.8 15l-8.8-11-8.8 11z"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-image-portrait-frame iconic-property-stroke" d="M.5.5h11v15h-11z" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-image-landscape" display="none">
+      <path clip-path="url(#iconic-size-sm-image-landscape-clip-0)" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-back iconic-property-accent iconic-property-fill" d="M16 12.5l-6-7.5-6 7.5z"/>
+      <path clip-path="url(#iconic-size-sm-image-landscape-clip-1)" class="iconic-image-landscape-mountain iconic-image-landscape-mountain-front iconic-property-fill" d="M11 11.5l-6-7.5-6 7.5z"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-image-landscape-frame iconic-property-stroke" d="M.5.5h15v11h-15z" fill="none"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["image"]=iconicApis["image"]||function(t){var e=function(e){t.setAttribute("data-orientation",e);var i,r,a=t.querySelectorAll(".iconic-image-portrait"),n=t.querySelectorAll(".iconic-image-landscape");i=r="none","landscape"===e?r="inline":i="inline";for(var o=0;o<a.length;o++)a[o].setAttribute("display",i),n[o].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-orientation");i&&e(i)};return{update:i,setOrientation:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/inbox.svg b/app/javascript/iconic/svg/smart/inbox.svg
new file mode 100755
index 0000000..35df757
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/inbox.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-inbox" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Inbox</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-inbox-clip-0">
+      <path d="M0 0v116h116v-116h-116zm108 114h-100v-98h100v98z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-inbox-clip-1">
+      <path d="M0 100h40l8 12h20l8-12h40v28h-116z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-inbox-clip-0">
+      <path d="M0 0v30h30v-30h-30zm27 29h-24v-24h24v24z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-inbox-clip-1">
+      <path d="M0 24h10l2 3h6l2-3h10v8h-30z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-inbox-clip-0">
+      <path d="M0 0v14.938h16v-14.938h-16zm14 14.5h-12v-11.5h12v11.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-inbox-clip-1">
+      <path d="M0 12h5l1 2h4l1-2h5v4h-16z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-inbox-lg iconic-container iconic-lg" data-width="116" data-height="128" display="inline" transform="translate(6)">
+    <path clip-path="url(#iconic-size-lg-inbox-clip-0)" d="M108 112h-100c-4.418 0-8-3.582-8-8v-96c0-4.418 3.582-8 8-8h100c4.418 0 8 3.582 8 8v96c0 4.418-3.582 8-8 8z" class="iconic-inbox-back iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-inbox-clip-1)" d="M108 128h-100c-4.418 0-8-3.582-8-8v-22c0-4.418 3.582-8 8-8h100c4.418 0 8 3.582 8 8v22c0 4.418-3.582 8-8 8z" class="iconic-inbox-front iconic-property-fill" />
+  </g>
+  <g class="iconic-inbox-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-inbox-clip-0)" d="M28 30h-26c-1.105 0-2-.895-2-2v-26c0-1.105.895-2 2-2h26c1.105 0 2 .895 2 2v26c0 1.105-.895 2-2 2z" class="iconic-inbox-back iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-inbox-clip-1)" d="M28 32h-26c-1.105 0-2-.895-2-2v-7c0-1.105.895-2 2-2h26c1.105 0 2 .895 2 2v7c0 1.105-.895 2-2 2z" class="iconic-inbox-front iconic-property-fill" />
+  </g>
+  <g class="iconic-inbox-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-inbox-clip-0)" d="M15 14.938h-14c-.552 0-1-.448-1-1v-12.938c0-.552.448-1 1-1h14c.552 0 1 .448 1 1v12.938c0 .552-.448 1-1 1z" class="iconic-inbox-back iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-inbox-clip-1)" d="M15 16h-14c-.552 0-1-.448-1-1v-4.031c0-.552.448-1 1-1h14c.552 0 1 .448 1 1v4.031c0 .552-.448 1-1 1z" class="iconic-inbox-front iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/infinity.svg b/app/javascript/iconic/svg/smart/infinity.svg
new file mode 100755
index 0000000..01de286
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/infinity.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-infinity" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Infinity</title>
+  </g>
+  <g class="iconic-infinity-lg iconic-container iconic-lg" data-width="128" data-height="58" display="inline" transform="translate(0 35)">
+    <path stroke="#000" stroke-width="8" d="M25 4c-13.144 0-20.999 12.912-21 25.325-.001 12.415 7.854 24.675 21 24.675 26.897 0 51.069-50 79-50 13.33 0 20 12.913 20 25.326 0 12.414-6.669 24.674-20 24.674-28.103 0-52.276-50-79-50z" class="iconic-property-stroke"
+    fill="none" />
+  </g>
+  <g class="iconic-infinity-md iconic-container iconic-md" data-width="32" data-height="15" display="none" transform="scale(4) translate(0 8)">
+    <path stroke="#000" stroke-width="3" d="M6.5 1.5c-3.176 0-5 3-5 6s1.823 6 5 6c6.5 0 12.5-12 19.25-12 3.221 0 4.75 3 4.75 6s-1.528 6-4.75 6c-6.792 0-12.792-12-19.25-12z" class="iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-infinity-sm iconic-container iconic-sm" data-width="15" data-height="8" display="none" transform="scale(8) translate(0 4)">
+    <path stroke="#000" stroke-width="2" d="M3.219 1c-2.958 0-2.958 6 0 6s6.5-6 9.5-6 3 6 0 6-6.542-6-9.5-6z" class="iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/info.svg b/app/javascript/iconic/svg/smart/info.svg
new file mode 100755
index 0000000..97a6655
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/info.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-info" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Info</title>
+  </g>
+  <g class="iconic-info-lg iconic-container iconic-lg" data-width="32" data-height="128" display="inline" transform="translate(48)">
+    <circle cx="24" cy="8" r="8" class="iconic-info-dot iconic-property-fill" />
+    <path d="M0 116c0 6.627 5.373 12 12 12s12-5.373 12-12v-4h-2v4c0 2.209-1.791 4-4 4s-4-1.875-4-4 12-73.373 12-80-5.373-12-12-12-12 5.373-12 12v4h2v-4c0-2.209 1.791-4 4-4s4 1.875 4 4-12 73.373-12 80z" class="iconic-info-vertical-line iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-info-md iconic-container iconic-md" data-width="10" data-height="32" display="none" transform="scale(4) translate(11)">
+    <circle cx="7.5" cy="2.5" r="2.5" class="iconic-info-dot iconic-property-fill" />
+    <path d="M0 28c0 2.209 1.791 4 4 4s4-1.791 4-4v-1h-1v1c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5 4-15 4-17-1.791-4-4-4-4 1.791-4 4v1h1v-1c0-.828.672-1.5 1.5-1.5s1.5.792 1.5 1.5-4 14.791-4 17z" class="iconic-info-vertical-line iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-info-sm iconic-container iconic-sm" data-width="6" data-height="16" display="none" transform="scale(8) translate(5)">
+    <circle cx="4.5" cy="1.5" r="1.5" class="iconic-info-dot iconic-property-fill" />
+    <path d="M1 13.5c0 1.328 1.119 2.5 2.5 2.5s2.5-1.119 2.5-2.5v-.5h-1v.5c0 .552-.448 1-1 1s-1-.438-1-1c0-1.156 2-5.625 2-7s-1.119-2.5-2.5-2.5-2.5 1.119-2.5 2.5v.5h1v-.5c0-.552.448-1 1-1s1 .5 1 1c0 1.25-2 5.672-2 7z" class="iconic-info-vertical-line iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/inkwell.svg b/app/javascript/iconic/svg/smart/inkwell.svg
new file mode 100755
index 0000000..7e57f7b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/inkwell.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-inkwell" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Inkwell</title>
+  </g>
+  <g class="iconic-inkwell-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M120.43 2.114c-12.716 5.98-48.872 23.678-68.43 40.37l-8 11.517v-6c-3.008 2.38-5.288 4.688-7.077 6.845-.598.721-.923 1.625-.923 2.562v20.376c21.923-25.162 64.267-62.384 84.43-75.67z" class="iconic-inkwell-feather iconic-inkwell-feather-left iconic-property-fill"
+    />
+    <path d="M104 32.125l7.321-8.125c7.408-13.255 16.679-24 16.679-24l-11.5 7.875-25.25 22.125-20.375 19.25-26.552 29.75 30.997-7.828c.451-.114.884-.281 1.284-.518 4.373-2.591 9.503-7.489 14.74-14.656l-7.344.002 12.878-8c3.403-5.159 6.748-10.643 9.872-15.999l-2.75.124z"
+    class="iconic-inkwell-feather iconic-inkwell-feather-right iconic-property-fill" />
+    <path d="M26.243 94h8.457c9.833-17.589 68.284-76.52 93.299-94-18.866 8.82-88.654 71.114-101.757 94z" class="iconic-inkwell-feather iconic-inkwell-feather-stem iconic-property-accent iconic-property-fill" />
+    <path d="M58.871 115.012l-13.742-12.024c-.621-.543-1.129-1.663-1.129-2.488v-3.5h-28v3.5c0 .825-.508 1.944-1.129 2.488l-13.742 12.025c-.621.543-1.129 1.663-1.129 2.488v10.5h60v-10.5c0-.825-.508-1.945-1.129-2.488zm-36.871-10.93c0 .24-.086.471-.243.653l-11.515 13.354c-.157.182-.243.413-.243.653v3.258h-4v-4.039c0-.265.105-.519.293-.707l13.414-13.414c.188-.188.293-.442.293-.707v-1.132h2v2.082z"
+    class="iconic-inkwell-well iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-inkwell-well-lip iconic-property-stroke" d="M15 97h30" fill="none" />
+  </g>
+  <g class="iconic-inkwell-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M25 8.031l2.83-2.031c1.852-3.314 4.17-6 4.17-6l-2.875 1.969-6.313 5.531-5.094 4.813-5.638 7.688 6.919-2c1.125-.622 2.466-2.126 3.836-4h-2.836l4.22-2c.851-1.29 1.687-2.661 2.468-4l-1.688.031z" class="iconic-inkwell-feather iconic-inkwell-feather-right iconic-property-fill"
+    />
+    <path d="M29.991.009l.009-.009s-12 5.125-18 9.621l-2 3.379v-2c-.888.703-1.522 1.38-2 2v6.875l.077-.069c5.216-6.499 16.706-16.43 21.913-19.796z" class="iconic-inkwell-feather iconic-inkwell-feather-left iconic-property-fill" />
+    <path d="M32 0c-4.861 2.273-23.422 18.547-25.451 24 0 0 3.451 2.229 3.201-.063s15.36-19.123 22.25-23.938z" class="iconic-inkwell-feather iconic-inkwell-feather-stem iconic-property-accent iconic-property-fill" />
+    <path d="M16.736 27.802l-3.472-2.604c-.145-.109-.264-.346-.264-.528v-1.17h-9v1.17c0 .181-.119.419-.264.528l-3.472 2.604c-.145.109-.264.347-.264.528v3.67h17v-3.67c0-.181-.119-.419-.264-.528z" class="iconic-inkwell-well iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-inkwell-well iconic-inkwell-well-lip iconic-property-stroke" d="M3.5 23.5h10.083" fill="none" />
+  </g>
+  <g class="iconic-inkwell-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M14 .077v-.077s-4.956 2.244-8 4.31l-1 1.69v-1c-.444.351-.761.69-1 1v2.944c2.673-3.01 7.293-6.967 10-8.867z" class="iconic-inkwell-feather iconic-inkwell-feather-left iconic-property-fill" />
+    <path d="M13 4.016l1.415-1.016c.926-1.657 1.585-3 1.585-3l-1.438.984-3.156 2.766-2.547 2.406-2.819 3.844 3.96-1c.563-.311 1.233-1.063 1.918-2h-1.918l2.61-1c.425-.645.843-1.33 1.234-2l-.844.016z" class="iconic-inkwell-feather iconic-inkwell-feather-right iconic-property-fill"
+    />
+    <path d="M16 0c-2.431 1.137-11.875 9.313-13 12 0 0 2 1.115 1.875-.031s7.68-9.562 11.125-11.969z" class="iconic-inkwell-feather iconic-inkwell-feather-stem iconic-property-accent iconic-property-fill" />
+    <path d="M8.767 13.767l-1.533-1.533c-.128-.128-.233-.36-.233-.515v-.719h-5v.719c0 .155-.105.386-.233.515l-1.533 1.533c-.128.128-.233.382-.233.563v1.67h9v-1.67c0-.181-.105-.435-.233-.563z" class="iconic-inkwell-well iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/iphone.svg b/app/javascript/iconic/svg/smart/iphone.svg
new file mode 100755
index 0000000..568fdfe
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/iphone.svg
@@ -0,0 +1,42 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="iphone" width="128" height="128" class="iconic iconic-iphone" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>iPhone</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-iphone-clip-0">
+      <path d="M0 0v128h62v-128h-62zm31 4.1c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.4-.9-.9.4-.9.9-.9zm-4 5.9h8c.6 0 1 .4 1 1s-.4 1-1 1h-8c-.6 0-1-.4-1-1s.4-1 1-1zm-4.1.2c.5 0 .9.4.9.9s-.4.9-.9.9-.9-.4-.9-.9.4-.9.9-.9zm8.1 113.8c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm27-14h-54v-94h54v94z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-iphone-clip-1">
+      <rect x="4" y="16" width="54" height="94"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-iphone-clip-0">
+      <path d="M0 0v32h15v-32h-15zm5.5 2h4c.3 0 .5.2.5.5s-.2.5-.5.5h-4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5zm2 29c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zm6.5-4h-13v-23h13v23z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-iphone-clip-1">
+      <rect x="1" y="4" width="13" height="23"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-iphone-clip-0">
+      <path d="M0 0v16h9v-16h-9zm3.5 1h2c.3 0 .5.2.5.5s-.2.5-.5.5h-2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5zm1 14c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm3.5-2h-7v-10h7v10z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-iphone-clip-1">
+      <rect x="1" y="3" width="7" height="10"/>
+    </clipPath>
+  </defs>
+  <g data-width="62" data-height="128" class="iconic-container iconic-lg" display="inline" transform="translate(33)">
+    <path clip-path="url(#iconic-size-lg-iphone-clip-0)" d="M53 0h-44c-5 0-9 4-9 9v110c0 5 4 9 9 9h44c5 0 9-4 9-9v-110c0-5-4-9-9-9z" class="iconic-iphone-body iconic-property-fill"/>
+    <image class="iconic-iphone-screenshot-image" data-max-width="54" x="4" y="16" clip-path="url(#iconic-size-lg-iphone-clip-1)"/>
+  </g>
+  <g data-width="15" data-height="32" class="iconic-container iconic-md" display="none" transform="scale(4) translate(8)">
+    <path clip-path="url(#iconic-size-md-iphone-clip-0)" d="M13 0h-11c-1.1 0-2 .9-2 2v28c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2v-28c0-1.1-.9-2-2-2z" class="iconic-iphone-body iconic-property-fill"/>
+    <image class="iconic-iphone-screenshot-image" data-max-width="13" x="1" y="4" clip-path="url(#iconic-size-md-iphone-clip-1)"/>
+  </g>
+  <g data-width="9" data-height="16" class="iconic-container iconic-sm" display="none" transform="scale(8) translate(3)">
+    <path clip-path="url(#iconic-size-sm-iphone-clip-0)" d="M8 0h-7c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h7c.6 0 1-.4 1-1v-14c0-.6-.4-1-1-1z" class="iconic-iphone-body iconic-property-fill"/>
+    <image class="iconic-iphone-screenshot-image" data-max-width="7" x="1" y="3" clip-path="url(#iconic-size-sm-iphone-clip-1)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["iphone"]=iconicApis["iphone"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var i,r,a=t.querySelectorAll(".iconic-iphone-screenshot-image"),n=0,o=new Image;o.onload=function(){for(n=0;n<a.length;n++){a[n].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),a[n].setAttribute("display","inline");var t=o.width/o.height,c=parseInt(a[n].getAttribute("data-max-width"));r=c,i=c/t,a[n].setAttribute("height",i+"px"),a[n].setAttribute("width",r+"px")}};var c=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(c);if(e&&e.match(s))o.src=e;else for(n=0;n<a.length;n++)a[n].setAttribute("display","none"),a[n].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},i=function(){var i=t.getAttribute("data-screenshot")||"";e(i)};return{update:i,setScreenshot:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/italic.svg b/app/javascript/iconic/svg/smart/italic.svg
new file mode 100755
index 0000000..d2b4e5f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/italic.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-italic" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Italic</title>
+  </g>
+  <g class="iconic-italic-lg iconic-container iconic-lg" data-width="90" data-height="128" display="inline" transform="translate(19)">
+    <path d="M34 0l-2 8h14c3.3 0 5.301 2.608 4.448 5.796l-26.895 100.409c-.854 3.188-4.252 5.796-7.552 5.796h-14l-2 8h58l2-8h-16c-3.3 0-5.301-2.608-4.448-5.796l26.895-100.409c.854-3.188 4.252-5.796 7.552-5.796h14l2-8h-56z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-italic-md iconic-container iconic-md" data-width="22" data-height="32" display="none" transform="scale(4) translate(5)">
+    <path d="M8 0v2h4c.55 0 .891.436.757.97l-6.515 26.06c-.133.534-.693.97-1.243.97h-5v2h14.938v-2h-3.938c-.55 0-.891-.437-.757-.97l6.515-26.06c.133-.534.692-.97 1.242-.97h4v-2h-14z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-italic-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path d="M4 0v1h2.5c.275 0 .438.216.363.481l-3.725 13.038c-.076.264-.362.481-.637.481h-2.5v1h8v-1h-2.5c-.275 0-.438-.216-.363-.481l3.725-13.038c.075-.265.362-.481.637-.481h2.5v-1h-8z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/justify.svg b/app/javascript/iconic/svg/smart/justify.svg
new file mode 100755
index 0000000..1fbc439
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/justify.svg
@@ -0,0 +1,68 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="justify" width="128" height="128" class="iconic iconic-justify" viewBox="0 0 128 128">
+  <g><title>Justify</title></g>
+  <g data-width="128" data-height="86" class="iconic-lg iconic-container" display="inline" transform="translate(0 21)" stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-justify-left" display="inline">
+      <path class="iconic-justify-left-line-1 iconic-justify-left-line-long iconic-property-stroke" d="M4 4h120"/>
+      <path class="iconic-justify-left-line-3 iconic-justify-left-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-justify-left-line-2 iconic-justify-left-line-long iconic-property-stroke" d="M4 30h120"/>
+      <path class="iconic-justify-left-line-4 iconic-justify-left-line-short iconic-property-stroke" d="M4 82h82"/>
+    </g>
+    <g class="iconic-justify-center" display="none">
+      <path class="iconic-justify-center-line-4 iconic-justify-center-line-short iconic-property-stroke" d="M22 82h84"/>
+      <path class="iconic-justify-center-line-3 iconic-justify-center-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-justify-center-line-2 iconic-justify-center-line-long iconic-property-stroke" d="M4 30h120"/>
+      <path class="iconic-justify-center-line-1 iconic-justify-center-line-long iconic-property-stroke" d="M4 4h120"/>
+    </g>
+    <g class="iconic-justify-right" display="none">
+      <path class="iconic-justify-right-line-1 iconic-justify-right-line-long iconic-property-stroke" d="M4 4h120"/>
+      <path class="iconic-justify-right-line-3 iconic-justify-right-line-long iconic-property-stroke" d="M4 56h120"/>
+      <path class="iconic-justify-right-line-2 iconic-justify-right-line-long iconic-property-stroke" d="M4 30h120"/>
+      <path class="iconic-justify-right-line-4 iconic-justify-right-line-short iconic-property-stroke" d="M42 82h82"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="27" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)" stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-justify-left" display="inline">
+      <path class="iconic-justify-left-line-2 iconic-justify-left-line-long iconic-property-stroke" d="M1.5 9.5h29"/>
+      <path class="iconic-justify-left-line-1 iconic-justify-left-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+      <path class="iconic-justify-left-line-4 iconic-justify-left-line-short iconic-property-stroke" d="M1.5 25.5h21"/>
+      <path class="iconic-justify-left-line-3 iconic-justify-left-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+    </g>
+    <g class="iconic-justify-center" display="none">
+      <path class="iconic-justify-center-line-4 iconic-justify-center-line-short iconic-property-stroke" d="M5.5 25.5h21"/>
+      <path class="iconic-justify-center-line-3 iconic-justify-center-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+      <path class="iconic-justify-center-line-2 iconic-justify-center-line-long iconic-property-stroke" d="M1.5 9.5h29"/>
+      <path class="iconic-justify-center-line-1 iconic-justify-center-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+    </g>
+    <g class="iconic-justify-right" display="none">
+      <path class="iconic-justify-right-line-2 iconic-justify-right-line-long iconic-property-stroke" d="M1.5 9.5h29"/>
+      <path class="iconic-justify-right-line-1 iconic-justify-right-line-long iconic-property-stroke" d="M1.5 1.5h29"/>
+      <path class="iconic-justify-right-line-4 iconic-justify-right-line-short iconic-property-stroke" d="M9.5 25.5h21"/>
+      <path class="iconic-justify-right-line-3 iconic-justify-right-line-long iconic-property-stroke" d="M1.5 17.5h29"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)" stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" fill="none">
+    <g class="iconic-justify-left" display="inline">
+      <path class="iconic-justify-left-line-2 iconic-justify-left-line-long iconic-property-stroke" d="M1 5h14"/>
+      <path class="iconic-justify-left-line-1 iconic-justify-left-line-long iconic-property-stroke" d="M1 1h14"/>
+      <path class="iconic-justify-left-line-4 iconic-justify-left-line-short iconic-property-stroke" d="M1 13h10"/>
+      <path class="iconic-justify-left-line-3 iconic-justify-left-line-long iconic-property-stroke" d="M1 9h14"/>
+    </g>
+    <g class="iconic-justify-center" display="none">
+      <path class="iconic-justify-center-line-4 iconic-justify-center-line-short iconic-property-stroke" d="M3 13h10"/>
+      <path class="iconic-justify-center-line-3 iconic-justify-center-line-long iconic-property-stroke" d="M1 9h14"/>
+      <path class="iconic-justify-center-line-2 iconic-justify-center-line-long iconic-property-stroke" d="M1 5h14"/>
+      <path class="iconic-justify-center-line-1 iconic-justify-center-line-long iconic-property-stroke" d="M1 1h14"/>
+    </g>
+    <g class="iconic-justify-right" display="none">
+      <path class="iconic-justify-right-line-2 iconic-justify-right-line-long iconic-property-stroke" d="M1 5h14"/>
+      <path class="iconic-justify-right-line-1 iconic-justify-right-line-long iconic-property-stroke" d="M1 1h14"/>
+      <path class="iconic-justify-right-line-4 iconic-justify-right-line-short iconic-property-stroke" d="M5 13h10"/>
+      <path class="iconic-justify-right-line-3 iconic-justify-right-line-long iconic-property-stroke" d="M1 9h14"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["justify"]=iconicApis["justify"]||function(t){var e=function(e){t.setAttribute("data-text-alignment",e);var i,r,a,n=t.querySelectorAll(".iconic-justify-left"),o=t.querySelectorAll(".iconic-justify-center"),c=t.querySelectorAll(".iconic-justify-right");switch(i=r=a="none",e){case"center":i="inline";break;case"right":a="inline";break;default:r="inline"}for(var s=0;s<n.length;s++)n[s].setAttribute("display",r),o[s].setAttribute("display",i),c[s].setAttribute("display",a)},i=function(){var i=t.getAttribute("data-text-alignment");i&&e(i)};return{update:i,setTextAlignment:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/key.svg b/app/javascript/iconic/svg/smart/key.svg
new file mode 100755
index 0000000..0c9adce
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/key.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-key" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Key</title>
+  </g>
+  <g class="iconic-key-lg iconic-container iconic-lg" data-width="128" data-height="126" display="inline" transform="translate(0 1)">
+    <path d="M92 0c-19.882 0-36 16.118-36 36 0 4.193.724 8.215 2.042 11.958l-58.042 58.042v20h20l8-8v-8h8v-6h6v-8h8l10-10v-6h6l5.938-5.938 4 4 7.171-7.171c2.844.723 5.822 1.109 8.891 1.109 19.882 0 36-16.118 36-36s-16.118-36-36-36zm-87.906 112.156v-4.125l53.908-54.033 1.998 2.169-55.906 55.99zm102.906-84.156c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-key-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M23 0c-4.971 0-9 4.029-9 9 0 .909.138 1.785.388 2.612l-14.388 14.388v6h6v-3h3v-3h3v-3h3l5.388-5.388c.827.251 1.703.388 2.612.388 4.971 0 9-4.029 9-9s-4.029-9-9-9zm3 8c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-key-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M11.5 0c-2.485 0-4.5 2.015-4.5 4.5 0 .452.086.879.21 1.29l-7.21 7.21v3h3v-2h2v-2h2v-2h2l1.21-1.21c.411.124.838.21 1.29.21 2.485 0 4.5-2.015 4.5-4.5s-2.015-4.5-4.5-4.5zm1.5 4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" class="iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/keyboard.svg b/app/javascript/iconic/svg/smart/keyboard.svg
new file mode 100755
index 0000000..a4dfccc
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/keyboard.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-keyboard" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Keyboard</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-keyboard-clip-0">
+      <path d="M0 0v50h126v-50h-126zm102 6.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm9.5 7.5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5zm-11.5 8.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-4.5-13.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-2 16c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-4.5-13.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-2 16c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-4.5-13.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-42 16c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm5.5 10.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm2-11v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm2.5 8.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm3.5 2.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm2-11v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm2.5 8.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm3.5 2.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm2-11v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm2.5 8.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm3.5 2.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm2-11v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm2.5 8.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm3.5 2.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm2-11v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm2.5 8.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-6.5-21.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-2 16c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-4.5-13.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-2 16c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-1.5-2.5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5zm-4.5-13.5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm-8 0c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5zm0 8c0-.275.225-.5.5-.5h9c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-9c-.275 0-.5-.225-.5-.5v-5zm0 8c0-.275.225-.5.5-.5h11c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-11c-.275 0-.5-.225-.5-.5v-5zm6 21c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm8 0c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm1.5-7.5h-15c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5zm6.5 7.5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm1.5-7.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5zm6.5 7.5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm1.5-7.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5zm42.5 7.5c0 .275-.225.5-.5.5h-41c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h41c.275 0 .5.225.5.5v5zm0-8v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm8 8c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm0-8v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm8 8c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm0-8v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5zm8 8.25c0 .138-.113.25-.25.25h-5.5c-.138 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h5.5c.138 0 .25.113.25.25v1.5zm8 0c0 .138-.113.25-.25.25h-5.5c-.138 0-.25-.113-.25-.25v-1.5c0-.138.113-.25.25-.25h5.5c.138 0 .25.113.25.25v1.5zm0-4c0 .138-.113.25-.25.25h-5.5c-.138 0-.25-.113-.25-.25v-1.5c0-.138.113-.25.25-.25h5.5c.138 0 .25.113.25.25v1.5zm8 4c0 .138-.113.25-.25.25h-5.5c-.138 0-.25-.113-.25-.25v-1.5c0-.138.113-.25.25-.25h5.5c.138 0 .25.113.25.25v1.5zm0-8.25c0 .275-.225.5-.5.5h-15c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h15c.275 0 .5.225.5.5v5zm0-8c0 .275-.225.5-.5.5h-11c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h11c.275 0 .5.225.5.5v5zm0-8c0 .275-.225.5-.5.5h-5c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h5c.275 0 .5.225.5.5v5zm0-8c0 .275-.225.5-.5.5h-9c-.275 0-.5-.225-.5-.5v-5c0-.275.225-.5.5-.5h9c.275 0 .5.225.5.5v5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-keyboard-clip-0">
+      <path d="M0 0v15h31v-15h-31zm26 5.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm0 3v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm1 6v1.5c0 .137-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h1.5c.137 0 .25.113.25.25zm-1-3v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm1 6v1.5c0 .137-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h1.5c.137 0 .25.113.25.25zm-1-3v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm1 6v1.5c0 .137-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h1.5c.137 0 .25.113.25.25zm-1-3v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm1 6v1.5c0 .137-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h1.5c.137 0 .25.113.25.25zm-1-3v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25zm-3-3c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5zm0 3v1.5c0 .138-.112.25-.25.25h-1.5c-.138 0-.25-.112-.25-.25v-1.5c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25zm-3-3c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25v1.5c0 .138-.112.25-.25.25h-1.5c-.138 0-.25-.112-.25-.25v-1.5zm-3 0c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25v1.5c0 .138-.112.25-.25.25h-1.5c-.138 0-.25-.112-.25-.25v-1.5zm0 3c0-.138.112-.25.25-.25h2.5c.138 0 .25.112.25.25v1.5c0 .138-.112.25-.25.25h-2.5c-.138 0-.25-.112-.25-.25v-1.5zm0 3c0-.137.112-.25.25-.25h3.5c.138 0 .25.113.25.25v1.5c0 .137-.112.25-.25.25h-3.5c-.138 0-.25-.113-.25-.25v-1.5zm2 4.5c0 .137-.112.25-.25.25h-1.5c-.138 0-.25-.113-.25-.25v-1.5c0-.137.112-.25.25-.25h1.5c.138 0 .25.113.25.25v1.5zm3 0c0 .137-.112.25-.25.25h-1.5c-.138 0-.25-.113-.25-.25v-1.5c0-.137.112-.25.25-.25h1.5c.138 0 .25.113.25.25v1.5zm0-3v-1.5c0-.137.112-.25.25-.25h1.5c.137 0 .25.113.25.25v1.5c0 .137-.113.25-.25.25h-1.5c-.138 0-.25-.113-.25-.25zm16 3c0 .138-.113.25-.25.25h-14.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h14.5c.138 0 .25.113.25.25v1.5zm.75-2.75h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h1.5c.137 0 .25.113.25.25v1.5c0 .137-.113.25-.25.25zm2.25 2.75c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.138 0 .25.113.25.25v1.5zm3 0c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.113-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.138 0 .25.113.25.25v1.5zm0-3c0 .137-.113.25-.25.25h-3.5c-.137 0-.25-.113-.25-.25v-1.5c0-.137.113-.25.25-.25h3.5c.137 0 .25.113.25.25v1.5zm0-3c0 .138-.113.25-.25.25h-1.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h1.5c.137 0 .25.112.25.25v1.5zm0-3c0 .138-.113.25-.25.25h-2.5c-.137 0-.25-.112-.25-.25v-1.5c0-.138.113-.25.25-.25h2.5c.137 0 .25.112.25.25v1.5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-keyboard-clip-0">
+      <path d="M0 0v9h15v-9h-15zm10 2h1v1h-1v-1zm-2 0h1v1h-1v-1zm2 2v1h-1v-1h1zm-4-2h1v1h-1v-1zm2 2v1h-1v-1h1zm-4-2h1v1h-1v-1zm2 2v1h-1v-1h1zm-4-2h1v1h-1v-1zm0 2h2v1h-2v-1zm1 3h-1v-1h1v1zm8 0h-7v-1h7v1zm2 0h-1v-1h1v1zm0-2h-2v-1h2v1zm0-2h-1v-1h1v1z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-keyboard-lg iconic-container iconic-lg" data-width="126" data-height="50" display="inline" transform="translate(1 39)">
+    <path clip-path="url(#iconic-size-lg-keyboard-clip-0)" d="M124.5 50h-123c-.828 0-1.5-.672-1.5-1.5v-47c0-.828.672-1.5 1.5-1.5h123c.828 0 1.5.672 1.5 1.5v47c0 .828-.672 1.5-1.5 1.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-keyboard-md iconic-container iconic-md" data-width="31" data-height="15" display="none" transform="scale(4) translate(0 8)">
+    <path clip-path="url(#iconic-size-md-keyboard-clip-0)" d="M30.5 15h-30c-.276 0-.5-.224-.5-.5v-14c0-.276.224-.5.5-.5h30c.276 0 .5.224.5.5v14c0 .276-.224.5-.5.5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-keyboard-sm iconic-container iconic-sm" data-width="15" data-height="9" display="none" transform="scale(8) translate(0 3)">
+    <path d="M14.75 9h-14.5c-.138 0-.25-.112-.25-.25v-8.5c0-.138.112-.25.25-.25h14.5c.138 0 .25.112.25.25v8.5c0 .138-.112.25-.25.25z" clip-path="url(#iconic-size-sm-keyboard-clip-0)" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/keypad-mobile.svg b/app/javascript/iconic/svg/smart/keypad-mobile.svg
new file mode 100755
index 0000000..94901f0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/keypad-mobile.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-keypad-mobile" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Keypad Mobile</title>
+  </g>
+  <g class="iconic-keypad-mobile-lg iconic-container iconic-lg" data-width="94" data-height="128" display="inline" transform="translate(17)">
+    <path d="M58.5 128h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-0 iconic-property-fill" />
+    <path d="M92.5 94h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-9 iconic-property-fill" />
+    <path d="M58.5 94h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-8 iconic-property-fill" />
+    <path d="M24.5 94h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-7 iconic-property-fill" />
+    <path d="M92.5 60h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-6 iconic-property-fill" />
+    <path d="M58.5 60h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-5 iconic-property-fill" />
+    <path d="M24.5 60h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-4 iconic-property-fill" />
+    <path d="M92.5 26h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-3 iconic-property-fill" />
+    <path d="M58.5 26h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-2 iconic-property-fill" />
+    <path d="M24.5 26h-23c-.828 0-1.5-.672-1.5-1.5v-23c0-.828.672-1.5 1.5-1.5h23c.828 0 1.5.672 1.5 1.5v23c0 .828-.672 1.5-1.5 1.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-keypad-mobile-md iconic-container iconic-md" data-width="22" data-height="30" display="none" transform="scale(4) translate(5 1)">
+    <path d="M13.5 30h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-0 iconic-property-fill" />
+    <path d="M21.5 22h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-9 iconic-property-fill" />
+    <path d="M13.5 22h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-8 iconic-property-fill" />
+    <path d="M5.5 22h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-7 iconic-property-fill" />
+    <path d="M21.5 14h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-6 iconic-property-fill" />
+    <path d="M13.5 14h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-5 iconic-property-fill" />
+    <path d="M5.5 14h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-4 iconic-property-fill" />
+    <path d="M21.5 6h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-3 iconic-property-fill" />
+    <path d="M13.5 6h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-2 iconic-property-fill" />
+    <path d="M5.5 6h-5c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-keypad-mobile-button iconic-keypad-mobile-button-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-keypad-mobile-sm iconic-container iconic-sm" data-width="11" data-height="15" display="none" transform="scale(8) translate(2)">
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-0 iconic-property-fill" d="M4 12h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-9 iconic-property-fill" d="M8 8h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-8 iconic-property-fill" d="M4 8h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-7 iconic-property-fill" d="M0 8h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-6 iconic-property-fill" d="M8 4h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-5 iconic-property-fill" d="M4 4h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-4 iconic-property-fill" d="M0 4h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-3 iconic-property-fill" d="M8 0h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-2 iconic-property-fill" d="M4 0h3v3h-3z" />
+    <path class="iconic-keypad-mobile-button iconic-keypad-mobile-button-1 iconic-property-fill" d="M0 0h3v3h-3z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/laptop.svg b/app/javascript/iconic/svg/smart/laptop.svg
new file mode 100755
index 0000000..6d1fbb5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/laptop.svg
@@ -0,0 +1,54 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="laptop" width="128" height="128" class="iconic iconic-laptop" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Laptop</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-laptop-clip-0">
+      <path d="M120 0h-112v72h112v-72zm-52 72h-8c-1.1 0-2-.9-2-2h12c0 1.1-.9 2-2 2zm48-4h-104v-64h104v64zm3 6c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-laptop-clip-1">
+      <path d="M0 70v6h128v-6h-58c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2h-58zm119 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-laptop-clip-2">
+      <rect x="12" y="4" width="104" height="64"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-laptop-clip-0">
+      <path d="M29 0h-26v18h26v-18zm-11 17.5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-.5h4v.5zm9-1.5h-22v-14h22v14z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-laptop-clip-1">
+      <path d="M0 17v2h32v-2h-14v.5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-.5h-14z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-laptop-clip-2">
+      <rect x="5" y="2" width="22" height="14"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-laptop-clip-0">
+      <path d="M2 0v9h4.5c-.3 0-.5-.2-.5-.5v-.5h4v.5c0 .3-.2.5-.5.5h4.5v-9h-12zm11 7h-10v-6h10v6z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-laptop-clip-1">
+      <path d="M10 8v.5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-.5h-6v2h16v-2h-6z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-laptop-clip-2">
+      <rect x="3" y="1" width="10" height="6"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="76" class="iconic-container iconic-lg" display="inline" transform="translate(0 26)">
+    <path clip-path="url(#iconic-size-lg-laptop-clip-0)" stroke="#000" stroke-width="4" stroke-miterlimit="10" d="M116.5 70h-105c-.8 0-1.5-.7-1.5-1.5v-65c0-.8.7-1.5 1.5-1.5h105c.8 0 1.5.7 1.5 1.5v65c0 .8-.7 1.5-1.5 1.5z" class="iconic-laptop-screen-border iconic-property-stroke" fill="none"/>
+    <path clip-path="url(#iconic-size-lg-laptop-clip-1)" d="M126.5 76h-125c-.8 0-1.5-.7-1.5-1.5v-7c0-.8.7-1.5 1.5-1.5h125c.8 0 1.5.7 1.5 1.5v7c0 .8-.7 1.5-1.5 1.5z" class="iconic-laptop-base iconic-property-fill"/>
+    <image class="iconic-laptop-screenshot-image" data-max-width="104" x="12" y="4" clip-path="url(#iconic-size-lg-laptop-clip-2)"/>
+  </g>
+  <g data-width="32" data-height="19" class="iconic-container iconic-md" display="none" transform="scale(4) translate(0 6)">
+    <path clip-path="url(#iconic-size-md-laptop-clip-0)" stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M27.5 17h-23c-.3 0-.5-.2-.5-.5v-15c0-.3.2-.5.5-.5h23c.3 0 .5.2.5.5v15c0 .3-.2.5-.5.5z" class="iconic-laptop-screen-border iconic-property-stroke" fill="none"/>
+    <path clip-path="url(#iconic-size-md-laptop-clip-1)" d="M31.5 19h-31c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h31c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5z" class="iconic-laptop-base iconic-property-fill"/>
+    <image class="iconic-laptop-screenshot-image" data-max-width="22" x="5" y="2" clip-path="url(#iconic-size-md-laptop-clip-2)"/>
+  </g>
+  <g data-width="16" data-height="10" class="iconic-container iconic-sm" display="none" transform="scale(8) translate(0 3)">
+    <path clip-path="url(#iconic-size-sm-laptop-clip-0)" d="M13.8 9h-11.6c-.1 0-.2-.1-.2-.2v-8.6c0-.1.1-.2.2-.2h11.5c.2 0 .3.1.3.2v8.5c0 .2-.1.3-.2.3z" class="iconic-laptop-screen-border iconic-property-fill"/>
+    <path clip-path="url(#iconic-size-sm-laptop-clip-1)" d="M15.8 10h-15.5c-.2 0-.3-.1-.3-.2v-3.6c0-.1.1-.2.3-.2h15.5c.1 0 .2.1.2.2v3.5c0 .2-.1.3-.2.3z" class="iconic-laptop-base iconic-property-fill"/>
+    <image class="iconic-laptop-screenshot-image" data-max-width="10" x="3" y="1" clip-path="url(#iconic-size-sm-laptop-clip-2)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["laptop"]=iconicApis["laptop"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var i,r,n=t.querySelectorAll(".iconic-laptop-screenshot-image"),a=0,o=new Image;o.onload=function(){for(a=0;a<n.length;a++){n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),n[a].setAttribute("display","inline");var t=o.width/o.height,c=parseInt(n[a].getAttribute("data-max-width"));r=c,i=c/t,n[a].setAttribute("height",i+"px"),n[a].setAttribute("width",r+"px")}};var c=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(c);if(e&&e.match(s))o.src=e;else for(a=0;a<n.length;a++)n[a].setAttribute("display","none"),n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},i=function(){var i=t.getAttribute("data-screenshot")||"";e(i)};return{update:i,setScreenshot:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/layers.svg b/app/javascript/iconic/svg/smart/layers.svg
new file mode 100755
index 0000000..59892cc
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/layers.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-layers" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Layers</title>
+  </g>
+  <g class="iconic-layers-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="4" class="iconic-layers-layer-back iconic-property-accent iconic-property-stroke" d="M126 16.258v109.742h-109.742" fill="none" />
+    <path stroke="#000" stroke-width="4" class="iconic-layers-layer-middle iconic-property-accent iconic-property-stroke" d="M120 8v112h-112" fill="none" />
+    <path class="iconic-layers-layer-front iconic-property-fill" d="M0 0h116v116h-116z" />
+  </g>
+  <g class="iconic-layers-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="2" class="iconic-layers-layer-back iconic-property-accent iconic-property-stroke" d="M31 4v27h-27" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-layers-layer-middle iconic-property-accent iconic-property-stroke" d="M28 2v26h-26" fill="none" />
+    <path class="iconic-layers-layer-front iconic-property-fill" d="M0 0h26v26h-26z" />
+  </g>
+  <g class="iconic-layers-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-layers-layer-back iconic-property-accent iconic-property-stroke" d="M15.5 3v12.5h-12.5" fill="none" />
+    <path stroke="#000" class="iconic-layers-layer-middle iconic-property-accent iconic-property-stroke" d="M13.5 1v12.5h-12.5" fill="none" />
+    <path class="iconic-layers-layer-front iconic-property-fill" d="M0 0h12v12h-12z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lightbulb-alt-off.svg b/app/javascript/iconic/svg/smart/lightbulb-alt-off.svg
new file mode 100755
index 0000000..21ca26e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lightbulb-alt-off.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-lightbulb-alt-off" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Lightbulb Alt Off</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-lightbulb-alt-off-clip-0">
+      <path d="M81.914 13.657v78.343h-80v-3l2.329 2.329 77.671-77.671zm0-11.314v-2.343h-80v82.343l80-80z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-lightbulb-alt-off-clip-0">
+      <path d="M21.854 7.121v18.879h-18.879l18.879-18.879zm0-4.242v-2.879h-21v23.879l21-21z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-lightbulb-alt-off-clip-0">
+      <path d="M.854 11.879v-11.879h11.879l-11.879 11.879zm4.121.121h7.879v-7.879l-7.879 7.879z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-lightbulb-alt-off-lg iconic-container iconic-lg" data-width="89" data-height="128" display="inline" transform="translate(19)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-3 iconic-property-stroke" d="M33.914 126h16" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-2 iconic-property-stroke" d="M29.914 118h24" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-1 iconic-property-stroke" d="M29.914 110h24" fill="none" />
+    <path d="M56.914 103.908h-30c-1.657 0-3-1.343-3-3v-5.908c0-.552.448-1 1-1h34c.552 0 1 .448 1 1v5.908c0 1.657-1.343 3-3 3z" class="iconic-lightbulb-alt-off-base iconic-property-fill" />
+    <path stroke="#000" stroke-width="4" class="iconic-lightbulb-alt-off-strike iconic-property-stroke" d="M88.414 1.5l-87 87" fill="none" />
+    <path clip-path="url(#iconic-size-lg-lightbulb-alt-off-clip-0)" d="M41.914 0c-26.667 0-40 22-40 38 0 31.415 24 32 23.976 53.026-.001.541.455.974.996.974h30.055c.541 0 .997-.433.996-.974-.024-21.026 23.976-21.611 23.976-53.026 0-16-13.333-38-40-38zm-18.772 16.098c-7.756 6.034-11.228 15.348-11.228 21.902 0 1.105-.895 2-2 2s-2-.895-2-2c0-6.977 3.345-17.726 12.771-25.059.871-.679 2.127-.521 2.807.351.678.872.522 2.128-.35 2.807zm18.772-6.098c-4.04 0-7.844.652-11.303 1.939-.23.085-.465.126-.697.126-.812 0-1.576-.498-1.875-1.303-.385-1.036.142-2.187 1.177-2.572 3.907-1.453 8.18-2.19 12.698-2.19 1.105 0 2 .895 2 2s-.895 2-2 2z"
+    class="iconic-lightbulb-alt-off-bulb iconic-property-fill" />
+  </g>
+  <g class="iconic-lightbulb-alt-off-md iconic-container iconic-md" data-width="25" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-3 iconic-property-stroke" d="M9.354 31.5h4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-2 iconic-property-stroke" d="M8.354 29.5h6" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-1 iconic-property-stroke" d="M8.354 27.5h6" fill="none" />
+    <path d="M15.889 23h-9.071c.013.179.036.349.036.541-.001.179 0 1.297 0 1.962 0 .276.224.497.5.497h8c.276 0 .5-.221.5-.497 0-.665.001-1.783 0-1.962-.001-.192.022-.362.035-.541z" class="iconic-lightbulb-alt-off-base iconic-property-fill" />
+    <path stroke="#000" class="iconic-lightbulb-alt-off-strike iconic-property-stroke" d="M25.354 1.5l-25 25" fill="none" />
+    <path clip-path="url(#iconic-size-md-lightbulb-alt-off-clip-0)" d="M16.039 22c.983-4.074 5.814-4.825 5.814-12 0-4-3.833-10-10.5-10s-10.5 6-10.5 10c0 7.166 4.82 7.974 5.811 12h9.375zm-11.186-11c-.552 0-1-.448-1-1 0-2.443 2.576-7 7.5-7 .552 0 1 .448 1 1s-.448 1-1 1c-3.629 0-5.5 3.505-5.5 5 0 .552-.448 1-1 1z"
+    class="iconic-lightbulb-alt-off-bulb iconic-property-fill" />
+  </g>
+  <g class="iconic-lightbulb-alt-off-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-2 iconic-property-stroke" d="M5.354 15.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-off-screw iconic-lightbulb-alt-off-screw-1 iconic-property-stroke" d="M4.354 13.5h5" fill="none" />
+    <path stroke="#000" class="iconic-lightbulb-alt-off-strike iconic-property-stroke" d="M14.354.5l-14 14" fill="none" />
+    <path clip-path="url(#iconic-size-sm-lightbulb-alt-off-clip-0)" d="M4.082 12c-.129 0-.226-.101-.241-.23-.216-1.848-2.987-2.771-2.987-6.271 0-2 2-5.5 6-5.5s6 3.5 6 5.5c0 3.5-2.771 4.422-2.987 6.271-.015.128-.112.229-.241.229h-5.544z" class="iconic-lightbulb-alt-off-bulb iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lightbulb-alt-on.svg b/app/javascript/iconic/svg/smart/lightbulb-alt-on.svg
new file mode 100755
index 0000000..6786f06
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lightbulb-alt-on.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-lightbulb-alt-on" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Lightbulb Alt On</title>
+  </g>
+  <g class="iconic-lightbulb-alt-on-lg iconic-container iconic-lg" data-width="80" data-height="128" display="inline" transform="translate(24)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-3 iconic-property-stroke" d="M32 126h16" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-2 iconic-property-stroke" d="M28 118h24" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-1 iconic-property-stroke" d="M28 110h24" fill="none" />
+    <path d="M55 103.908h-30c-1.657 0-3-1.343-3-3v-5.908c0-.552.448-1 1-1h34c.552 0 1 .448 1 1v5.908c0 1.657-1.343 3-3 3z" class="iconic-lightbulb-alt-on-base iconic-property-fill" />
+    <path d="M40 0c-26.667 0-40 22-40 38 0 31.415 24 32 23.976 53.026-.001.541.455.974.996.974h30.055c.541 0 .997-.433.996-.974-.024-21.026 23.976-21.611 23.976-53.026 0-16-13.333-38-40-38zm-18.773 16.098c-7.756 6.034-11.227 15.348-11.227 21.902 0 1.105-.895 2-2 2s-2-.895-2-2c0-6.977 3.345-17.726 12.771-25.059.871-.679 2.128-.521 2.807.351.678.872.521 2.128-.351 2.807zm18.773-6.098c-4.04 0-7.844.652-11.303 1.939-.23.085-.465.126-.697.126-.812 0-1.576-.498-1.875-1.303-.385-1.036.142-2.187 1.177-2.572 3.907-1.453 8.18-2.19 12.698-2.19 1.105 0 2 .895 2 2s-.895 2-2 2z"
+    class="iconic-lightbulb-alt-on-bulb iconic-property-fill" />
+  </g>
+  <g class="iconic-lightbulb-alt-on-md iconic-container iconic-md" data-width="21" data-height="32" display="none" transform="scale(4) translate(5)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-3 iconic-property-stroke" d="M8.5 31.5h4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-2 iconic-property-stroke" d="M7.5 29.5h6" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-1 iconic-property-stroke" d="M7.5 27.5h6" fill="none" />
+    <path d="M15.035 23h-9.071c.013.179.036.349.036.541-.001.179 0 1.297 0 1.962 0 .276.224.497.5.497h8c.276 0 .5-.221.5-.497 0-.665.001-1.783 0-1.962-.001-.192.022-.362.035-.541z" class="iconic-lightbulb-alt-on-base iconic-property-fill" />
+    <path d="M15.186 22c.983-4.074 5.814-4.825 5.814-12 0-4-3.833-10-10.5-10s-10.5 6-10.5 10c0 7.166 4.82 7.974 5.811 12h9.375zm-11.186-11c-.552 0-1-.448-1-1 0-2.443 2.576-7 7.5-7 .552 0 1 .448 1 1s-.448 1-1 1c-3.629 0-5.5 3.505-5.5 5 0 .552-.448 1-1 1z"
+    class="iconic-lightbulb-alt-on-bulb iconic-property-fill" />
+  </g>
+  <g class="iconic-lightbulb-alt-on-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-2 iconic-property-stroke" d="M4.5 15.5h3" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-alt-on-screw iconic-lightbulb-alt-on-screw-1 iconic-property-stroke" d="M3.5 13.5h5" fill="none" />
+    <path d="M3.228 12c-.129 0-.226-.101-.241-.23-.216-1.848-2.987-2.771-2.987-6.271 0-2 2-5.5 6-5.5s6 3.5 6 5.5c0 3.5-2.771 4.422-2.987 6.271-.015.128-.112.229-.241.229h-5.544z" class="iconic-lightbulb-alt-on-bulb iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lightbulb.svg b/app/javascript/iconic/svg/smart/lightbulb.svg
new file mode 100755
index 0000000..b0d6b2b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lightbulb.svg
@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-lightbulb" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Lightbulb</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-lightbulb-clip-0">
+      <path d="M16.583 94h33.417v2.667l-39.083 6.375-.333-6.417z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-lightbulb-clip-1">
+      <path d="M64 57l-14.5 8.25v16.75h-34.25l-1.5-16 50.25-23z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-lightbulb-lg iconic-container iconic-lg" data-width="64" data-height="128" display="inline" transform="translate(32)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-4 iconic-property-accent iconic-property-stroke" d="M44 122l-23.834 4.001" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-3 iconic-property-accent iconic-property-stroke" d="M48 112l-32 6" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-2 iconic-property-accent iconic-property-stroke" d="M48 102l-32 6" fill="none" />
+    <path clip-path="url(#iconic-size-lg-lightbulb-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-1 iconic-property-accent iconic-property-stroke" d="M48 92.5l-32 6" fill="none" />
+    <path clip-path="url(#iconic-size-lg-lightbulb-clip-1)" stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-6 iconic-property-stroke" d="M60 54l-20 9v18.75" fill="none" />
+    <path clip-path="url(#iconic-size-lg-lightbulb-clip-1)" stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-5 iconic-property-stroke" d="M24 68v13.75" fill="none" />
+    <path d="M47 94h-30c-1.657 0-3.221-1.325-3.493-2.959l-1.014-6.082c-.272-1.634.85-2.959 2.507-2.959h34c1.657 0 2.779 1.325 2.507 2.959l-1.014 6.082c-.272 1.634-1.836 2.959-3.493 2.959z" class="iconic-lightbulb-base iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-4 iconic-property-stroke" d="M60 38l-56 26" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-3 iconic-property-stroke" d="M60 22l-56 26" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-2 iconic-property-stroke" d="M60 6l-56 26" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-1 iconic-property-stroke" d="M30 4.114l-26 11.886" fill="none" />
+  </g>
+  <g class="iconic-lightbulb-md iconic-container iconic-md" data-width="16" data-height="32" display="none" transform="scale(4) translate(8)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-4 iconic-property-accent iconic-property-stroke" d="M5.5 31.5l5-1.429" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-3 iconic-property-accent iconic-property-stroke" d="M4.5 29.5l7-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-2 iconic-property-accent iconic-property-stroke" d="M4.5 27.5l7-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-lightbulb-screw iconic-lightbulb-screw-1 iconic-property-accent iconic-property-stroke" d="M4.5 25.5l7-2" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-5 iconic-property-stroke" d="M12.5 18.5l-2 1v3.5" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-4 iconic-property-stroke" d="M5.5 23v-1.5" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-3 iconic-property-stroke" d="M14.5 11.5l-13 6" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-2 iconic-property-stroke" d="M14.5 5.5l-13 6" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-1 iconic-property-stroke" d="M10.5 1.5l-9 4" fill="none" />
+    <path d="M11 25h-6c-.552 0-1.142-.425-1.316-.949l-.367-1.103c-.175-.524.131-.949.684-.949h8c.552 0 .858.425.684.949l-.367 1.103c-.175.524-.764.949-1.316.949z" class="iconic-lightbulb-base iconic-property-fill" />
+  </g>
+  <g class="iconic-lightbulb-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path d="M7 14c0 1.105-.895 2-2 2s-2-.895-2-2" class="iconic-lightbulb-screw iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-4 iconic-property-stroke" d="M8 8l-2 1v2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-3 iconic-property-stroke" d="M4 10.5v.5" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-2 iconic-property-stroke" d="M1 8l8-4" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-lightbulb-coil iconic-lightbulb-coil-1 iconic-property-stroke" d="M7 1l-6 3" fill="none" />
+    <path d="M1.776 12.553l-.553-1.106c-.123-.247 0-.447.276-.447h7c.276 0 .4.2.276.447l-.553 1.106c-.124.247-.448.447-.724.447h-5c-.276 0-.6-.2-.724-.447z" class="iconic-lightbulb-base iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lightning-bolt.svg b/app/javascript/iconic/svg/smart/lightning-bolt.svg
new file mode 100755
index 0000000..1592ce5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lightning-bolt.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-lightning-bolt" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Lightning Bolt</title>
+  </g>
+  <g class="iconic-lightning-bolt-lg iconic-container iconic-lg" data-width="116" data-height="128" display="inline" transform="translate(6)">
+    <path d="M71.124 1.218l-44.249 61.564c-.484.673-.204 1.218.624 1.218h17c.828 0 1.108.545.625 1.218l-44.249 61.564c-.483.673-.361.786.273.253l97.703-82.07c.634-.533.477-.965-.352-.965h-23c-.828 0-1.036-.486-.464-1.085l39.929-41.83c.572-.599.364-1.085-.464-1.085h-41c-.828 0-1.892.545-2.376 1.218z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-lightning-bolt-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path d="M17.7.4l-11.4 15.2c-.166.221-.076.4.2.4h5c.276 0 .366.179.2.4l-11.4 15.2c-.166.221-.129.256.083.078l24.234-20.357c.211-.178.159-.322-.117-.322h-6c-.276 0-.342-.158-.146-.354l10.293-10.293c.195-.195.13-.354-.146-.354h-10c-.276 0-.634.179-.8.4z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-lightning-bolt-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path class="iconic-property-fill" d="M8 0l-6 8h3l-5 8 13-11h-4l5-5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lightning.svg b/app/javascript/iconic/svg/smart/lightning.svg
new file mode 100755
index 0000000..64d1555
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lightning.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-lightning" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Lightning</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-lightning-clip-0">
+      <path d="M0 0v86h24.058l13.846-20h35.753l-16 16h17.391l-4.8 4h57.752v-86z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-lightning-clip-0">
+      <path d="M0 0v22h5.685l4.286-6h10.436l-3.5 4h4.266l-2.2 2h13.027v-22z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-lightning-clip-0">
+      <path d="M0 0v12h1.75l.45-.6 3-4 .3-.4h5.914l-1.707 1.707-.293.293h2.289l-2.052 1.759-1.448 1.241h7.797v-12z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-lightning-lg iconic-container iconic-lg" data-width="128" data-height="126" display="inline" transform="translate(0 1)">
+    <path class="iconic-lightning-lightning-bolt iconic-property-accent iconic-property-fill" d="M40 70l-18 26h15l-21 30 48-40h-16l16-16z" />
+    <path d="M110 50c-.711 0-1.311-.081-2 0-.871-8.409-7.602-15.091-16-16-.986-18.976-16.783-34-36-34-18.8 0-34.415 14.604-36 33-11.578 3.042-20 13.481-20 26 0 14.552 11.575 26.471 26 27h84c9.925 0 18-8.075 18-18s-8.075-18-18-18z" clip-path="url(#iconic-size-lg-lightning-clip-0)"
+    class="iconic-lightning-cloud iconic-property-fill" />
+  </g>
+  <g class="iconic-lightning-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-lightning-lightning-bolt iconic-property-accent iconic-property-fill" d="M11 18l-5 7h3.5l-4.5 7 11-10h-3.5l3.5-4z" />
+    <path d="M27 12c-.401-1.976-2.065-3.524-4.046-3.909-.457-4.537-4.298-8.091-8.954-8.091-4.721 0-8.634 3.371-9 8-2.906.852-5 3.822-5 7 0 3.527 2.603 6.521 6 7 4.323 0 20.923 0 21 0 2.76 0 5-2.24 5-5s-2.24-5-5-5z" clip-path="url(#iconic-size-md-lightning-clip-0)"
+    class="iconic-lightning-cloud iconic-property-fill" />
+  </g>
+  <g class="iconic-lightning-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-lightning-lightning-bolt iconic-property-accent iconic-property-fill" d="M6 8l-3 4h2l-3 4 7-6h-2l2-2z" />
+    <path d="M13 6v-1c0-2.757-2.243-5-5-5-2.454 0-4.49 1.78-4.91 4.114-1.767.415-3.09 1.995-3.09 3.886 0 2.206 1.794 4 4 4h9c1.654 0 3-1.346 3-3s-1.346-3-3-3z" clip-path="url(#iconic-size-sm-lightning-clip-0)" class="iconic-lightning-cloud iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/link.svg b/app/javascript/iconic/svg/smart/link.svg
new file mode 100755
index 0000000..58fdb0f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/link.svg
@@ -0,0 +1,64 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="link" width="128" height="128" class="iconic iconic-link" viewBox="0 0 128 128">
+  <g><title>Link</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-link-clip-0">
+      <path d="M59.9 56.1c0 3.2 1.2 6.2 3.5 8.5l-11.3 11.3c-5.3-5.3-8.2-12.3-8.2-19.8 0-2.8.4-5.5 1.2-8.1h-45.1v80h80v-80h-16.9c-2.1 2.2-3.2 5.1-3.2 8.1z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-link-clip-1">
+      <path d="M48 0v80h16.9c2-2.2 3.1-5.1 3.1-8.1 0-3.2-1.2-6.2-3.5-8.5l11.3-11.3c5.3 5.3 8.2 12.3 8.2 19.8 0 2.8-.4 5.5-1.2 8.1h45.2v-80h-80z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" fill="none">
+    <g class="iconic-link-intact">
+      <path stroke-width="8" clip-path="url(#iconic-size-lg-link-clip-0)" d="M38.1 118.1c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.4.1-28.2l32.1-32.1c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-32.2 32z" class="iconic-link-link iconic-link-link-bottom iconic-property-stroke"/>
+      <path stroke-width="8" clip-path="url(#iconic-size-lg-link-clip-1)" d="M86.1 70.2c-7.8 7.8-20.5 7.8-28.3 0s-7.8-20.5 0-28.3l32.1-32c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-32.1 32z" class="iconic-link-link iconic-link-link-top iconic-property-stroke"/>
+    </g>
+    <g class="iconic-link-broken" display="none">
+      <path stroke-width="8" d="M57.2 42.5l32.7-32.6c7.8-7.8 20.5-7.8 28.3 0s7.8 20.5 0 28.3l-32.7 32.6" class="iconic-link-broken-link iconic-link-broken-link-top iconic-property-stroke"/>
+      <path stroke-width="8" d="M70.8 85.5l-32.6 32.6c-7.8 7.8-20.5 7.8-28.3 0s-7.9-20.4 0-28.2l32.6-32.6" class="iconic-link-broken-link iconic-link-broken-link-bottom iconic-property-stroke"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-middle iconic-link-broken-link-break-left-middle iconic-property-accent iconic-property-stroke" d="M43 43l-12-12"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-top iconic-link-broken-link-break-left-top iconic-property-accent iconic-property-stroke" d="M49 43v-14"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-bottom iconic-link-broken-link-break-left-bottom iconic-property-accent iconic-property-stroke" d="M43 49h-14"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-middle iconic-link-broken-link-break-right-middle iconic-property-accent iconic-property-stroke" d="M97 97l-12-12"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-top iconic-link-broken-link-break-right-top iconic-property-accent iconic-property-stroke" d="M99 79h-14"/>
+      <path stroke-width="2" stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-bottom iconic-link-broken-link-break-right-bottom iconic-property-accent iconic-property-stroke" d="M79 99v-14"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" fill="none">
+    <g class="iconic-link-intact">
+      <path d="M15.7 24.7l-4 4c-2.3 2.3-6.1 2.3-8.5 0s-2.3-6.1 0-8.5l7-7c2.3-2.3 6.1-2.3 8.5 0" class="iconic-link-link iconic-link-link-bottom iconic-property-stroke" stroke-width="3"/>
+      <path d="M16.4 7.1l3.9-3.9c2.3-2.3 6.1-2.3 8.5 0s2.3 6.1 0 8.5l-7 7c-2.3 2.3-6.1 2.3-8.5 0" class="iconic-link-link iconic-link-link-top iconic-property-stroke" stroke-width="3"/>
+    </g>
+    <g class="iconic-link-broken" display="none">
+      <path stroke-width="3" d="M13.4 10.1l6.9-6.9c2.3-2.3 6.1-2.3 8.5 0s2.3 6.1 0 8.5l-7 7" class="iconic-link-broken-link iconic-link-broken-link-top iconic-property-stroke"/>
+      <path stroke-width="3" d="M18.7 21.7l-7 7c-2.3 2.3-6.1 2.3-8.5 0s-2.3-6.1 0-8.5l7-7" class="iconic-link-broken-link iconic-link-broken-link-bottom iconic-property-stroke"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-top iconic-link-broken-link-break-right-top iconic-property-accent iconic-property-stroke" d="M23.5 21.5h4"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-bottom iconic-link-broken-link-break-right-bottom iconic-property-accent iconic-property-stroke" d="M21.5 23.5v4"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-bottom iconic-link-broken-link-break-left-bottom iconic-property-accent iconic-property-stroke" d="M4.5 10.5h4"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-top iconic-link-broken-link-break-left-top iconic-property-accent iconic-property-stroke" d="M10.5 4.5v4"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-middle iconic-link-broken-link-break-left-middle iconic-property-accent iconic-property-stroke" d="M8.5 8.5l-4-4"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-middle iconic-link-broken-link-break-right-middle iconic-property-accent iconic-property-stroke" d="M27.5 27.5l-4-4"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)" stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" fill="none">
+    <g class="iconic-link-intact">
+      <path stroke-width="2" d="M9.5 6.5c-.8-.8-2.1-1.1-3.1-.7-.4.1-1.7 1.2-2 1.6l-2.5 2.5c-1.2 1.2-1.2 3.1 0 4.2.8.9 2 1.1 3.1.7.4-.1.8-.4 1.1-.7l.9-.9" class="iconic-link-link iconic-link-link-bottom iconic-property-stroke"/>
+      <path stroke-width="2" d="M6.5 9.5c.6.6 1.3.8 2 .9.8 0 1.6-.3 2.2-.9l3.3-3.3c1.2-1.2 1.2-3.1 0-4.2-.7-1-1.9-1.2-3-.8-.4.1-.8.4-1.1.7l-.9.9" class="iconic-link-link iconic-link-link-top iconic-property-stroke"/>
+    </g>
+    <g class="iconic-link-broken" display="none">
+      <path stroke-width="2" stroke-linecap="square" d="M12.2 8l1.9-1.9c1.2-1.2 1.2-3.1 0-4.2-.8-.9-2-1.1-3.1-.7-.4.1-.8.4-1.1.7l-1.9 1.9" class="iconic-link-broken-link iconic-link-broken-link-top iconic-property-stroke"/>
+      <path stroke-width="2" stroke-linecap="square" d="M3.9 7.9l-2 2c-1.2 1.2-1.2 3.1 0 4.2.8.9 2 1.1 3.1.7.4-.1.8-.4 1.1-.7l2-2" class="iconic-link-broken-link iconic-link-broken-link-bottom iconic-property-stroke"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-top iconic-link-broken-link-break-left-top iconic-property-accent iconic-property-stroke" d="M5.5 1.5v2"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-bottom iconic-link-broken-link-break-left-bottom iconic-property-accent iconic-property-stroke" d="M3.5 5.5h-2"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-bottom iconic-link-broken-link-break-right-bottom iconic-property-accent iconic-property-stroke" d="M10.5 12.5v2"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-top iconic-link-broken-link-break-right-top iconic-property-accent iconic-property-stroke" d="M14.5 10.5h-2"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-right iconic-link-broken-link-break-middle iconic-link-broken-link-break-right-middle iconic-property-accent iconic-property-stroke" d="M12.5 12.5l2 2"/>
+      <path stroke-linecap="round" class="iconic-link-broken-link-break iconic-link-broken-link-break-left iconic-link-broken-link-break-middle iconic-link-broken-link-break-left-middle iconic-property-accent iconic-property-stroke" d="M1.5 1.5l2 2"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["link"]=iconicApis["link"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-link-intact"),a=t.querySelectorAll(".iconic-link-broken");i=r="none","broken"===e?i="inline":r="inline";for(var o=0;o<n.length;o++)n[o].setAttribute("display",r),a[o].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/list-nested.svg b/app/javascript/iconic/svg/smart/list-nested.svg
new file mode 100755
index 0000000..0a8d4bd
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/list-nested.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-list-nested" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>List Nested</title>
+  </g>
+  <g class="iconic-list-nested-lg iconic-container iconic-lg" data-width="124" data-height="88" display="inline" transform="translate(2 20)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-4 iconic-property-stroke" d="M36 84h72" fill="none" />
+    <path d="M22.5 88h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-4 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-3 iconic-property-stroke" d="M52 58h64" fill="none" />
+    <path d="M38.5 62h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-3 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-2 iconic-property-stroke" d="M36 30h60" fill="none" />
+    <path d="M22.5 34h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-2 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-1 iconic-property-stroke" d="M20 4h100" fill="none" />
+    <path d="M6.5 8h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-1 iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-list-nested-md iconic-container iconic-md" data-width="32" data-height="24" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-4 iconic-property-stroke" d="M13.5 22.5h13" fill="none" />
+    <path d="M8.5 24h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-4 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-3 iconic-property-stroke" d="M19.5 15.5h10" fill="none" />
+    <path d="M14.5 17h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-3 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-2 iconic-property-stroke" d="M13.5 8.5h11" fill="none" />
+    <path d="M8.5 10h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-2 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-1 iconic-property-stroke" d="M7.5 1.5h23" fill="none" />
+    <path d="M2.5 3h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-nested-list-dot iconic-list-nested-list-dot-1 iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-list-nested-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-4 iconic-property-stroke" d="M9 13h5" fill="none" />
+    <path class="iconic-list-nested-list-dot iconic-list-nested-list-dot-4 iconic-property-accent iconic-property-fill" d="M4 12h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-3 iconic-property-stroke" d="M13 9h2" fill="none" />
+    <path class="iconic-list-nested-list-dot iconic-list-nested-list-dot-3 iconic-property-accent iconic-property-fill" d="M8 8h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-2 iconic-property-stroke" d="M9 5h4" fill="none" />
+    <path class="iconic-list-nested-list-dot iconic-list-nested-list-dot-2 iconic-property-accent iconic-property-fill" d="M4 4h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-nested-list-line iconic-list-nested-list-line-1 iconic-property-stroke" d="M5 1h10" fill="none" />
+    <path class="iconic-list-nested-list-dot iconic-list-nested-list-dot-1 iconic-property-accent iconic-property-fill" d="M0 0h2v2h-2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/list-rich.svg b/app/javascript/iconic/svg/smart/list-rich.svg
new file mode 100755
index 0000000..bf8af5c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/list-rich.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-list-rich" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>List Rich</title>
+  </g>
+  <g class="iconic-list-rich-lg iconic-container iconic-lg" data-width="120" data-height="128" display="inline" transform="translate(4)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M56 102h62" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M56 112h46" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-3 iconic-property-stroke" d="M56 122h56" fill="none" />
+    <path d="M42.5 128h-41c-.828 0-1.5-.672-1.5-1.5v-29c0-.828.672-1.5 1.5-1.5h41c.828 0 1.5.672 1.5 1.5v29c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-block iconic-property-accent iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M56 54h62" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M56 64h46" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-3 iconic-property-stroke" d="M56 74h56" fill="none" />
+    <path d="M42.5 80h-41c-.828 0-1.5-.672-1.5-1.5v-29c0-.828.672-1.5 1.5-1.5h41c.828 0 1.5.672 1.5 1.5v29c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-block iconic-property-accent iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-3 iconic-property-stroke" d="M56 26h56" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M56 16h46" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M56 6h62" fill="none" />
+    <path d="M42.5 32h-41c-.828 0-1.5-.672-1.5-1.5v-29c0-.828.672-1.5 1.5-1.5h41c.828 0 1.5.672 1.5 1.5v29c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-block iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-list-rich-md iconic-container iconic-md" data-width="32" data-height="26" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M12.5 21.5h19" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M12.5 24.5h15" fill="none" />
+    <path d="M8.5 26h-8c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h8c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-block iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M12.5 11.5h19" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M12.5 14.5h15" fill="none" />
+    <path d="M8.5 16h-8c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h8c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-block iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M12.5 1.5h19" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M12.5 4.5h15" fill="none" />
+    <path d="M8.5 6h-8c-.276 0-.5-.224-.5-.5v-5c0-.276.224-.5.5-.5h8c.276 0 .5.224.5.5v5c0 .276-.224.5-.5.5z" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-block iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-list-rich-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-block iconic-property-accent iconic-property-fill" d="M0 12h5v3h-5z" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M7.5 12.5h8" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-3 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M7.5 14.5h6" fill="none" />
+    <path class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-block iconic-property-accent iconic-property-fill" d="M0 6h5v3h-5z" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M7.5 6.5h8" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-2 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M7.5 8.5h6" fill="none" />
+    <path class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-block iconic-property-accent iconic-property-fill" d="M0 0h5v3h-5z" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-1 iconic-property-stroke" d="M7.5.5h8" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-list-rich-list-group iconic-list-rich-list-group-1 iconic-list-rich-line iconic-list-rich-line-2 iconic-property-stroke" d="M7.5 2.5h6" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/list.svg b/app/javascript/iconic/svg/smart/list.svg
new file mode 100755
index 0000000..2f8f8e7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/list.svg
@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-list" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>List</title>
+  </g>
+  <g class="iconic-list-lg iconic-container iconic-lg" data-width="124" data-height="88" display="inline" transform="translate(2 20)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-line iconic-list-line-4 iconic-property-stroke" d="M20 84h96" fill="none" />
+    <path d="M6.5 88h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-dot iconic-list-dot-4 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-line iconic-list-line-3 iconic-property-stroke" d="M20 58h100" fill="none" />
+    <path d="M6.5 62h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-dot iconic-list-dot-3 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-line iconic-list-line-2 iconic-property-stroke" d="M20 30h80" fill="none" />
+    <path d="M6.5 34h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-dot iconic-list-dot-2 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-list-line iconic-list-line-1 iconic-property-stroke" d="M20 4h100" fill="none" />
+    <path d="M6.5 8h-5c-.828 0-1.5-.672-1.5-1.5v-5c0-.828.672-1.5 1.5-1.5h5c.828 0 1.5.672 1.5 1.5v5c0 .828-.672 1.5-1.5 1.5z" class="iconic-list-dot iconic-list-dot-1 iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-list-md iconic-container iconic-md" data-width="32" data-height="24" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-line iconic-list-line-4 iconic-property-stroke" d="M7.5 22.5h21" fill="none" />
+    <path d="M2.5 24h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-dot iconic-list-dot-4 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-line iconic-list-line-3 iconic-property-stroke" d="M7.5 15.5h23" fill="none" />
+    <path d="M2.5 17h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-dot iconic-list-dot-3 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-line iconic-list-line-2 iconic-property-stroke" d="M7.5 8.5h17" fill="none" />
+    <path d="M2.5 10h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-dot iconic-list-dot-2 iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-list-line iconic-list-line-1 iconic-property-stroke" d="M7.5 1.5h23" fill="none" />
+    <path d="M2.5 3h-2c-.276 0-.5-.224-.5-.5v-2c0-.276.224-.5.5-.5h2c.276 0 .5.224.5.5v2c0 .276-.224.5-.5.5z" class="iconic-list-dot iconic-list-dot-1 iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-list-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-line iconic-list-line-4 iconic-property-stroke" d="M5 13h9" fill="none" />
+    <path class="iconic-list-dot iconic-list-dot-4 iconic-property-accent iconic-property-fill" d="M0 12h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-line iconic-list-line-3 iconic-property-stroke" d="M5 9h10" fill="none" />
+    <path class="iconic-list-dot iconic-list-dot-3 iconic-property-accent iconic-property-fill" d="M0 8h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-line iconic-list-line-2 iconic-property-stroke" d="M5 5h7" fill="none" />
+    <path class="iconic-list-dot iconic-list-dot-2 iconic-property-accent iconic-property-fill" d="M0 4h2v2h-2z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-list-line iconic-list-line-1 iconic-property-stroke" d="M5 1h10" fill="none" />
+    <path class="iconic-list-dot iconic-list-dot-1 iconic-property-accent iconic-property-fill" d="M0 0h2v2h-2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/location.svg b/app/javascript/iconic/svg/smart/location.svg
new file mode 100755
index 0000000..a4c0071
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/location.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-location" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Location</title>
+  </g>
+  <g class="iconic-location-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M126.658.671l-125.317 62.658c-.741.37-.73.949.024 1.292l41.269 18.759c.754.343 1.643 1.232 1.986 1.986l18.759 41.269c.343.754.921.765 1.292.024l62.658-125.317c.371-.741.07-1.041-.671-.671z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-location-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M10.545 20.793l-10.09-4.586c-.251-.114-.255-.307-.008-.43l31.106-15.553c.247-.123.347-.023.224.224l-15.553 31.106c-.123.247-.316.243-.43-.008l-4.586-10.09c-.114-.251-.411-.548-.662-.662z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-location-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M16 0l-16 8 6 2 2 6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/lock.svg b/app/javascript/iconic/svg/smart/lock.svg
new file mode 100755
index 0000000..8af2303
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/lock.svg
@@ -0,0 +1,55 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="lock" width="128" height="128" class="iconic iconic-lock" viewBox="0 0 128 128">
+  <g><title>Lock</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-unlock-clip-0">
+      <path d="M18 0v66h58v-66h-58zm10 42c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"/>
+    </clipPath>
+  </defs>
+  <g data-width="94" data-height="114" class="iconic-lg iconic-container" display="inline" transform="translate(17 7)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" d="M72 51v-22c0-13.8-11.2-25-25-25s-25 11.2-25 25v22" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-main iconic-property-fill" d="M2 56h90v40h-90z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-bottom iconic-property-fill" d="M0 98v16h94v-16h-56z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-top iconic-property-fill" d="M0 48h94v6h-94z"/>
+    </g>
+  </g>
+  <g data-width="94" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(17)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path clip-path="url(#iconic-size-lg-unlock-clip-0)" stroke="#000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M72 62.2v-33.2c0-13.8-11.2-25-25-25s-25 11.2-25 25v15" class="iconic-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-bottom iconic-property-fill" d="M0 112h94v16h-94z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-main iconic-property-fill" d="M2 70h90v40h-90z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-top iconic-property-fill" d="M0 62h94v6h-94z"/>
+    </g>
+  </g>
+  <g data-width="24" data-height="28" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4 2)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M5.5 14v-6c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5v6" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-main iconic-property-fill" d="M0 12h24v11h-24z"/>
+      <path class="iconic-lock-locked-body iconic-lock-locked-body-top iconic-property-fill" d="M0 24h24v4h-24z"/>
+    </g>
+  </g>
+  <g data-width="24" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path stroke="#000" stroke-width="3" stroke-miterlimit="10" d="M5.5 11v-3c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5v11" class="iconic-lock-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-main iconic-property-fill" d="M0 16h24v11h-24z"/>
+      <path class="iconic-lock-unlocked-body iconic-lock-unlocked-body-top iconic-property-fill" d="M0 28h24v4h-24z"/>
+    </g>
+  </g>
+  <g data-width="12" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2 1)">
+    <g class="iconic-lock-locked">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M9 8v-4c0-1.7-1.3-3-3-3s-3 1.3-3 3v2" class="iconic-lock-locked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-locked-body iconic-property-fill" d="M0 6h12v8h-12z"/>
+    </g>
+  </g>
+  <g data-width="12" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2)">
+    <g class="iconic-lock-unlocked" display="none">
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" d="M9 8v-4c0-1.7-1.3-3-3-3s-3 1.3-3 3v1" class="iconic-lock-unlocked-loop iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path class="iconic-lock-unlocked-body iconic-property-fill" d="M0 8h12v8h-12z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["lock"]=iconicApis["lock"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-lock-locked"),a=t.querySelectorAll(".iconic-lock-unlocked");i=r="none","unlocked"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/loop-circular.svg b/app/javascript/iconic/svg/smart/loop-circular.svg
new file mode 100755
index 0000000..800c962
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/loop-circular.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-loop-circular" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Loop Circular</title>
+  </g>
+  <g class="iconic-loop-circular-lg iconic-container iconic-lg" data-width="128" data-height="107" display="inline" transform="translate(0 10)">
+    <path stroke="#000" stroke-width="8" d="M15.016 64.04c-2.481-12.125-.341-24.984 5.992-35.621 6.117-10.272 15.904-18.169 27.257-21.93 17.781-5.89 37.853-1.118 51.09 12.118" class="iconic-loop-circular-line iconic-loop-circular-line-left iconic-property-stroke"
+    fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-left iconic-property-fill" d="M14 77.963l14-24h-28z" />
+    <path stroke="#000" stroke-width="8" d="M112.984 43.886c2.481 12.125.341 24.984-5.992 35.621-6.117 10.272-15.904 18.169-27.257 21.93-17.781 5.89-37.853 1.118-51.09-12.118" class="iconic-loop-circular-line iconic-loop-circular-line-right iconic-property-stroke"
+    fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-right iconic-property-fill" d="M114 29.963l-14 24h28z" />
+  </g>
+  <g class="iconic-loop-circular-md iconic-container iconic-md" data-width="32" data-height="25" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="3" d="M4.5 12.986c0-4.52 2.743-8.718 6.882-10.535 4.292-1.884 9.438-.908 12.75 2.403" class="iconic-loop-circular-line iconic-loop-circular-line-left iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-left iconic-property-fill" d="M4.5 18.986l-4.5-6h9z" />
+    <path stroke="#000" stroke-width="3" d="M27.5 12.986c0 4.52-2.743 8.718-6.882 10.535-4.292 1.884-9.438.908-12.75-2.403" class="iconic-loop-circular-line iconic-loop-circular-line-right iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-right iconic-property-fill" d="M27.5 6.986l4.5 6h-9z" />
+  </g>
+  <g class="iconic-loop-circular-sm iconic-container iconic-sm" data-width="16" data-height="11" display="none" transform="scale(8) translate(0 2)">
+    <path stroke="#000" stroke-width="2" d="M3 5.962c0-4.361 5.45-6.621 8.536-3.535" class="iconic-loop-circular-line iconic-loop-circular-line-left iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-left iconic-property-fill" d="M3 8.962l-3-3h6z" />
+    <path stroke="#000" stroke-width="2" d="M13 5.962c0 4.361-5.45 6.621-8.536 3.535" class="iconic-loop-circular-line iconic-loop-circular-line-right iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-circular-arrowhead iconic-loop-circular-arrowhead-right iconic-property-fill" d="M13 2.962l3 3h-6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/loop-square.svg b/app/javascript/iconic/svg/smart/loop-square.svg
new file mode 100755
index 0000000..0e0fc61
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/loop-square.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-loop-square" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Loop Square</title>
+  </g>
+  <g class="iconic-loop-square-lg iconic-container iconic-lg" data-width="128" data-height="96" display="inline" transform="translate(0 16)">
+    <path stroke="#000" stroke-width="8" d="M114 60v27.5c0 2.485-2.015 4.5-4.5 4.5h-91c-2.485 0-4.5-2.015-4.5-4.5v-27.5" class="iconic-loop-square-line iconic-loop-square-line-bottom iconic-property-stroke" fill="none" />
+    <path d="M13.244 43.296l-12.488 21.409c-.417.716-.084 1.296.744 1.296h25c.828 0 1.162-.58.744-1.296l-12.488-21.409c-.417-.716-1.094-.716-1.512 0z" class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-bottom iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M14 36v-27.5c0-2.485 2.015-4.5 4.5-4.5h91c2.485 0 4.5 2.015 4.5 4.5v27.5" class="iconic-loop-square-line iconic-loop-square-line-top iconic-property-stroke" fill="none" />
+    <path d="M114.756 52.704l12.488-21.409c.417-.716.084-1.296-.744-1.296h-25c-.828 0-1.162.58-.744 1.296l12.488 21.409c.417.715 1.094.715 1.512 0z" class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-loop-square-md iconic-container iconic-md" data-width="32" data-height="24" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="3" d="M27.5 16v5c0 .828-.672 1.5-1.5 1.5h-20c-.828 0-1.5-.672-1.5-1.5v-6" class="iconic-loop-square-line iconic-loop-square-line-bottom iconic-property-stroke" fill="none" />
+    <path d="M4.8 10.4l3.9 5.2c.166.221.076.4-.2.4h-8c-.276 0-.366-.179-.2-.4l3.9-5.2c.166-.221.434-.221.6 0z" class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-bottom iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M4.5 8v-5c0-.828.672-1.5 1.5-1.5h20c.828 0 1.5.672 1.5 1.5v6" class="iconic-loop-square-line iconic-loop-square-line-top iconic-property-stroke" fill="none" />
+    <path d="M27.2 13.6l-3.9-5.2c-.166-.221-.076-.4.2-.4h8c.276 0 .366.179.2.4l-3.9 5.2c-.166.221-.434.221-.6 0z" class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-loop-square-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path stroke="#000" stroke-width="2" d="M13 8v2.5c0 .276-.224.5-.5.5h-9c-.276 0-.5-.224-.5-.5v-3.5" class="iconic-loop-square-line iconic-loop-square-line-top iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-bottom iconic-property-fill" d="M3 5l3 3h-6z" />
+    <path stroke="#000" stroke-width="2" d="M3 4v-2.5c0-.276.224-.5.5-.5h9c.276 0 .5.224.5.5v3.5" class="iconic-loop-square-line iconic-loop-square-line-top iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-square-arrowhead iconic-loop-square-arrowhead-top iconic-property-fill" d="M13 7l-3-3h6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/loop.svg b/app/javascript/iconic/svg/smart/loop.svg
new file mode 100755
index 0000000..128ddf3
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/loop.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-loop" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Loop</title>
+  </g>
+  <g class="iconic-loop-lg iconic-container iconic-lg" data-width="112" data-height="72" display="inline" transform="translate(8 28)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M46 58h59c1.657 0 3-1.343 3-3v-38c0-1.657-1.343-3-3-3h-5" class="iconic-loop-line iconic-loop-line-bottom iconic-property-stroke" fill="none" />
+    <path d="M25.296 58.756l21.409 12.488c.715.417 1.296.084 1.296-.744v-25c0-.828-.58-1.162-1.296-.744l-21.409 12.488c-.716.417-.716 1.094 0 1.512z" class="iconic-loop-arrowhead iconic-loop-arrowhead-bottom iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M72 14h-65c-1.657 0-3 1.343-3 3v38c0 1.657 1.343 3 3 3h5" class="iconic-loop-line iconic-loop-line-top iconic-property-stroke" fill="none" />
+    <path d="M86.704 13.244l-21.409-12.488c-.716-.417-1.296-.084-1.296.744v25c0 .828.58 1.162 1.296.744l21.409-12.488c.716-.417.716-1.094 0-1.512z" class="iconic-loop-arrowhead iconic-loop-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-loop-md iconic-container iconic-md" data-width="30" data-height="23" display="none" transform="scale(4) translate(1 4)">
+    <path stroke="#000" stroke-width="3" d="M12 18.5h15.5c.552 0 1-.448 1-1v-12c0-.552-.448-1-1-1h-2.5" class="iconic-loop-line iconic-loop-line-bottom iconic-property-stroke" fill="none" />
+    <path d="M7.4 18.2l5.2-3.9c.221-.166.4-.076.4.2v8c0 .276-.179.366-.4.2l-5.2-3.9c-.221-.166-.221-.434 0-.6z" class="iconic-loop-arrowhead iconic-loop-arrowhead-bottom iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M20 4.5h-17.5c-.552 0-1 .448-1 1v12c0 .552.448 1 1 1h2.5" class="iconic-loop-line iconic-loop-line-top iconic-property-stroke" fill="none" />
+    <path d="M22.6 4.8l-5.2 3.9c-.221.166-.4.076-.4-.2v-8c0-.276.179-.366.4-.2l5.2 3.9c.221.166.221.434 0 .6z" class="iconic-loop-arrowhead iconic-loop-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-loop-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" d="M7 11h7.5c.276 0 .5-.224.5-.5v-7c0-.276-.224-.5-.5-.5h-1.5" class="iconic-loop-line iconic-loop-line-bottom iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-arrowhead iconic-loop-arrowhead-bottom iconic-property-fill" d="M7 14v-6l-3 3z" />
+    <path stroke="#000" stroke-width="2" d="M10 3h-8.5c-.276 0-.5.224-.5.5v7c0 .276.224.5.5.5h1.5" class="iconic-loop-line iconic-loop-line-top iconic-property-stroke" fill="none" />
+    <path class="iconic-loop-arrowhead iconic-loop-arrowhead-top iconic-property-fill" d="M9 0v6l3-3z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/loupe.svg b/app/javascript/iconic/svg/smart/loupe.svg
new file mode 100755
index 0000000..3d42d2c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/loupe.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-loupe" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Loupe</title>
+  </g>
+  <g class="iconic-loupe-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M106.337 104l-14.219 9.06-28.118 14.939h59c2.761 0 5-2.239 5-5v-59l-21.663 40zm9.663 16c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z" class="iconic-loupe-tab iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-loupe-ring iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-loupe-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M26.584 26l-10.584 6h14c1.105 0 2-.895 2-2v-14l-5.416 10z" class="iconic-loupe-tab iconic-property-fill" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-loupe-ring iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-loupe-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M16 8l-2.416 5-5.584 3h6.97l.005-.005c.009 0 .016.005.025.005.552 0 1-.448 1-1v-7z" class="iconic-loupe-tab iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-loupe-ring iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/magic-wand.svg b/app/javascript/iconic/svg/smart/magic-wand.svg
new file mode 100755
index 0000000..0c39136
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/magic-wand.svg
@@ -0,0 +1,62 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-magic-wand" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Magic Wand</title>
+  </g>
+  <g class="iconic-magic-wand-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M89.061 31.061l7.879 7.879c.586.586.586 1.536 0 2.121l-85.879 85.879c-.586.586-1.536.586-2.121 0l-7.879-7.879c-.586-.586-.586-1.536 0-2.121l85.879-85.879c.586-.586 1.536-.586 2.121 0z" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-handle iconic-property-fill"
+    />
+    <path d="M100.939 17.061l-9.879 9.879c-.586.586-.586 1.536 0 2.121l7.879 7.879c.586.586 1.536.586 2.121 0l9.879-9.879c.586-.586.586-1.536 0-2.121l-7.879-7.879c-.586-.586-1.536-.586-2.121 0z" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-tip iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-7 iconic-property-stroke" d="M101 43v10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-6 iconic-property-stroke" d="M113 39l14 14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-5 iconic-property-stroke" d="M127 27h-10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-4 iconic-property-stroke" d="M127 1l-14 14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-3 iconic-property-stroke" d="M101 1v10" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-2 iconic-property-stroke" d="M75 1l14 14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-1 iconic-property-stroke" d="M85 27h-10" fill="none" />
+    <circle cx="83" cy="19" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="75" cy="9" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="79" cy="23" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="93" cy="9" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="93" cy="9" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="97" cy="11" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="89" cy="3" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="109" cy="9" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="105" cy="3" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="117" cy="3" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="119" cy="19" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="119" cy="19" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="125" cy="11" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="123" cy="23" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="117" cy="35" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="123" cy="31" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="125" cy="39" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="109" cy="43" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="107" cy="49" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+    <circle cx="115" cy="53" r="1" class="iconic-magic-wand-spark iconic-property-fill" />
+  </g>
+  <g class="iconic-magic-wand-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M20.354 9.354l2.293 2.293c.195.195.195.512 0 .707l-19.293 19.293c-.195.195-.512.195-.707 0l-2.293-2.293c-.195-.195-.195-.512 0-.707l19.293-19.293c.195-.195.512-.195.707 0z" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-handle iconic-property-fill"
+    />
+    <path d="M23.646 5.354l-2.335 2.335c-.195.195-.193.51.005.702l2.325 2.261c.198.193.517.19.712-.005l2.293-2.293c.195-.195.195-.512 0-.707l-2.293-2.293c-.195-.195-.512-.195-.707 0z" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-tip iconic-property-fill"
+    />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-7 iconic-property-stroke" d="M24.5 13.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-6 iconic-property-stroke" d="M27.5 11.5l4 4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-5 iconic-property-stroke" d="M31.5 7.5h-2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-4 iconic-property-stroke" d="M31.5.5l-4 4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-3 iconic-property-stroke" d="M24.5.5v2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-2 iconic-property-stroke" d="M17 .5l4 4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-1 iconic-property-stroke" d="M18.5 7.5h-2" fill="none" />
+  </g>
+  <g class="iconic-magic-wand-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path transform="matrix(-.707 -.707 .707 -.707 .757 22.314)" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-handle iconic-property-fill" d="M3.586 5.343h2.828v11.314h-2.828z" />
+    <path transform="matrix(.707 -.707 .707 .707 -.314 9.243)" class="iconic-magic-wand-shaft iconic-magic-wand-shaft-tip iconic-property-fill" d="M9.586 3.586h2.828v2.828h-2.828z" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-4 iconic-property-stroke" d="M15.5.5l-2 2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-6 iconic-property-stroke" d="M13.5 6.5l2 2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-major iconic-magic-wand-ray-2 iconic-property-stroke" d="M7.5.5l2 2" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-3 iconic-property-stroke" d="M11.5.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-5 iconic-property-stroke" d="M15.5 4.5h-1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-7 iconic-property-stroke" d="M11.5 8.5v1" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-magic-wand-ray iconic-magic-wand-ray-minor iconic-magic-wand-ray-1 iconic-property-stroke" d="M7.5 4.5h-1" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/magnifying-glass.svg b/app/javascript/iconic/svg/smart/magnifying-glass.svg
new file mode 100755
index 0000000..fbc7c8c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/magnifying-glass.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-magnifying-glass" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Magnifying Glass</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-magnifying-glass-clip-0">
+      <path d="M95.707 83.707l-6.707 6.707-1.414-1.414 6.707-6.707-4.293-4.293-12 12 38 38 12-12z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-magnifying-glass-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-magnifying-glass-handle iconic-magnifying-glass-handle-connector iconic-property-stroke" d="M85 85l-7.912-7.912" fill="none" />
+    <path d="M126.939 117.061l-9.879 9.879c-.586.586-1.536.586-2.121 0l-35.879-35.879c-.586-.586-.586-1.536 0-2.121l9.879-9.879c.586-.586 1.536-.586 2.121 0l35.879 35.879c.586.586.586 1.535 0 2.121z" clip-path="url(#iconic-size-lg-magnifying-glass-clip-0)"
+    class="iconic-magnifying-glass-handle iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="46" cy="46" r="42" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+    <path fill="#fff" stroke="#000" stroke-width="2" stroke-linecap="round" d="M13 46c0-18.225 14.775-33 33-33" class="iconic-magnifying-glass-reflection iconic-property-accent iconic-property-stroke" />
+  </g>
+  <g class="iconic-magnifying-glass-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path fill="#fff" stroke="#000" stroke-width="3" class="iconic-magnifying-glass-handle iconic-magnifying-glass-handle-connector iconic-property-stroke" d="M19.5 19.582l9.438 9.438" />
+    <circle stroke="#000" stroke-width="3" cx="12" cy="12" r="10.5" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+    <path d="M23.646 20.354l-3.293 3.293c-.195.195-.195.512 0 .707l7.293 7.293c.195.195.512.195.707 0l3.293-3.293c.195-.195.195-.512 0-.707l-7.293-7.293c-.195-.195-.512-.195-.707 0z" class="iconic-magnifying-glass-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-magnifying-glass-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-magnifying-glass-handle iconic-property-stroke" d="M11 11l3.5 3.5" fill="none" />
+    <circle stroke="#000" stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-magnifying-glass-rim iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/map-marker.svg b/app/javascript/iconic/svg/smart/map-marker.svg
new file mode 100755
index 0000000..69a3351
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/map-marker.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-map-marker" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Map Marker</title>
+  </g>
+  <g class="iconic-map-marker-lg iconic-container iconic-lg" data-width="80" data-height="128" display="inline" transform="translate(24)">
+    <path d="M40 0c-22.091 0-40 17.909-40 40 0 30 40 88 40 88s40-58 40-88c0-22.091-17.909-40-40-40zm0 58c-9.941 0-18-8.059-18-18s8.059-18 18-18 18 8.059 18 18-8.059 18-18 18z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-map-marker-md iconic-container iconic-md" data-width="20" data-height="32" display="none" transform="scale(4) translate(6)">
+    <path d="M10 0c-5.523 0-10 4.477-10 10 0 7.5 10 22 10 22s10-14.5 10-22c0-5.523-4.477-10-10-10zm0 15c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-map-marker-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path d="M5 0c-2.761 0-5 2.239-5 5 0 3.75 5 11 5 11s5-7.25 5-11c0-2.761-2.239-5-5-5zm0 7c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/map.svg b/app/javascript/iconic/svg/smart/map.svg
new file mode 100755
index 0000000..fd7d1ea
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/map.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-map" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Map</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-map-clip-0">
+      <path d="M10 10h108v108h-108z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-map-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path clip-path="url(#iconic-size-lg-map-clip-0)" stroke="#000" stroke-width="4" class="iconic-map-street iconic-map-street-cross iconic-map-street-cross-2 iconic-property-stroke" d="M126 46l-79.196 79.196" fill="none" />
+    <path clip-path="url(#iconic-size-lg-map-clip-0)" stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-map-street iconic-map-street-cross iconic-map-street-cross-1 iconic-property-stroke" d="M50 36l32-32" fill="none" />
+    <path clip-path="url(#iconic-size-lg-map-clip-0)" stroke="#000" stroke-width="4" class="iconic-map-street iconic-map-street-main iconic-property-stroke" d="M40 4l84.381 84.381" fill="none" />
+    <path d="M48 52c-8.836 0-16 7.163-16 16 0 12 16 32 16 32s16-20 16-32c0-8.837-7.163-16-16-16zm0 24c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" class="iconic-map-map-marker iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M122.5 124h-117c-.828 0-1.5-.672-1.5-1.5v-117c0-.828.672-1.5 1.5-1.5h117c.828 0 1.5.672 1.5 1.5v117c0 .828-.672 1.5-1.5 1.5z" class="iconic-map-frame iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-map-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" class="iconic-map-street iconic-map-street-cross iconic-map-street-cross-2 iconic-property-stroke" d="M31 11l-20 20" fill="none" />
+    <path stroke="#000" stroke-width="1.014" stroke-linecap="round" class="iconic-map-street iconic-map-street-cross iconic-map-street-cross-1 iconic-property-stroke" d="M12 9l8-8" fill="none" />
+    <path stroke="#000" class="iconic-map-street iconic-map-street-main iconic-property-stroke" d="M10 1l21.095 21.095" fill="none" />
+    <path d="M12 13c-2.209 0-4 1.791-4 4 0 3 4 8 4 8s4-5 4-8c0-2.209-1.791-4-4-4zm0 6c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-map-map-marker iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M30 30.5h-28c-.276 0-.5-.224-.5-.5v-28c0-.276.224-.5.5-.5h28c.276 0 .5.224.5.5v28c0 .276-.224.5-.5.5z" class="iconic-map-frame iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-map-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-map-street iconic-map-street-cross iconic-property-stroke" d="M15 6l-9 9" fill="none" />
+    <path stroke="#000" class="iconic-map-street iconic-map-street-main iconic-property-stroke" d="M5 1l10 10" fill="none" />
+    <path d="M6 6c-1.105 0-2 .895-2 2 0 1.5 2 4 2 4s2-2.5 2-4c0-1.105-.895-2-2-2zm0 3c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" class="iconic-map-map-marker iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M14.75 15h-13.5c-.138 0-.25-.112-.25-.25v-13.5c0-.138.112-.25.25-.25h13.5c.138 0 .25.112.25.25v13.5c0 .138-.112.25-.25.25z" class="iconic-map-frame iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/marquee.svg b/app/javascript/iconic/svg/smart/marquee.svg
new file mode 100755
index 0000000..da45632
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/marquee.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-marquee" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Marquee</title>
+  </g>
+  <g class="iconic-marquee-lg iconic-container iconic-lg" data-width="124" data-height="82" display="inline" transform="translate(2 23)">
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-left iconic-marquee-corner-top-left iconic-property-stroke" d="M10 1h-9v9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-right iconic-marquee-corner-top-right iconic-property-stroke" d="M123 10v-9h-9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-right iconic-marquee-corner-bottom-right iconic-property-stroke" d="M114 81h9v-9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-left iconic-marquee-corner-bottom-left iconic-property-stroke" d="M1 72v9h9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-top iconic-property-stroke" d="M16 1h8m6 0h8m6 0h8m6 0h8m6 0h8m6 0h8m6 0h8" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-bottom iconic-property-stroke" d="M16 81h8m6 0h8m6 0h8m6 0h8m6 0h8m6 0h8m6 0h8" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-left iconic-property-stroke" d="M1 16v8m0 6v8m0 6v8m0 6v8" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-right iconic-property-stroke" d="M123 16v8m0 6v8m0 6v8m0 6v8" />
+  </g>
+  <g class="iconic-marquee-md iconic-container iconic-md" data-width="30" data-height="20" display="none" transform="scale(4) translate(1 6)">
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-left iconic-marquee-corner-top-left iconic-property-stroke" d="M4 .5h-3.5v3.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-right iconic-marquee-corner-top-right iconic-property-stroke" d="M29.5 4v-3.5h-3.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-right iconic-marquee-corner-bottom-right iconic-property-stroke" d="M26 19.5h3.5v-3.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-left iconic-marquee-corner-bottom-left iconic-property-stroke" d="M.5 16v3.5h3.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-right iconic-property-stroke" d="M29.5 6v3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-left iconic-property-stroke" d="M.5 6v3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-top iconic-property-stroke" d="M11 .5h3m-8 0h3m12 0h3m-8 0h3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-bottom iconic-property-stroke" d="M21 19.5h3m-8 0h3m-8 0h3m-8 0h3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-right iconic-property-stroke" d="M29.5 11v3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-left iconic-property-stroke" d="M.5 11v3" />
+  </g>
+  <g class="iconic-marquee-sm iconic-container iconic-sm" data-width="15" data-height="11" display="none" transform="scale(8) translate(0 2)">
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-left iconic-marquee-corner-top-left iconic-property-stroke" d="M3 .5h-2.5v2.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-top iconic-marquee-corner-right iconic-marquee-corner-top-right iconic-property-stroke" d="M14.5 3v-2.5h-2.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-right iconic-marquee-corner-bottom-right iconic-property-stroke" d="M12 10.5h2.5v-2.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-corner iconic-marquee-corner-bottom iconic-marquee-corner-left iconic-marquee-corner-bottom-left iconic-property-stroke" d="M.5 8v2.5h2.5" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-top iconic-property-stroke" d="M8 .5h3m-7 0h3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-horizontal iconic-marquee-line-horizontal-bottom iconic-property-stroke" d="M8 10.5h3m-7 0h3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-right iconic-property-stroke" d="M14.5 4v3" />
+    <path fill="#fff" stroke="#000" class="iconic-marquee-line iconic-marquee-line-vertical iconic-marquee-line-vertical-left iconic-property-stroke" d="M.5 4v3" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/medal.svg b/app/javascript/iconic/svg/smart/medal.svg
new file mode 100755
index 0000000..c366439
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/medal.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-medal" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Medal</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-medal-clip-0">
+      <path d="M19.429 6l-3.429-6h92l-3.429 6h-85.143zm31.587 72.247c3.374-1.445 7.087-2.247 10.984-2.247s7.61.802 10.984 2.247l44.713-78.247h-7.697l-24 42h-2l18.286-32h-80.571l18.286 32h-2l-24-42h-7.697l44.713 78.247zm68.984-78.247l1.736.992-45.194 79.089c1.821 1.111 3.497 2.434 5.015 3.918h42.442v-84h-4zm-72.542 80.082l-45.194-79.089 1.736-.992h-4v84h42.443c1.518-1.484 3.194-2.807 5.015-3.918z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-medal-clip-0">
+      <path d="M28 0l-6 10h-1l6-10h-22l6 10h-1l-6-10h-4v21h9.082c1.386-2.387 3.964-4 6.918-4s5.532 1.613 6.918 4h9.082v-21h-4z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-medal-lg iconic-container iconic-lg" data-width="124" data-height="128" display="inline" transform="translate(2)">
+    <path clip-path="url(#iconic-size-lg-medal-clip-0)" d="M108.5 0h-93c-.828 0-2.046.39-2.721.872l-11.559 8.256c-.674.481-.887 1.455-.476 2.174l46.512 81.395c.411.719 1.291.912 1.965.43l11.559-8.256c.674-.481.887-1.455.476-2.174l-37.369-65.395c-.411-.719-.073-1.302.756-1.302h74.714c.828 0 1.167.583.756 1.302l-37.369 65.395c-.411.719-.198 1.693.476 2.174l11.559 8.256c.674.481 1.554.289 1.965-.43l46.512-81.395c.411-.719.198-1.693-.476-2.174l-11.559-8.256c-.674-.481-1.892-.872-2.721-.872z"
+    class="iconic-medal-band iconic-property-fill" />
+    <circle cx="62" cy="104" r="24" class="iconic-medal-medal iconic-property-fill" />
+  </g>
+  <g class="iconic-medal-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <path d="M27.5 0h-23c-.276 0-.679.134-.9.3l-3.2 2.4c-.221.166-.285.492-.143.729l11.486 19.142c.142.237.436.295.657.129l3.2-2.4c.221-.166.285-.492.143-.729l-8.486-14.143c-.142-.237-.033-.429.243-.429h17c.276 0 .385.192.243.429l-8.486 14.143c-.142.237-.078.563.143.729l3.2 2.4c.221.166.515.108.657-.129l11.486-19.143c.142-.237.078-.563-.143-.729l-3.2-2.4c-.221-.166-.624-.3-.9-.3z"
+    clip-path="url(#iconic-size-md-medal-clip-0)" class="iconic-medal-band iconic-property-fill" />
+    <circle cx="16" cy="25" r="6" class="iconic-medal-medal iconic-property-fill" />
+  </g>
+  <g class="iconic-medal-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M14 0l2 2-5.017 8.362c-.614-.694-1.458-1.167-2.417-1.305l5.434-9.057zm-2.8 3l1.8-3h-10l1.8 3h6.4zm-3.766 6.057l-5.434-9.057-2 2 5.017 8.362c.614-.694 1.458-1.167 2.417-1.305z" class="iconic-medal-band iconic-property-fill" />
+    <circle cx="8" cy="13" r="3" class="iconic-medal-medal iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/media-play-circle.svg b/app/javascript/iconic/svg/smart/media-play-circle.svg
new file mode 100755
index 0000000..958a51b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/media-play-circle.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-media-play-circle" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Media Play Circle</title>
+  </g>
+  <g class="iconic-media-play-circle-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M64 0c-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64s64-28.654 64-64c0-35.346-28.654-64-64-64zm-18 90v-52l52 26-52 26z" class="iconic-media-play-circle-body iconic-property-fill" />
+  </g>
+  <g class="iconic-media-play-circle-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zm-5 23v-14l14 7-14 7z" class="iconic-media-play-circle-body iconic-property-fill" />
+  </g>
+  <g class="iconic-media-play-circle-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zm-3 12v-8l8 4-8 4z" class="iconic-media-play-circle-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/media-skip.svg b/app/javascript/iconic/svg/smart/media-skip.svg
new file mode 100755
index 0000000..e17ac98
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/media-skip.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="media-skip" width="128" height="128" class="iconic iconic-media-skip" viewBox="0 0 128 128">
+  <g><title>Media Skip</title></g>
+  <g data-width="128" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(0 32)">
+    <g class="iconic-media-skip-forward">
+      <path d="M126.7 32.7l-61.4 30.6c-.7.4-1.3 0-1.3-.8v-61c0-.8.6-1.2 1.3-.8l61.3 30.7c.8.3.8.9.1 1.3z" class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-front iconic-property-fill"/>
+      <path d="M62.7 32.7l-61.4 30.6c-.7.4-1.3 0-1.3-.8v-61c0-.8.6-1.2 1.3-.8l61.3 30.7c.8.3.8.9.1 1.3z" class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-back iconic-property-fill"/>
+    </g>
+    <g class="iconic-media-skip-backward" display="none">
+      <path d="M1.3 31.3l61.4-30.6c.7-.4 1.3 0 1.3.8v61c0 .8-.6 1.2-1.3.8l-61.4-30.6c-.7-.4-.7-1 0-1.4z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-front iconic-property-fill"/>
+      <path d="M65.3 31.3l61.3-30.7c.7-.4 1.3 0 1.3.8v61c0 .8-.6 1.2-1.3.8l-61.3-30.5c-.7-.4-.7-1 0-1.4z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-back iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 8)">
+    <g class="iconic-media-skip-forward">
+      <path d="M31.6 8.2l-15.1 7.6c-.2.1-.4 0-.4-.3v-15c0-.3.2-.4.4-.3l15.1 7.6c.2.1.2.3 0 .4z" class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-front iconic-property-fill"/>
+      <path d="M15.6 8.2l-15.2 7.6c-.2.1-.4 0-.4-.3v-15c0-.3.2-.4.4-.3l15.1 7.6c.3.1.3.3.1.4z" class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-back iconic-property-fill"/>
+    </g>
+    <g class="iconic-media-skip-backward" display="none">
+      <path d="M.4 7.8l15.1-7.6c.2-.1.4 0 .4.3v15c0 .3-.2.4-.4.3l-15.1-7.6c-.2-.1-.2-.3 0-.4z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-front iconic-property-fill"/>
+      <path d="M16.4 7.8l15.1-7.6c.2-.1.4 0 .4.3v15c0 .3-.2.4-.4.3l-15.1-7.6c-.2-.1-.2-.3 0-.4z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-back iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 4)">
+    <g class="iconic-media-skip-forward">
+      <path class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-front iconic-property-fill" d="M16 4l-8 4v-8z"/>
+      <path class="iconic-skip-forward-arrowhead iconic-skip-forward-arrowhead-back iconic-property-fill" d="M8 4l-8 4v-8z"/>
+    </g>
+    <g class="iconic-media-skip-backward" display="none">
+      <path d="M.2 3.9l7.6-3.8c.1 0 .2 0 .2.1v7.5c0 .1-.1.2-.2.1l-7.6-3.7c-.1 0-.1-.2 0-.2z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-front iconic-property-fill"/>
+      <path d="M8.2 3.9l7.6-3.8c.1-.1.2 0 .2.1v7.5c0 .1-.1.2-.2.1l-7.6-3.7c-.1 0-.1-.2 0-.2z" class="iconic-skip-backward-arrowhead iconic-skip-backward-arrowhead-back iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["media-skip"]=iconicApis["media-skip"]||function(t){var e=function(e){t.setAttribute("data-direction",e);var i,r,n=t.querySelectorAll(".iconic-media-skip-forward"),a=t.querySelectorAll(".iconic-media-skip-backward");i=r="none","backward"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-direction");i&&e(i)};return{update:i,setDirection:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/media-step.svg b/app/javascript/iconic/svg/smart/media-step.svg
new file mode 100755
index 0000000..940fcf9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/media-step.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="media-step" width="128" height="128" class="iconic iconic-media-step" viewBox="0 0 128 128">
+  <g><title>Media Step</title></g>
+  <g data-width="72" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(26 32)">
+    <g class="iconic-media-step-forward">
+      <path d="M62.7 32.7l-61.4 30.6c-.7.4-1.3 0-1.3-.8v-61c0-.8.6-1.2 1.3-.8l61.3 30.7c.8.3.8.9.1 1.3z" class="iconic-step-forward-arrowhead iconic-property-fill"/>
+      <path class="iconic-step-forward-line iconic-property-fill" d="M64 0h8v64h-8z"/>
+    </g>
+    <g class="iconic-media-step-backward" display="none">
+      <path d="M9.3 31.3l61.4-30.6c.7-.4 1.3 0 1.3.8v61c0 .8-.6 1.2-1.3.8l-61.4-30.6c-.7-.4-.7-1 0-1.4z" class="iconic-step-backward-arrowhead iconic-property-fill"/>
+      <path class="iconic-step-backward-line iconic-property-fill" d="M0 0h8v64h-8z"/>
+    </g>
+  </g>
+  <g data-width="19" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(6 8)">
+    <g class="iconic-media-step-forward">
+      <path d="M15.6 8.2l-15.2 7.6c-.2.1-.4 0-.4-.3v-15c0-.3.2-.4.4-.3l15.1 7.6c.3.1.3.3.1.4z" class="iconic-step-forward-arrowhead iconic-property-fill"/>
+      <path class="iconic-step-forward-line iconic-property-fill" d="M16 0h3v16h-3z"/>
+    </g>
+    <g class="iconic-media-step-backward" display="none">
+      <path d="M3.4 7.8l15.1-7.6c.2-.1.4 0 .4.3v15c0 .3-.2.4-.4.3l-15.1-7.6c-.2-.1-.2-.3 0-.4z" class="iconic-step-backward-arrowhead iconic-property-fill"/>
+      <path class="iconic-step-backward-line iconic-property-fill" d="M0 0h3v16h-3z"/>
+    </g>
+  </g>
+  <g data-width="10" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(3 4)">
+    <g class="iconic-media-step-forward">
+      <path class="iconic-step-forward-arrowhead iconic-property-fill" d="M8 4l-8 4v-8z"/>
+      <path class="iconic-step-forward-line iconic-property-fill" d="M8 0h2v8h-2z"/>
+    </g>
+    <g class="iconic-media-step-backward" display="none">
+      <path class="iconic-step-backward-arrowhead iconic-property-fill" d="M2 4l8-4v8z"/>
+      <path class="iconic-step-backward-line iconic-property-fill" d="M0 0h2v8h-2z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["media-step"]=iconicApis["media-step"]||function(t){var e=function(e){t.setAttribute("data-direction",e);var i,r,n=t.querySelectorAll(".iconic-media-step-forward"),a=t.querySelectorAll(".iconic-media-step-backward");i=r="none","backward"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-direction");i&&e(i)};return{update:i,setDirection:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/media.svg b/app/javascript/iconic/svg/smart/media.svg
new file mode 100755
index 0000000..30b8f5f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/media.svg
@@ -0,0 +1,71 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="media" width="128" height="128" class="iconic iconic-media" viewBox="0 0 128 128">
+  <g><title>Media</title></g>
+  <g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
+    <g class="iconic-media-play">
+      <path d="M62.7 32.7l-61.4 30.6c-.7.4-1.3 0-1.3-.8v-61c0-.8.6-1.2 1.3-.8l61.3 30.7c.8.3.8.9.1 1.3z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="52" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(38 32)">
+    <g class="iconic-media-pause" display="none">
+      <path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M6 0v64" stroke="#000" stroke-width="12" stroke-miterlimit="10" fill="none"/>
+      <path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M46 0v64" stroke="#000" stroke-width="12" stroke-miterlimit="10" fill="none"/>
+    </g>
+  </g>
+  <g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
+    <g class="iconic-media-record" display="none">
+      <circle cx="32" cy="32" r="32" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="64" data-height="64" class="iconic-lg iconic-container" display="inline" transform="translate(32 32)">
+    <g class="iconic-media-stop" display="none">
+      <path d="M62.5 64h-61c-.8 0-1.5-.7-1.5-1.5v-61c0-.8.7-1.5 1.5-1.5h61c.8 0 1.5.7 1.5 1.5v61c0 .8-.7 1.5-1.5 1.5z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
+    <g class="iconic-media-play">
+      <path d="M15.6 8.2l-15.2 7.6c-.2.1-.4 0-.4-.3v-15c0-.3.2-.4.4-.3l15.1 7.6c.3.1.3.3.1.4z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="15" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(9 8)">
+    <g class="iconic-media-pause" display="none">
+      <path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M2.5 0v16" stroke="#000" stroke-width="5" stroke-miterlimit="10" fill="none"/>
+      <path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M12.5 0v16" stroke="#000" stroke-width="5" stroke-miterlimit="10" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
+    <g class="iconic-media-record" display="none">
+      <circle cx="8" cy="8" r="8" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-md iconic-container" display="none" transform="scale(4) translate(8 8)">
+    <g class="iconic-media-stop" display="none">
+      <path d="M15.5 16h-15c-.3 0-.5-.2-.5-.5v-15c0-.3.2-.5.5-.5h15c.3 0 .5.2.5.5v15c0 .3-.2.5-.5.5z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
+    <g class="iconic-media-play">
+      <path class="iconic-property-fill" d="M8 4l-8 4v-8z"/>
+    </g>
+  </g>
+  <g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
+    <g class="iconic-media-pause" display="none">
+      <path class="iconic-media-pause-line iconic-media-pause-line-left iconic-property-stroke" d="M1.5 0v8" stroke="#000" stroke-width="3" stroke-miterlimit="10" fill="none"/>
+      <path class="iconic-media-pause-line iconic-media-pause-line-right iconic-property-stroke" d="M7.5 0v8" stroke="#000" stroke-width="3" stroke-miterlimit="10" fill="none"/>
+    </g>
+  </g>
+  <g data-width="8" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(4 4)">
+    <g class="iconic-media-record" display="none">
+      <circle cx="4" cy="4" r="4" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="9" data-height="8" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(3 4)">
+    <g class="iconic-media-stop" display="none">
+      <path class="iconic-property-fill" d="M0 0h8v8h-8z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["media"]=iconicApis["media"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-media-play"),a=t.querySelectorAll(".iconic-media-pause"),c=t.querySelectorAll(".iconic-media-record"),o=t.querySelectorAll(".iconic-media-stop");switch(i=r=record=stop="none",e){case"pause":i="inline";break;case"record":record="inline";break;case"stop":stop="inline";break;default:r="inline"}for(var s=0;s<n.length;s++)n[s].setAttribute("display",r),a[s].setAttribute("display",i),o[s].setAttribute("display",stop),c[s].setAttribute("display",record)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/medical-cross.svg b/app/javascript/iconic/svg/smart/medical-cross.svg
new file mode 100755
index 0000000..a458c41
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/medical-cross.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-medical-cross" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Medical Cross</title>
+  </g>
+  <g class="iconic-medical-cross-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M126.5 46h-43c-.828 0-1.5-.672-1.5-1.5v-43c0-.828-.672-1.5-1.5-1.5h-33c-.828 0-1.5.672-1.5 1.5v43c0 .828-.672 1.5-1.5 1.5h-43c-.828 0-1.5.672-1.5 1.5v33c0 .828.672 1.5 1.5 1.5h43c.828 0 1.5.672 1.5 1.5v43c0 .828.672 1.5 1.5 1.5h33c.828 0 1.5-.672 1.5-1.5v-43c0-.828.672-1.5 1.5-1.5h43c.828 0 1.5-.672 1.5-1.5v-33c0-.828-.672-1.5-1.5-1.5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-medical-cross-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M31.5 11h-10c-.276 0-.5-.224-.5-.5v-10c0-.276-.224-.5-.5-.5h-9c-.276 0-.5.224-.5.5v10c0 .276-.224.5-.5.5h-10c-.276 0-.5.224-.5.5v9c0 .276.224.5.5.5h10c.276 0 .5.224.5.5v10c0 .276.224.5.5.5h9c.276 0 .5-.224.5-.5v-10c0-.276.224-.5.5-.5h10c.276 0 .5-.224.5-.5v-9c0-.276-.224-.5-.5-.5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-medical-cross-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M16 5h-5v-5h-6v5h-5v6h5v5h6v-5h5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/menu-selected.svg b/app/javascript/iconic/svg/smart/menu-selected.svg
new file mode 100755
index 0000000..19438dc
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/menu-selected.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-menu-selected" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Menu Selected</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-menu-selected-clip-0">
+      <path d="M118 40l-8 8h-110v-8z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-menu-selected-clip-0">
+      <path d="M28 10l-3 3h-25v-3z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-menu-selected-clip-0">
+      <path d="M11 8h-11v-2h13z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-menu-selected-lg iconic-container iconic-lg" data-width="128" data-height="98" display="inline" transform="translate(0 15)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-selected-line-1 iconic-property-stroke" d="M4 4h120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-selected-line-3 iconic-property-stroke" d="M4 84h56" fill="none" />
+    <path class="iconic-menu-selected-checkmark iconic-property-accent iconic-property-fill" d="M128 58l-6-6-34 34-12-12-6 6 18 18z" />
+    <path clip-path="url(#iconic-size-lg-menu-selected-clip-0)" stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-selected-line-2 iconic-property-stroke" d="M4 44h120" fill="none" />
+  </g>
+  <g class="iconic-menu-selected-md iconic-container iconic-md" data-width="32" data-height="25" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-selected-line-1 iconic-property-stroke" d="M1.5 1.5h29" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-selected-line-3 iconic-property-stroke" d="M1.5 21.5h12" fill="none" />
+    <path class="iconic-menu-selected-checkmark iconic-property-accent iconic-property-fill" d="M32 15l-2-2-8 8-3-3-2 2 5 5z" />
+    <path clip-path="url(#iconic-size-md-menu-selected-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-selected-line-2 iconic-property-stroke" d="M1.5 11.5h29" fill="none" />
+  </g>
+  <g class="iconic-menu-selected-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-selected-line-1 iconic-property-stroke" d="M1 1h14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-selected-line-3 iconic-property-stroke" d="M1 13h3" fill="none" />
+    <path class="iconic-menu-selected-checkmark iconic-property-accent iconic-property-fill" d="M16 9l-1.5-1.5-4.5 4.5-2-2-1.5 1.5 3.5 3.5z" />
+    <path clip-path="url(#iconic-size-sm-menu-selected-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-selected-line-2 iconic-property-stroke" d="M1 7h14" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/menu.svg b/app/javascript/iconic/svg/smart/menu.svg
new file mode 100755
index 0000000..58c9e21
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/menu.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-menu" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Menu</title>
+  </g>
+  <g class="iconic-menu-lg iconic-container iconic-lg" data-width="128" data-height="88" display="inline" transform="translate(0 20)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-line-1 iconic-property-stroke" d="M4 4h120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-line-2 iconic-property-stroke" d="M4 44h120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-menu-line-3 iconic-property-stroke" d="M4 84h120" fill="none" />
+  </g>
+  <g class="iconic-menu-md iconic-container iconic-md" data-width="32" data-height="23" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-line-1 iconic-property-stroke" d="M1.5 1.5h29" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-line-2 iconic-property-stroke" d="M1.5 11.5h29" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-menu-line-3 iconic-property-stroke" d="M1.5 21.5h29" fill="none" />
+  </g>
+  <g class="iconic-menu-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-line-1 iconic-property-stroke" d="M1 1h14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-line-2 iconic-property-stroke" d="M1 7h14" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-menu-line-3 iconic-property-stroke" d="M1 13h14" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/microphone.svg b/app/javascript/iconic/svg/smart/microphone.svg
new file mode 100755
index 0000000..db5b6ce
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/microphone.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-microphone" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Microphone</title>
+  </g>
+  <g class="iconic-microphone-lg iconic-container iconic-lg" data-width="62" data-height="128" display="inline" transform="translate(33)">
+    <path d="M55 56h-1v-2h-4v2h-3c-.553 0-1 .447-1 1 0 .553.447 1 1 1h3v14.5c0 9.649-8.074 17.5-18 17.5h-2c-9.926 0-18-7.851-18-17.5v-14.5h3c.553 0 1-.447 1-1 0-.553-.447-1-1-1h-3v-2h-4v2h-1c-.552 0-1 .448-1 1s.448 1 1 1h1v2h2v12.5c0 10.752 8.973 19.5 20 19.5v4h2v-4c11.027 0 20-8.748 20-19.5v-12.5h2v-2h1c.552 0 1-.448 1-1s-.448-1-1-1z"
+    class="iconic-microphone-hinge iconic-property-fill" />
+    <path d="M34 94v28c0 1.105.895 2 2 2h22c2.209 0 4 1.791 4 4h-62c0-2.209 1.791-4 4-4h22c1.105 0 2-.895 2-2v-28h6z" class="iconic-microphone-base iconic-property-fill" />
+    <path d="M47 60c-1.305 0-2.402-.838-2.817-2h-8.285c-.465 2.279-2.482 4-4.898 4s-4.434-1.721-4.899-4h-8.285c-.414 1.162-1.511 2-2.816 2h-1v11c0 9.35 7.65 17 17 17s17-7.65 17-17v-11h-1zm-16 22c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1z"
+    class="iconic-microphone-head iconic-microphone-head-bottom iconic-property-fill" />
+    <circle cx="31" cy="57" r="3" class="iconic-microphone-head iconic-microphone-head-button iconic-property-fill" />
+    <path d="M31 0c-9.35 0-17 7.651-17 17v37h1c1.305 0 2.402.838 2.817 2h8.285c.465-2.279 2.483-4 4.899-4s4.433 1.721 4.898 4h8.285c.414-1.162 1.511-2 2.816-2h1v-37c0-9.35-7.65-17-17-17zm-12 50c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 36c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 40c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 44c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 44c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 44c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm4 40c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1zm0-4c-.553 0-1-.447-1-1 0-.553.447-1 1-1s1 .447 1 1c0 .553-.447 1-1 1z"
+    class="iconic-microphone-head iconic-microphone-head-top iconic-property-fill" />
+  </g>
+  <g class="iconic-microphone-md iconic-container iconic-md" data-width="16" data-height="32" display="none" transform="scale(4) translate(8)">
+    <path d="M13 30h-4v-5.63h-2v5.63h-4c-1.105 0-2 .895-2 2h14c0-1.105-.895-2-2-2z" class="iconic-microphone-base iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" d="M.5 15.37v1.63c0 4.142 3.358 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-2.5" class="iconic-microphone-hinge iconic-property-stroke" fill="none" />
+    <path d="M3 17c0 2.75 2.25 5 5 5s5-2.25 5-5v-1h-10v1z" class="iconic-microphone-head iconic-microphone-head-bottom iconic-property-fill" />
+    <path d="M8 0c-2.75 0-5 2.25-5 5v10h10v-10c0-2.75-2.25-5-5-5zm-2 12c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm2-4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm2 8c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+    class="iconic-microphone-head iconic-microphone-head-top iconic-property-fill" />
+  </g>
+  <g class="iconic-microphone-sm iconic-container iconic-sm" data-width="9" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path d="M4 11.5v3.5h-2c-.552 0-1 .448-1 1h7c0-.552-.448-1-1-1h-2v-3.5h-1z" class="iconic-microphone-base iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" d="M.5 6.7v.8c0 2.209 1.791 4 4 4s4-1.791 4-4v-.8" class="iconic-microphone-hinge iconic-property-stroke" fill="none" />
+    <path d="M4.5 10c-1.381 0-2.5-1.119-2.5-2.5v-5c0-1.381 1.119-2.5 2.5-2.5s2.5 1.119 2.5 2.5v5c0 1.381-1.119 2.5-2.5 2.5z" class="iconic-microphone-head iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/minus-thin.svg b/app/javascript/iconic/svg/smart/minus-thin.svg
new file mode 100755
index 0000000..fb2ade8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/minus-thin.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-minus-thin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Minus Thin</title>
+  </g>
+  <g class="iconic-minus-thin-lg iconic-container iconic-lg" data-width="128" data-height="8" display="inline" transform="translate(0 60)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-property-stroke" d="M124 4h-120" fill="none" />
+  </g>
+  <g class="iconic-minus-thin-md iconic-container iconic-md" data-width="32" data-height="3" display="none" transform="scale(4) translate(0 14)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-property-stroke" d="M30.5 1.5h-29" fill="none" />
+  </g>
+  <g class="iconic-minus-thin-sm iconic-container iconic-sm" data-width="14" data-height="2" display="none" transform="scale(8) translate(1 7)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-property-stroke" d="M13 1h-12" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/minus.svg b/app/javascript/iconic/svg/smart/minus.svg
new file mode 100755
index 0000000..a6e25e7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/minus.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-minus" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Minus</title>
+  </g>
+  <g class="iconic-minus-lg iconic-container iconic-lg" data-width="128" data-height="18" display="inline" transform="translate(0 55)">
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-property-stroke" d="M119 9h-110" fill="none" />
+  </g>
+  <g class="iconic-minus-md iconic-container iconic-md" data-width="32" data-height="6" display="none" transform="scale(4) translate(0 13)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" class="iconic-property-stroke" d="M29 3h-26" fill="none" />
+  </g>
+  <g class="iconic-minus-sm iconic-container iconic-sm" data-width="16" data-height="4" display="none" transform="scale(8) translate(0 6)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-property-stroke" d="M14 2h-12" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/monitor.svg b/app/javascript/iconic/svg/smart/monitor.svg
new file mode 100755
index 0000000..0a67b4a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/monitor.svg
@@ -0,0 +1,39 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="monitor" width="128" height="128" class="iconic iconic-monitor" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Monitor</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-monitor-clip-0">
+      <rect x="4" y="4" width="120" height="72"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-monitor-clip-0">
+      <rect x="2" y="2" width="28" height="18"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-monitor-clip-0">
+      <rect x="1" y="1" width="14" height="9"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="106" class="iconic-container iconic-lg" display="inline" transform="translate(0 11)">
+    <path d="M75.5 98l-1.5-16h-4c0 3.3-2.7 6-6 6s-6-2.7-6-6h-4l-1.5 16c-.3 2.2-2.3 4-4.5 4v2h32.1v-2c-2.2 0-4.3-1.8-4.6-4z" class="iconic-monitor-base iconic-monitor-base-neck iconic-property-fill"/>
+    <path d="M88 102h-48c-2.2 0-4 1.8-4 4h56c0-2.2-1.8-4-4-4z" class="iconic-monitor-base iconic-monitor-base-foot iconic-property-fill"/>
+    <path stroke="#000" stroke-width="4" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-monitor-screen iconic-monitor-screen-border iconic-property-stroke" d="M2 2h124v76h-124z" fill="none"/>
+    <image class="iconic-monitor-screenshot-image" data-max-width="120" x="4" y="4" clip-path="url(#iconic-size-lg-monitor-clip-0)"/>
+  </g>
+  <g data-width="32" data-height="29" class="iconic-container iconic-md" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-monitor-screen iconic-monitor-screen-border iconic-property-stroke" d="M1 1h30v20h-30z" fill="none"/>
+    <path d="M20 28.5v-.5c-.6 0-1-.4-1-1v-4h-6v4c0 .6-.4 1-1 1v.5h8z" class="iconic-monitor-base iconic-monitor-base-neck iconic-property-fill"/>
+    <path d="M22 28h-12c-.6 0-1 .4-1 1h14c0-.6-.4-1-1-1z" class="iconic-monitor-base iconic-monitor-base-foot iconic-property-fill"/>
+    <image class="iconic-monitor-screenshot-image" data-max-width="28" x="2" y="2" clip-path="url(#iconic-size-md-monitor-clip-0)"/>
+  </g>
+  <g data-width="16" data-height="15" class="iconic-container iconic-sm" display="none" transform="scale(8)">
+    <path class="iconic-monitor-base iconic-monitor-base-neck iconic-property-fill" d="M6 12h4v2.3h-4z"/>
+    <path d="M12 14h-8c-.6 0-1 .4-1 1h10c0-.6-.4-1-1-1z" class="iconic-monitor-base iconic-monitor-base-foot iconic-property-fill"/>
+    <path stroke="#000" stroke-linejoin="round" stroke-miterlimit="10" class="iconic-monitor-screen iconic-monitor-screen-border iconic-property-stroke" d="M.5.5h15v10h-15z" fill="none"/>
+    <image class="iconic-monitor-screenshot-image" data-max-width="14" x="1" y="1" clip-path="url(#iconic-size-sm-monitor-clip-0)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["monitor"]=iconicApis["monitor"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var i,r,n=t.querySelectorAll(".iconic-monitor-screenshot-image"),a=0,c=new Image;c.onload=function(){for(a=0;a<n.length;a++){n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),n[a].setAttribute("display","inline");var t=c.width/c.height,o=parseInt(n[a].getAttribute("data-max-width"));r=o,i=o/t,n[a].setAttribute("height",i+"px"),n[a].setAttribute("width",r+"px")}};var o=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(o);if(e&&e.match(s))c.src=e;else for(a=0;a<n.length;a++)n[a].setAttribute("display","none"),n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},i=function(){var i=t.getAttribute("data-screenshot")||"";e(i)};return{update:i,setScreenshot:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/moon.svg b/app/javascript/iconic/svg/smart/moon.svg
new file mode 100755
index 0000000..26f6fc2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/moon.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-moon" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Moon</title>
+  </g>
+  <g class="iconic-moon-lg iconic-container iconic-lg" data-width="118" data-height="118" display="inline" transform="translate(5 5)">
+    <path d="M82 100c-35.346 0-64-28.654-64-64 0-13.07 3.926-25.219 10.652-35.348-17.265 11.462-28.652 31.072-28.652 53.348 0 35.346 28.654 64 64 64 22.276 0 41.886-11.387 53.348-28.652-10.129 6.725-22.278 10.652-35.348 10.652z" class="iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-moon-md iconic-container iconic-md" data-width="30" data-height="30" display="none" transform="scale(4) translate(1 1)">
+    <path d="M22 24c-8.836 0-16-7.163-16-16 0-2.877.769-5.569 2.098-7.902-4.833 2.753-8.098 7.942-8.098 13.902 0 8.836 7.163 16 16 16 5.96 0 11.149-3.265 13.902-8.098-2.332 1.329-5.025 2.098-7.902 2.098z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-moon-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path d="M11.036 11.99c-4.433 0-8.026-3.594-8.026-8.026 0-1.443.386-2.794 1.053-3.964-2.424 1.381-4.062 3.984-4.062 6.974 0 4.433 3.594 8.026 8.026 8.026 2.99 0 5.593-1.638 6.974-4.062-1.17.667-2.521 1.053-3.964 1.053z" class="iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/move.svg b/app/javascript/iconic/svg/smart/move.svg
new file mode 100755
index 0000000..c8b5915
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/move.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-move" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Move</title>
+  </g>
+  <g class="iconic-move-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-vertical iconic-property-stroke" d="M64 15v97" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-horizontal iconic-property-stroke" d="M117 64h-105" fill="none" />
+    <path d="M63.244 1.296l-12.488 21.409c-.417.716-.084 1.296.744 1.296h25c.828 0 1.162-.58.744-1.296l-12.488-21.409c-.417-.716-1.094-.716-1.512 0z" class="iconic-move-arrowhead iconic-move-arrowhead-top iconic-property-fill" />
+    <path d="M64.756 126.704l12.488-21.409c.417-.716.084-1.296-.744-1.296h-25c-.828 0-1.162.58-.744 1.296l12.488 21.409c.417.716 1.094.716 1.512 0z" class="iconic-move-arrowhead iconic-move-arrowhead-bottom iconic-property-fill" />
+    <path d="M126.704 63.244l-21.409-12.488c-.716-.417-1.296-.084-1.296.744v25c0 .828.58 1.162 1.296.744l21.409-12.488c.716-.417.716-1.094 0-1.512z" class="iconic-move-arrowhead iconic-move-arrowhead-right iconic-property-fill" />
+    <path d="M1.296 64.756l21.409 12.488c.715.417 1.296.084 1.296-.744v-25c0-.828-.58-1.162-1.296-.744l-21.409 12.488c-.716.417-.716 1.094 0 1.512z" class="iconic-move-arrowhead iconic-move-arrowhead-left iconic-property-fill" />
+  </g>
+  <g class="iconic-move-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-vertical iconic-property-stroke" d="M15.5 7v20" fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-horizontal iconic-property-stroke" d="M24 15.5h-18" fill="none" />
+    <path d="M15.2 30.6l-3.9-5.2c-.166-.221-.076-.4.2-.4h8c.276 0 .366.179.2.4l-3.9 5.2c-.166.221-.434.221-.6 0z" class="iconic-move-arrowhead iconic-move-arrowhead-bottom iconic-property-fill" />
+    <path d="M15.8.4l3.9 5.2c.166.221.076.4-.2.4h-8c-.276 0-.366-.179-.2-.4l3.9-5.2c.166-.221.434-.221.6 0z" class="iconic-move-arrowhead iconic-move-arrowhead-top iconic-property-fill" />
+    <path d="M.4 15.2l5.2-3.9c.221-.166.4-.076.4.2v8c0 .276-.179.366-.4.2l-5.2-3.9c-.221-.166-.221-.434 0-.6z" class="iconic-move-arrowhead iconic-move-arrowhead-left iconic-property-fill" />
+    <path d="M30.6 15.8l-5.2 3.9c-.221.166-.4.076-.4-.2v-8c0-.276.179-.366.4-.2l5.2 3.9c.221.166.221.434 0 .6z" class="iconic-move-arrowhead iconic-move-arrowhead-right iconic-property-fill" />
+  </g>
+  <g class="iconic-move-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-vertical iconic-property-stroke" d="M8 3v11" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-move-axis iconic-move-axis-horizontal iconic-property-stroke" d="M13 8h-10" fill="none" />
+    <path class="iconic-move-arrowhead iconic-move-arrowhead-top iconic-property-fill" d="M8 0l-3 3h6z" />
+    <path class="iconic-move-arrowhead iconic-move-arrowhead-right iconic-property-fill" d="M16 8l-3-3v6z" />
+    <path class="iconic-move-arrowhead iconic-move-arrowhead-left iconic-property-fill" d="M0 8l3 3v-6z" />
+    <path class="iconic-move-arrowhead iconic-move-arrowhead-top iconic-property-fill" d="M8 16l3-3h-6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/musical-note.svg b/app/javascript/iconic/svg/smart/musical-note.svg
new file mode 100755
index 0000000..0a85d5f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/musical-note.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-musical-note" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Musical Note</title>
+  </g>
+  <g class="iconic-musical-note-lg iconic-container iconic-lg" data-width="118" data-height="128" display="inline" transform="translate(5)">
+    <path d="M28 16v79.035c-2.861-1.915-6.299-3.035-10-3.035-9.941 0-18 8.059-18 18s8.059 18 18 18 18-8.059 18-18v-74.241c10.547-4.459 32.797-10.933 74-11.684v60.961c-2.861-1.915-6.299-3.035-10-3.035-9.941 0-18 8.059-18 18s8.059 18 18 18 18-8.059 18-18v-100c-70 0-90 16-90 16z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-musical-note-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path d="M7 4v18.422c-.613-.268-1.288-.422-2-.422-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5v-18.52c2.887-1.029 8.299-2.236 18-2.446v14.388c-.613-.268-1.288-.422-2-.422-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5v-25c-20 0-24 4-24 4z" class="iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-musical-note-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M4 2v8.184c-.314-.112-.647-.184-1-.184-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3v-7.922c1.476-.454 3.952-.927 8-1.047v5.153c-.314-.112-.648-.184-1-.184-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3v-12c-10 0-12 2-12 2z" class="iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/network.svg b/app/javascript/iconic/svg/smart/network.svg
new file mode 100755
index 0000000..83c3b47
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/network.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-network" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Network</title>
+  </g>
+  <g class="iconic-network-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M107.048 68.396c-6.809-8.86-14.966-17.612-24.364-26.041.809-.888 1.316-2.059 1.316-3.355 0-.433-.072-.846-.175-1.246 11.022-5.802 21.841-10.245 30.965-12.677 4.899 6.383 8.616 13.716 10.839 21.675-2.146 6.349-6.299 13.889-14.023 22-.761-.468-1.648-.751-2.607-.751-.693 0-1.352.141-1.952.396zm-32.968-30.194c.028-.172.068-.338.112-.504-14.235-11.718-29.813-21.575-43.873-28.116-15.315 9.499-26.314 25.278-29.416 43.743 24.332-13.339 48.041-18.212 73.177-15.123zm-18.81 15.077c6.127-4.532 12.568-8.759 19.05-12.569-.057-.156-.107-.315-.148-.478-25.277-3.17-49.105 1.843-73.632 15.583-.343 2.682-.539 5.41-.539 8.185 0 14.083 4.56 27.096 12.268 37.665 6.339-13.754 18.866-30.534 43.002-48.385zm25.764-9.72c-.623.278-1.308.44-2.034.44-1.425 0-2.703-.603-3.614-1.56-6.478 3.789-12.89 7.982-18.927 12.447-24.428 18.068-36.765 34.937-42.82 48.581 1.65 2.102 3.418 4.105 5.313 5.984.954.055 1.94.086 2.965.086 11.816 0 27.068-3.727 42.144-9.935-.024-.2-.061-.396-.061-.602 0-2.761 2.239-5 5-5 1.506 0 2.84.679 3.756 1.732 5.443-2.608 10.773-5.508 15.804-8.662 6.294-3.946 11.594-7.867 16.061-11.703-.384-.708-.621-1.506-.621-2.367 0-1.349.54-2.568 1.408-3.467-6.797-8.83-14.958-17.561-24.374-25.973zm-9.357 59.651c-.775.494-1.689.789-2.676.789-1.839 0-3.429-1.004-4.297-2.483-15.52 6.366-30.986 10.021-42.786 10.021-.27 0-.519-.018-.785-.022 11.347 10.244 26.378 16.484 42.868 16.484 8.255 0 16.137-1.58 23.382-4.426-4.138-7.067-9.354-14.11-15.706-20.363zm39.473-25.714c-.653.313-1.376.503-2.149.503-1.179 0-2.249-.425-3.104-1.108-9.321 8.039-20.55 15.041-32.152 20.605.151.477.255.976.255 1.503 0 1.065-.339 2.048-.906 2.859 5.232 5.321 11.042 12.708 16.044 21.009 13.49-5.768 24.589-16.038 31.424-28.92-2.58-5.463-5.724-10.964-9.412-16.452zm10.547 14.235c4.04-8.39 6.304-17.796 6.304-27.732 0-4.729-.528-9.333-1.501-13.769-2.883 7.005-7.549 13.678-13.441 19.867.588.82.942 1.817.942 2.903 0 1.266-.486 2.409-1.262 3.29 3.463 5.146 6.447 10.306 8.957 15.442zm-46.569-55.858c.917-1.134 2.302-1.873 3.873-1.873 1.592 0 2.994.758 3.91 1.918 10.81-5.708 21.402-10.089 30.51-12.585-11.738-14.248-29.517-23.333-49.419-23.333-11.462 0-22.21 3.028-31.516 8.305 13.699 6.516 28.672 16.09 42.643 27.568z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-network-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M25.726 17.47c-.44.367-.726.912-.726 1.53 0 .257.053.501.141.727-1.972 1.538-4.237 2.896-6.579 4.02-.367-.452-.92-.747-1.547-.747-1.105 0-2 .895-2 2 0 .082.015.161.024.24-3.405 1.262-6.736 1.981-9.33 1.981-.414 0-.797-.027-1.166-.065-.326-.335-.641-.68-.937-1.042 2.614-5.823 8.764-11.122 14.945-14.742.365.385.877.628 1.449.628.223 0 .433-.045.633-.112 1.845 1.735 3.576 3.608 5.093 5.582zm-8.156-8.265c-3.451-2.799-7.08-5.072-10.314-6.595-3.57 2.336-6.145 6.057-6.967 10.404 5.749-3.112 11.368-4.345 17.281-3.809zm-3.896 4.16c1.416-1.02 2.902-1.973 4.403-2.845-.023-.087-.04-.175-.051-.266-6.138-.669-11.946.63-17.928 4.015-.061.569-.097 1.146-.097 1.731 0 3.426 1.086 6.593 2.92 9.196 2.517-5.237 7.433-9.438 10.754-11.831zm15.326 5.635c0 .379-.111.729-.294 1.031.607.998 1.153 2.013 1.632 3.038 1.054-2.134 1.662-4.527 1.662-7.068 0-.903-.093-1.783-.237-2.646-.699 1.613-1.757 3.143-3.087 4.56.203.313.324.684.324 1.085zm-10.953 7.706c-.302.183-.652.294-1.031.294-.661 0-1.243-.325-1.607-.82-3.554 1.308-7.024 2.041-9.699 2.041-.009 0-.017-.002-.026-.002 2.786 2.355 6.383 3.78 10.317 3.78 1.904 0 3.721-.35 5.415-.96-1.051-1.637-2.237-3.134-3.368-4.335zm9.921-5.966c-.288.16-.615.26-.968.26-.471 0-.899-.17-1.241-.443-2.04 1.588-4.372 2.975-6.776 4.119.017.106.033.213.033.324 0 .362-.104.697-.272.99 1.214 1.289 2.493 2.911 3.614 4.69 3.095-1.343 5.671-3.639 7.383-6.514-.505-1.159-1.094-2.305-1.774-3.426zm-.968-3.74c.329 0 .635.087.909.228 1.665-1.764 2.889-3.69 3.442-5.715-.488-1.673-1.239-3.232-2.21-4.63-2.098.48-4.584 1.394-7.195 2.667.033.145.055.294.055.449 0 .477-.174.91-.453 1.254 1.865 1.801 3.603 3.742 5.125 5.779.107-.018.216-.033.328-.033zm-8.418-8.41c.362-.364.863-.59 1.418-.59.602 0 1.135.271 1.501.691 2.484-1.211 4.896-2.134 6.994-2.67-2.932-3.667-7.435-6.022-12.495-6.022-2.747 0-5.332.694-7.591 1.914 3.292 1.592 6.838 3.893 10.173 6.676z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-network-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M.206 6.218c.445-1.953 1.602-3.631 3.186-4.751 1.542.707 3.275 1.763 4.946 3.081-2.863-.21-5.516.339-8.132 1.67zm10.382.31c-.273.29-.658.472-1.088.472-.311 0-.6-.095-.839-.256-2.416 1.761-4.642 4.09-5.626 6.607 1.135-.028 2.525-.316 3.969-.81 0-.014-.004-.027-.004-.041 0-.828.672-1.5 1.5-1.5.423 0 .803.176 1.076.458.881-.445 1.726-.956 2.496-1.521-.043-.139-.072-.284-.072-.437 0-.382.147-.726.381-.991-.553-.689-1.156-1.353-1.793-1.982zm-3.368.019c.276-.219.561-.426.846-.632-.035-.12-.058-.244-.061-.375-2.802-.154-5.4.472-7.976 1.913-.012.182-.028.363-.028.548 0 2.02.755 3.861 1.99 5.269 1.049-3.002 3.571-5.403 5.229-6.722zm7.78 2.954c0 .287-.085.553-.225.781.188.327.359.658.52.99.449-.999.704-2.104.704-3.271 0-.31-.022-.614-.056-.915-.297.585-.682 1.148-1.142 1.683.123.217.198.465.198.732zm-5.872 4.358c-.192.089-.403.142-.628.142-.461 0-.868-.212-1.143-.539-1.537.532-3.011.839-4.218.882 1.348 1.035 3.03 1.657 4.861 1.657.856 0 1.679-.138 2.453-.387-.417-.641-.872-1.242-1.325-1.755zm4.372-5.858c.204 0 .398.042.576.115.757-.888 1.265-1.852 1.431-2.859-.203-.556-.463-1.083-.779-1.574-1.08.264-2.39.806-3.753 1.572.013.08.025.161.025.245 0 .011-.003.021-.003.032.807.784 1.568 1.62 2.251 2.494.082-.014.166-.025.252-.025zm.515 2.903c-.161.059-.333.097-.515.097-.317 0-.61-.1-.852-.267-.826.606-1.729 1.146-2.663 1.617.005.05.015.099.015.151 0 .234-.058.453-.154.651.524.591 1.067 1.305 1.557 2.081 1.353-.638 2.498-1.639 3.307-2.884-.202-.487-.428-.971-.694-1.445zm-4.707-6.884c.063-.008.126-.019.191-.019.376 0 .715.143.978.371 1.261-.703 2.506-1.24 3.608-1.556-1.467-1.721-3.647-2.815-6.086-2.815-1.271 0-2.468.304-3.535.831 1.575.785 3.253 1.875 4.843 3.188z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/nexus.svg b/app/javascript/iconic/svg/smart/nexus.svg
new file mode 100755
index 0000000..4b0e53f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/nexus.svg
@@ -0,0 +1,51 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="nexus" width="128" height="128" class="iconic iconic-nexus" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Nexus</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-nexus-clip-0">
+      <path d="M0 0v128h64v-128h-64zm32 4c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm-20.9 2c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm48.9 106h-56v-100h56v100z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-nexus-clip-1">
+      <rect x="4" y="12" width="56" height="100"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-nexus-clip-0">
+      <path d="M0 0v32h16v-32h-16zm7.5 1h1c.3 0 .5.2.5.5s-.2.5-.5.5h-1c-.3 0-.5-.2-.5-.5s.2-.5.5-.5zm7.5 27h-14v-25h14v25z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-nexus-clip-1">
+      <rect x="1" y="3" width="14" height="25"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-nexus-clip-0">
+      <path d="M0 0v16h9v-16h-9zm8 14h-7v-12h7v12z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-nexus-clip-1">
+      <rect x="1" y="2" width="7" height="12"/>
+    </clipPath>
+  </defs>
+  <g data-width="64" data-height="128" class="iconic-container iconic-lg" display="inline" transform="translate(32)">
+    <path clip-path="url(#iconic-size-lg-nexus-clip-0)" d="M60.3 2.8c-.1 0-11.3-2.8-28.3-2.8s-28.2 2.8-28.3 2.8c-2.1.5-3.7 2.6-3.7 4.7v112.5c0 2.1 1.6 4.2 3.7 4.7 1.7.5 11.3 3.3 28.3 3.3s25.2-2.5 28.3-3.3c2.1-.5 3.7-2.6 3.7-4.7v-112.5c0-2.1-1.6-4.2-3.7-4.7z" class="iconic-nexus-body iconic-property-fill"/>
+    <path d="M46.5 105v1h-1.5v3h6v-1.5h1v-2.5h-5.5zm3.5 3h-4v-1h4v1z" class="iconic-nexus-button iconic-nexus-button-context iconic-property-fill"/>
+    <path stroke="#000" stroke-miterlimit="10" class="iconic-nexus-button iconic-nexus-button-home iconic-property-stroke" d="M32 105.4l-2.5 1.1v2h5v-2z" fill="none"/>
+    <path fill="#0C0D07" d="M16.5 106h-2.8l.6-.6-.7-.7-1.9 1.9 1.9 1.9.7-.7-.6-.6h2.8c.3 0 .5.2.5.5s-.2.5-.5.5h-1.5v1h1.5c.8 0 1.5-.7 1.5-1.5s-.7-1.7-1.5-1.7z" class="iconic-nexus-button iconic-nexus-button-back iconic-property-fill"/>
+    <image class="iconic-nexus-screenshot-image" data-max-width="56" x="4" y="12" clip-path="url(#iconic-size-lg-nexus-clip-1)"/>
+  </g>
+  <g data-width="16" data-height="32" class="iconic-container iconic-md" display="none" transform="scale(4) translate(8)">
+    <path clip-path="url(#iconic-size-md-nexus-clip-0)" d="M15.4.8c-.1 0-3.2-.8-7.4-.8s-7.3.8-7.4.8c-.3.1-.6.4-.6.8v28.8c0 .4.3.7.6.8.2.1 3.2.8 7.4.8s7.2-.7 7.4-.8c.4-.1.6-.4.6-.8v-28.8c0-.4-.3-.7-.6-.8z" class="iconic-nexus-body iconic-property-fill"/>
+    <path class="iconic-nexus-button iconic-nexus-button-context iconic-property-fill" d="M11 26h2v1h-2z"/>
+    <path fill="#0C0D07" class="iconic-nexus-button iconic-nexus-button-back iconic-property-fill" d="M3 26.5l.5-.5h1.5v1h-1.5z"/>
+    <path class="iconic-nexus-button iconic-nexus-button-home iconic-property-fill" d="M8 26l-1 .5v.5h2v-.5z"/>
+    <image class="iconic-nexus-screenshot-image" data-max-width="14" x="1" y="3" clip-path="url(#iconic-size-md-nexus-clip-1)"/>
+  </g>
+  <g data-width="9" data-height="16" class="iconic-container iconic-sm" display="none" transform="scale(8) translate(3)">
+    <path clip-path="url(#iconic-size-sm-nexus-clip-0)" d="M8.5.5c-.1 0-2-.5-4.1-.5-2.2 0-3.8.5-3.9.5-.3.1-.5.3-.5.6v13.7c0 .3.2.6.5.6.1 0 1.7.5 3.9.5s4-.5 4.1-.5c.3 0 .5-.2.5-.5v-13.8c0-.3-.2-.5-.5-.6z" class="iconic-nexus-body iconic-property-fill"/>
+    <path class="iconic-nexus-button iconic-nexus-button-context iconic-property-fill" d="M6 12h1v1h-1z"/>
+    <path fill="#0C0D07" class="iconic-nexus-button iconic-nexus-button-back iconic-property-fill" d="M2 12.5l.2-.5h.8v1h-.8z"/>
+    <path class="iconic-nexus-button iconic-nexus-button-home iconic-property-fill" d="M4.5 12l-.5.5v.5h1v-.5z"/>
+    <image class="iconic-nexus-screenshot-image" data-max-width="7" x="1" y="2" clip-path="url(#iconic-size-sm-nexus-clip-1)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["nexus"]=iconicApis["nexus"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var i,r,n=t.querySelectorAll(".iconic-nexus-screenshot-image"),a=0,c=new Image;c.onload=function(){for(a=0;a<n.length;a++){n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),n[a].setAttribute("display","inline");var t=c.width/c.height,o=parseInt(n[a].getAttribute("data-max-width"));r=o,i=o/t,n[a].setAttribute("height",i+"px"),n[a].setAttribute("width",r+"px")}};var o=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(o);if(e&&e.match(s))c.src=e;else for(a=0;a<n.length;a++)n[a].setAttribute("display","none"),n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},i=function(){var i=t.getAttribute("data-screenshot")||"";e(i)};return{update:i,setScreenshot:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/open-hardware.svg b/app/javascript/iconic/svg/smart/open-hardware.svg
new file mode 100755
index 0000000..0f8ee2c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/open-hardware.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-open-hardware" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Open Hardware</title>
+  </g>
+  <g class="iconic-open-hardware-lg iconic-container iconic-lg" data-width="128" data-height="115" display="inline" transform="translate(0 6)">
+    <path d="M127.305 55.071l-15.716-2.923c-.382-.072-.801-.431-.93-.8l-4.817-11.239c-.18-.347-.145-.892.076-1.215l9.157-13.346c.219-.321.176-.81-.1-1.086l-11.437-11.437c-.276-.276-.764-.321-1.085-.1l-13.58 9.319c-.321.221-.872.26-1.221.088l-10.895-4.46c-.37-.122-.73-.536-.803-.92l-3.026-16.255c-.071-.383-.448-.697-.838-.697h-16.176c-.389 0-.767.314-.838.697l-3.025 16.255c-.073.383-.432.797-.803.92l-10.896 4.46c-.35.172-.901.133-1.221-.088l-13.579-9.319c-.322-.221-.811-.176-1.086.1l-11.438 11.437c-.275.276-.321.765-.1 1.086l9.158 13.346c.22.323.254.868.075 1.215l-4.818 11.239c-.128.369-.546.729-.93.8l-15.715 2.923c-.384.073-.697.449-.697.839l.001 16.175c0 .39.314.77.697.839l15.33 2.853c.383.07.793.434.91.806l4.786 11.955c.171.351.131.9-.091 1.221l-8.707 12.689c-.22.321-.175.811.1 1.087l11.439 11.437c.275.274.764.319 1.086.1l12.465-8.555c.321-.22.86-.237 1.195-.041l5.497 2.935c.348.178.754.028.903-.333l11.335-27.387c.15-.36 0-.82-.333-1.024l-1.376-.842c-.254-.155-.599-.422-.87-.666-4.963-3.178-8.255-8.737-8.255-15.068 0-9.88 8.01-17.888 17.888-17.888s17.887 8.009 17.887 17.888c0 6.331-3.292 11.89-8.255 15.068-.269.245-.615.511-.868.666l-1.376.842c-.331.204-.482.663-.333 1.024l11.334 27.388c.149.36.554.51.903.333l5.497-2.935c.337-.196.874-.18 1.195.041l12.466 8.556c.321.219.811.174 1.085-.1l11.439-11.437c.276-.276.321-.766.1-1.087l-8.708-12.689c-.22-.321-.261-.87-.09-1.221l4.786-11.955c.118-.372.525-.736.909-.806l15.33-2.853c.382-.07.697-.449.697-.839l.002-16.175c.001-.391-.313-.768-.695-.84"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-open-hardware-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path d="M31.826 13.768l-3.929-.731c-.096-.018-.2-.108-.233-.2l-1.204-2.81c-.045-.087-.036-.223.019-.304l2.289-3.337c.055-.08.044-.202-.025-.272l-2.859-2.859c-.069-.069-.191-.08-.271-.025l-3.395 2.33c-.08.055-.218.065-.305.022l-2.724-1.115c-.092-.031-.183-.134-.201-.23l-.756-4.064c-.018-.096-.112-.174-.21-.174h-4.044c-.097 0-.192.078-.209.174l-.756 4.064c-.018.096-.108.199-.201.23l-2.724 1.115c-.087.043-.225.033-.305-.022l-3.395-2.33c-.081-.055-.203-.044-.272.025l-2.86 2.859c-.069.069-.08.191-.025.272l2.289 3.337c.055.081.064.217.019.304l-1.205 2.81c-.032.092-.137.182-.233.2l-3.929.731c-.096.018-.174.112-.174.21v4.044c0 .098.078.192.174.21l3.833.713c.096.017.198.108.228.202l1.196 2.989c.043.088.033.225-.023.305l-2.177 3.172c-.055.08-.044.203.025.272l2.86 2.859c.069.069.191.08.272.025l3.116-2.139c.08-.055.215-.059.299-.01l1.374.734c.087.044.189.007.226-.083l2.834-6.847c.037-.09 0-.205-.083-.256l-.344-.211c-.064-.039-.15-.105-.217-.167-1.241-.794-2.064-2.184-2.064-3.767 0-2.47 2.002-4.472 4.472-4.472s4.472 2.002 4.472 4.472c0 1.583-.823 2.973-2.064 3.767-.067.061-.154.128-.217.167l-.344.211c-.083.051-.12.166-.083.256l2.833 6.847c.037.09.139.127.226.083l1.374-.734c.084-.049.218-.045.299.01l3.116 2.139c.08.055.203.043.271-.025l2.86-2.859c.069-.069.08-.191.025-.272l-2.177-3.172c-.055-.08-.065-.217-.022-.305l1.196-2.989c.029-.093.131-.184.227-.202l3.833-.713c.096-.017.174-.112.174-.21l.001-4.044c0-.098-.078-.192-.174-.21"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-open-hardware-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path d="M15.913 6.884l-1.964-.365c-.048-.009-.1-.054-.116-.1l-.602-1.405c-.022-.043-.018-.112.01-.152l1.145-1.668c.027-.04.022-.101-.013-.136l-1.43-1.43c-.035-.035-.096-.04-.136-.013l-1.698 1.165c-.04.028-.109.033-.153.011l-1.362-.558c-.046-.015-.091-.067-.1-.115l-.378-2.032c-.009-.048-.056-.087-.105-.087h-2.022c-.049 0-.096.039-.105.087l-.378 2.032c-.009.048-.054.1-.1.115l-1.362.558c-.044.022-.113.017-.153-.011l-1.697-1.165c-.04-.028-.101-.022-.136.013l-1.43 1.43c-.034.035-.04.096-.013.136l1.145 1.668c.028.04.032.108.009.152l-.602 1.405c-.016.046-.068.091-.116.1l-1.964.365c-.048.009-.087.056-.087.105v2.022c0 .049.039.096.087.105l1.916.357c.048.009.099.054.114.101l.598 1.494c.021.044.016.113-.011.153l-1.088 1.586c-.028.04-.022.101.013.136l1.43 1.43c.034.034.096.04.136.013l1.558-1.069c.04-.028.107-.03.149-.005l.687.367c.043.022.094.004.113-.042l1.417-3.423c.019-.045 0-.102-.042-.128l-.172-.105c-.032-.019-.075-.053-.109-.083-.62-.397-1.032-1.092-1.032-1.883 0-1.235 1.001-2.236 2.236-2.236s2.236 1.001 2.236 2.236c0 .791-.411 1.486-1.032 1.883-.034.03-.077.064-.109.083l-.172.105c-.041.025-.06.083-.042.128l1.417 3.424c.019.045.069.064.113.042l.687-.367c.042-.025.109-.022.149.005l1.558 1.069c.04.027.101.022.136-.013l1.43-1.43c.035-.035.04-.096.013-.136l-1.088-1.586c-.028-.04-.033-.109-.011-.153l.598-1.494c.015-.046.066-.092.114-.101l1.916-.357c.048-.009.087-.056.087-.105v-2.022c0-.049-.039-.096-.087-.105"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/open-source.svg b/app/javascript/iconic/svg/smart/open-source.svg
new file mode 100755
index 0000000..8783c41
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/open-source.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-open-source" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Open Source</title>
+  </g>
+  <g class="iconic-open-source-lg iconic-container iconic-lg" data-width="128" data-height="124" display="inline" transform="translate(0 2)">
+    <path d="M64 0c-35.346 0-64 28.654-64 64 0 27.436 17.268 50.83 41.526 59.932l14.749-39.33c-8.338-3.129-14.274-11.17-14.274-20.602 0-12.15 9.85-22 22-22s22 9.85 22 22c0 9.431-5.936 17.473-14.274 20.602l14.749 39.33c24.257-9.101 41.526-32.496 41.526-59.932 0-35.346-28.654-64-64-64z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-open-source-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <path d="M16 0c-8.837 0-16 7.163-16 16 0 6.859 4.324 12.692 10.387 14.968l3.683-9.823c-2.084-.782-3.571-2.788-3.571-5.145 0-3.038 2.462-5.5 5.5-5.5s5.5 2.462 5.5 5.5c0 2.357-1.486 4.363-3.571 5.145l3.683 9.823c6.064-2.276 10.387-8.109 10.387-14.968 0-8.837-7.163-16-16-16z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-open-source-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 0c-4.418 0-8 3.582-8 8 0 3.429 2.162 6.346 5.194 7.484l1.756-4.683c-1.137-.427-1.95-1.515-1.95-2.801 0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.286-.813 2.374-1.95 2.801l1.756 4.683c3.032-1.138 5.194-4.055 5.194-7.484 0-4.418-3.582-8-8-8z" class="iconic-property-fill"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/palette.svg b/app/javascript/iconic/svg/smart/palette.svg
new file mode 100755
index 0000000..45de125
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/palette.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-palette" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Palette</title>
+  </g>
+  <g class="iconic-palette-lg iconic-container iconic-lg" data-width="120" data-height="128" display="inline" transform="translate(4)">
+    <path d="M95.88 66.445c28.158-10.445 27.262-34.709 19.278-45.19-10.986-14.422-27.013-21.255-51.052-21.255-35.405 0-64.106 28.654-64.106 64 0 35.346 28.701 64 64.106 64 16.026 0 34.67-2.203 39.065-13.833 2.33-6.167.83-14.042-11.17-20.856-12.372-7.026-12.147-20.921 3.88-26.865zm-74.88-28.445c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5 2.239-5 5-5zm-6 34c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm10 24c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm7-75c0-2.761 2.239-5 5-5s5 2.239 5 5-2.239 5-5 5-5-2.239-5-5zm13 93c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm16-96c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm10 100c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm6-52c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm5-47c0-2.761 2.239-5 5-5s5 2.239 5 5-2.239 5-5 5-5-2.239-5-5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-palette-md iconic-container iconic-md" data-width="30" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path d="M23.97 16.611c7.04-2.611 6.816-8.677 4.82-11.297-2.747-3.606-6.753-5.314-12.763-5.314-8.851 0-16.026 7.163-16.026 16 0 8.836 7.175 16 16.026 16 4.007 0 8.668-.551 9.766-3.458.582-1.542.207-3.51-2.793-5.214-3.093-1.756-3.037-5.23.97-6.716zm-18.47 4.389c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm0-8c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm2.5-7.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5zm2.5 21.5c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm3.5-23.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5zm3.5 25.5c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm0-12c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5-1.119 2.5-2.5 2.5zm2.5-11.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-palette-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M11.985 8.306c3.52-1.306 3.408-4.339 2.41-5.649-1.373-1.803-3.377-2.657-6.382-2.657-4.426 0-8.013 3.582-8.013 8s3.588 8 8.013 8c2.003 0 4.209-.329 4.883-1.729.366-.761-.146-1.958-1.273-2.513-1.596-.785-1.641-2.71.362-3.453zm-8.985 2.694c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm1-4c0-.552.448-1 1-1s1 .448 1 1-.448 1-1 1-1-.448-1-1zm2 11c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm1-12c0-.552.448-1 1-1s1 .448 1 1-.448 1-1 1-1-.448-1-1zm2 7c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm1-6c0-.552.448-1 1-1s1 .448 1 1-.448 1-1 1-1-.448-1-1z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/paperclip.svg b/app/javascript/iconic/svg/smart/paperclip.svg
new file mode 100755
index 0000000..866a962
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/paperclip.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-paperclip" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Paperclip</title>
+  </g>
+  <g class="iconic-paperclip-lg iconic-container iconic-lg" data-width="118" data-height="128" display="inline" transform="translate(5)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" d="M61.87 54.816l-40.527 40.527c-3.124 3.124-3.124 8.19 0 11.314 3.124 3.124 8.19 3.124 11.314 0l76.328-76.328c6.248-6.248 6.248-16.379 0-22.627s-16.379-6.248-22.627 0l-76.328 76.328c-9.373 9.373-9.373 24.569 0 33.941s24.569 9.373 33.941 0l40.527-40.527"
+    class="iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-paperclip-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" d="M16.071 13.101l-10.485 10.485c-.781.781-.781 2.047 0 2.828.781.781 2.047.781 2.828 0l18.414-18.586c1.562-1.562 1.562-4.095 0-5.657-1.562-1.562-4.095-1.562-5.657 0l-18.414 18.586c-2.343 2.343-2.343 6.142 0 8.485s6.142 2.343 8.485 0l10.485-10.485"
+    class="iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-paperclip-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" stroke-linecap="square" d="M8.328 6.257l-4.535 4.535c-.391.391-.391 1.024 0 1.414.391.391 1.024.391 1.414 0l7.507-7.436c.976-.976.976-2.559 0-3.535s-2.559-.976-3.535 0l-7.507 7.436c-1.562 1.562-1.562 4.095 0 5.657s4.095 1.562 5.657 0l4.535-4.535"
+    class="iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/peace.svg b/app/javascript/iconic/svg/smart/peace.svg
new file mode 100755
index 0000000..9641161
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/peace.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-peace" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Peace</title>
+  </g>
+  <g class="iconic-peace-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" class="iconic-peace-line-bottom iconic-property-stroke" d="M106 104l-42-44-42 44" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-peace-line-vertical iconic-property-stroke" d="M64 1v123" fill="none" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-peace-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-peace-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" class="iconic-peace-line-bottom iconic-property-stroke" d="M25 25l-9.5-10-9.5 10" fill="none" />
+    <path stroke="#000" stroke-width="3" class="iconic-peace-line-vertical iconic-property-stroke" d="M15.5 1v30" fill="none" />
+    <circle stroke="#000" stroke-width="3" cx="15.5" cy="15.5" r="14" class="iconic-peace-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-peace-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" class="iconic-peace-line-bottom iconic-property-stroke" d="M13 12l-5-4.5-5 4.5" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-peace-line-vertical iconic-property-stroke" d="M8 1v14" fill="none" />
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-peace-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pen.svg b/app/javascript/iconic/svg/smart/pen.svg
new file mode 100755
index 0000000..42f0c25
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pen.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pen" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pen</title>
+  </g>
+  <g class="iconic-pen-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path transform="matrix(-.707 -.707 .707 -.707 187.125 103.51)" class="iconic-pen-button iconic-property-accent iconic-property-fill" d="M107.929 1.686h14.142v22.627h-14.142z" />
+    <path class="iconic-pen-body iconic-pen-body-bottom iconic-property-fill" d="M38 100l-10-10-16 16v6l-6 6 4 4 6-6h6z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 151.51 71.243)" class="iconic-pen-body iconic-pen-body-middle iconic-property-fill" d="M17.159 55.686h87.681v22.627h-87.681z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 194.51 -32.569)" class="iconic-pen-body-top iconic-property-accent iconic-property-fill" d="M95.515 12.686h16.971v22.627h-16.971z" />
+    <path class="iconic-pen-clip iconic-property-accent iconic-property-fill" d="M88 16l-38 38v4l34-34 20 20 6-6z" />
+    <path class="iconic-pen-head iconic-property-accent iconic-property-fill" d="M8 124l-4-4-4 4v4l3.997-.003z" />
+  </g>
+  <g class="iconic-pen-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path transform="matrix(-.707 -.707 .707 -.707 46.178 26.127)" class="iconic-pen-button iconic-property-accent iconic-property-fill" d="M26.379.672h4.243v5.657h-4.243z" />
+    <path class="iconic-pen-body iconic-pen-body-bottom iconic-property-fill" d="M10.021 24.979l-3.021-2.938-3.979 3.979-.014 1.972-1.007 1.007 1 1 1-1h2z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 37.127 19.621)" class="iconic-pen-body iconic-pen-body-middle iconic-property-fill" d="M4.601 13.964h19.799v7.071h-19.799z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 48.627 -8.142)" class="iconic-pen-body iconic-pen-body-top iconic-property-accent iconic-property-fill" d="M23.879 2.465h4.243v7.071h-4.243z" />
+    <path class="iconic-pen-clip iconic-property-accent iconic-property-fill" d="M20 3l-11 11v2l10-10 6 6 2-2z" />
+    <path class="iconic-pen-head iconic-property-accent iconic-property-fill" d="M2 31l-1-1-1 1v1l.999-.001z" />
+  </g>
+  <g class="iconic-pen-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path transform="matrix(-.707 -.707 .707 -.707 22.485 13.314)" class="iconic-pen-button iconic-property-accent iconic-property-fill" d="M13.293-.121h1.414v4.243h-1.414z" />
+    <path transform="matrix(.707 -.707 .707 .707 -7.814 6.136)" class="iconic-pen-body iconic-pen-body-bottom iconic-property-fill" d="M2.086 11.793h2.828v1.414h-2.828z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 18.814 9.207)" class="iconic-pen-body iconic-pen-body-middle iconic-property-fill" d="M2.55 7.086h9.899v2.828h-9.899z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 24.814 -5.278)" class="iconic-pen-body iconic-pen-body-top iconic-property-accent iconic-property-fill" d="M12.793 1.086h1.414v2.828h-1.414z" />
+    <path class="iconic-pen-clip iconic-property-accent iconic-property-fill" d="M10 0l-5 5v2l5-5 3 3 1-1z" />
+    <path class="iconic-pen-head iconic-property-accent iconic-property-fill" d="M0 15v1h1l1-1-1-1z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pencil.svg b/app/javascript/iconic/svg/smart/pencil.svg
new file mode 100755
index 0000000..cf4d0a3
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pencil.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pencil" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pencil</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-pencil-clip-0">
+      <path transform="matrix(-.707 -.707 .707 -.707 189.539 102.51)" d="M104.686 6.343h22.627v11.314h-22.627z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-pencil-clip-0">
+      <path transform="matrix(-.707 -.707 .707 -.707 44.971 26.627)" d="M24.465 1.879h7.071v4.243h-7.071z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-pencil-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M106.707 22.707l-77 77c-.195.195-.451.293-.707.293s-.512-.098-.707-.293c-.391-.391-.391-1.023 0-1.414l77-77-7.293-7.293-82.3 82.3c.107.107.197.231.248.384l1.842 5.526 5.526 1.842c.298.1.533.334.632.632l1.842 5.526 5.526 1.842c.153.051.277.142.384.249l82.3-82.3-7.293-7.293z"
+    class="iconic-pencil-shaft iconic-property-fill" />
+    <path d="M24.684 111.949c-.298-.1-.533-.334-.632-.632l-1.842-5.526-5.526-1.842c-.298-.1-.533-.334-.632-.632l-1.675-5.026-8.506 17.58 6.261 6.261 17.58-8.506-5.027-1.676z" class="iconic-pencil-exposed-wood iconic-property-fill" />
+    <path class="iconic-pencil-tip iconic-property-fill" d="M4.565 118.565l-4.565 9.435 9.435-4.565z" />
+    <path clip-path="url(#iconic-size-lg-pencil-clip-0)" d="M114.121 2.121l11.757 11.757c1.172 1.172 1.172 3.071 0 4.243l-5.757 5.757c-1.172 1.172-3.071 1.172-4.243 0l-11.757-11.757c-1.172-1.172-1.172-3.071 0-4.243l5.757-5.757c1.172-1.172 3.071-1.172 4.243 0z"
+    class="iconic-pencil-eraser iconic-property-fill" />
+    <path transform="matrix(-.707 .707 -.707 -.707 199.51 -44.64)" class="iconic-pencil-eraser-border iconic-property-fill" d="M107.586 7.686h2.828v22.627h-2.828z" />
+  </g>
+  <g class="iconic-pencil-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-pencil-shaft iconic-property-fill" d="M2 27l1-3 19-19 5 5-19 19-3 1" />
+    <path clip-path="url(#iconic-size-md-pencil-clip-0)" d="M27.354.354l4.293 4.293c.195.195.195.512 0 .707l-3.293 3.293c-.195.195-.512.195-.707 0l-4.293-4.293c-.195-.195-.195-.512 0-.707l3.293-3.293c.195-.195.512-.195.707 0z" class="iconic-pencil-eraser iconic-property-fill"
+    />
+    <path class="iconic-pencil-tip iconic-property-fill" d="M1 29l-1 3 3-1z" />
+  </g>
+  <g class="iconic-pencil-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path transform="matrix(-.707 .707 -.707 -.707 18.314 10.414)" class="iconic-pencil-shaft iconic-property-fill" d="M2.05 6.879h9.899v4.243h-9.899z" />
+    <path transform="matrix(-.707 -.707 .707 -.707 21.278 13.814)" class="iconic-pencil-eraser iconic-property-fill" d="M11.379 1.086h4.243v2.828h-4.243z" />
+    <path class="iconic-pencil-tip iconic-property-fill" d="M1 12l-1 4 4-1z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/people.svg b/app/javascript/iconic/svg/smart/people.svg
new file mode 100755
index 0000000..760eaa5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/people.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-people" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>People</title>
+  </g>
+  <g class="iconic-people-lg iconic-container iconic-lg" data-width="128" data-height="58" display="inline" transform="translate(0 35)">
+    <path d="M34.448 40.182c.545-.624.522-.648-.166-.187-1.901 1.274-4.037 2.006-6.282 2.006-2.769 0-5.377-1.104-7.577-2.974-.631-.536-1.765-1.026-2.593-1.026h-3.829c-7.732 0-14 6.268-14 14v2.5c0 .828.672 1.5 1.5 1.5h27c.828 0 1.5-.672 1.5-1.5v-2.5c0-4.523 1.683-8.654 4.448-11.818z"
+    class="iconic-people-person iconic-people-person-body iconic-people-person-left iconic-people-person-body-left iconic-property-accent iconic-property-fill" />
+    <path d="M40 24c0 8.284-5.373 16-12 16s-12-7.716-12-16 5.373-14 12-14 12 5.716 12 14z" class="iconic-people-person iconic-people-person-head iconic-people-person-left iconic-people-person-head-left iconic-property-accent iconic-property-fill" />
+    <path d="M110.142 38c-.828 0-1.961.49-2.592 1.027-2.194 1.869-4.792 2.973-7.55 2.973-2.329 0-4.543-.788-6.497-2.159-.678-.476-.686-.469-.132.147 2.871 3.188 4.629 7.395 4.629 12.012v2.5c0 .828.672 1.5 1.5 1.5h27c.828 0 1.5-.672 1.5-1.5v-2.5c0-7.732-6.268-14-14-14h-3.858z"
+    class="iconic-people-person iconic-people-person-body iconic-people-person-right iconic-people-person-body-right iconic-property-accent iconic-property-fill" />
+    <path d="M112 23.875c0 8.284-5.373 16.125-12 16.125s-12-7.841-12-16.125 5.373-13.875 12-13.875 12 5.591 12 13.875z" class="iconic-people-person iconic-people-person-head iconic-people-person-right iconic-people-person-head-right iconic-property-accent iconic-property-fill"
+    />
+    <path d="M77.478 36c-.828 0-1.935.512-2.521 1.098-3.059 3.058-6.875 4.902-10.957 4.902s-7.898-1.845-10.957-4.902c-.586-.586-1.692-1.098-2.521-1.098h-2.522c-8.836 0-16 7.163-16 16v4.5c0 .828.672 1.5 1.5 1.5h61c.828 0 1.5-.672 1.5-1.5v-4.5c0-8.836-7.163-16-16-16h-2.522z"
+    class="iconic-people-person iconic-people-person-body iconic-people-person-center iconic-people-person-body-center iconic-property-fill" />
+    <path d="M80 19c0 11.046-7.163 21-16 21s-16-9.954-16-21 7.163-19 16-19 16 7.954 16 19z" class="iconic-people-person iconic-people-person-head iconic-people-person-center iconic-people-person-head-center iconic-property-fill" />
+  </g>
+  <g class="iconic-people-md iconic-container iconic-md" data-width="32" data-height="15" display="none" transform="scale(4) translate(0 8)">
+    <path d="M7.259 11.432c.088-.262.085-.451-.037-.442-.074.006-.147.009-.222.009-1.177 0-2.263-.616-3.074-1.601-.176-.213-.328-.399-.363-.399h-.063c-1.933 0-3.5 1.567-3.5 3.5v1c0 .276.224.5.5.5h6c.276 0 .5-.224.5-.5v-.5c0-.549.093-1.074.259-1.568z" class="iconic-people-person iconic-people-person-body iconic-people-person-left iconic-people-person-body-left iconic-property-accent iconic-property-fill"
+    />
+    <path d="M10.5 5.25c0 2.485-1.567 4.75-3.5 4.75s-3.5-2.265-3.5-4.75 1.567-4.25 3.5-4.25 3.5 1.765 3.5 4.25z" class="iconic-people-person iconic-people-person-head iconic-people-person-left iconic-people-person-head-left iconic-property-accent iconic-property-fill"
+    />
+    <path d="M28.437 9c-.035 0-.187.186-.363.399-.811.985-1.898 1.601-3.074 1.601-.074 0-.148-.003-.222-.009-.122-.009-.126.18-.037.442.166.493.259 1.019.259 1.568v.5c0 .276.224.5.5.5h6c.276 0 .5-.224.5-.5v-1c0-1.933-1.567-3.5-3.5-3.5 0 0-.028 0-.063 0z"
+    class="iconic-people-person iconic-people-person-body iconic-people-person-right iconic-people-person-body-right iconic-property-accent iconic-property-fill" />
+    <path d="M28.5 5.25c0 2.485-1.567 4.75-3.5 4.75s-3.5-2.265-3.5-4.75 1.567-4.25 3.5-4.25 3.5 1.765 3.5 4.25z" class="iconic-people-person iconic-people-person-head iconic-people-person-right iconic-people-person-head-right iconic-property-accent iconic-property-fill"
+    />
+    <path d="M19.765 9c-.13 0-.366.181-.548.39-.845.971-1.947 1.61-3.217 1.61s-2.372-.639-3.217-1.61c-.181-.208-.418-.39-.548-.39h-.235c-2.209 0-4 1.791-4 4v1.5c0 .276.224.5.5.5h15c.276 0 .5-.224.5-.5v-1.5c0-2.209-1.791-4-4-4 0 0-.105 0-.235 0z" class="iconic-people-person iconic-people-person-body iconic-people-person-center iconic-people-person-body-center iconic-property-fill"
+    />
+    <path d="M20 4.5c0 2.761-1.791 5.5-4 5.5s-4-2.739-4-5.5 1.791-4.5 4-4.5 4 1.739 4 4.5z" class="iconic-people-person iconic-people-person-head iconic-people-person-center iconic-people-person-head-center iconic-property-fill" />
+  </g>
+  <g class="iconic-people-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path d="M3 8c0-.782.308-1.489.8-2.023-.729-.058-1.389-.409-1.884-.968-1.065.045-1.916.916-1.916 1.992v2h3v-1z" class="iconic-people-person iconic-people-person-body iconic-people-person-left iconic-people-person-body-left iconic-property-accent iconic-property-fill"
+    />
+    <path d="M5 3.5c0-.861.278-1.641.722-2.251-.347-.743-.984-1.249-1.722-1.249-1.105 0-2 1.119-2 2.5s.895 2.5 2 2.5c.429 0 .825-.172 1.151-.46-.089-.331-.151-.675-.151-1.04z" class="iconic-people-person iconic-people-person-head iconic-people-person-left iconic-people-person-head-left iconic-property-accent iconic-property-fill"
+    />
+    <path d="M14.084 5.008c-.495.559-1.155.91-1.884.968.492.535.8 1.241.8 2.023v1h3v-2c0-1.076-.851-1.946-1.916-1.992z" class="iconic-people-person iconic-people-person-body iconic-people-person-right iconic-people-person-body-right iconic-property-accent iconic-property-fill"
+    />
+    <path d="M12 0c-.738 0-1.375.505-1.722 1.249.444.61.722 1.39.722 2.251 0 .364-.061.709-.15 1.04.326.288.721.46 1.15.46 1.105 0 2-1.119 2-2.5s-.895-2.5-2-2.5z" class="iconic-people-person iconic-people-person-head iconic-people-person-right iconic-people-person-head-right iconic-property-accent iconic-property-fill"
+    />
+    <path d="M10.084 6.008c-.54.611-1.274.992-2.084.992s-1.544-.38-2.084-.992c-1.065.045-1.916.916-1.916 1.992v2h8v-2c0-1.076-.851-1.946-1.916-1.992z" class="iconic-people-person iconic-people-person-body iconic-people-person-center iconic-people-person-body-center iconic-property-fill"
+    />
+    <ellipse cx="8" cy="3.5" rx="2" ry="2.5" class="iconic-people-person iconic-people-person-head iconic-people-person-center iconic-people-person-head-center iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/person.svg b/app/javascript/iconic/svg/smart/person.svg
new file mode 100755
index 0000000..9657495
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/person.svg
@@ -0,0 +1,62 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="person" width="128" height="128" class="iconic iconic-person" viewBox="0 0 128 128">
+  <g><title>Person</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-person-genderless">
+      <path d="M87.9 80c-.8 0-2 .4-2.7.9-6.1 4.6-13.3 7.1-21.2 7.1-7.5 0-14.5-2.5-20.5-7.1-.7-.5-1.8-.9-2.7-.9h-8.8c-17.7 0-32 14.3-32 32v14.5c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-14.5c0-17.7-14.3-32-32-32h-8.1z" class="iconic-person-body iconic-property-fill"/>
+      <path d="M96 35c0 22.1-10.1 45-32 45-20.1 0-32-22.9-32-45s14.3-35 32-35 32 12.9 32 35z" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="112" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(8)">
+    <g class="iconic-person-female" display="none">
+      <path d="M78.7 80c-.7 0-1.7.5-2.3 1-6.3 5.8-13.4 9-20.4 9-7.3 0-14.4-3.4-20.5-9-.6-.6-1.6-1-2.3-1h-1.2c-8 0-32 16-32 40v6.5c0 .8.7 1.5 1.5 1.5h109c.8 0 1.5-.7 1.5-1.5v-6.5c0-24-24-40-32-40h-1.3z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M104 64c-8 0-18-5.3-18-24 0-22.1-12.3-40-30-40s-30 17.9-30 40c0 18.7-10 24-18 24 0 0 11.5 4.3 24.9 1 5.9 10.1 14.8 17 23.1 17s17.3-7 23.2-17.2c13.2 3.5 24.8-.8 24.8-.8z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-person-male" display="none">
+      <path d="M90.8 80c-.8 0-1.9.5-2.5 1.1-6.6 7.1-14.9 10.9-24.3 10.9s-17.8-3.8-24.3-10.9c-.6-.6-1.7-1.1-2.5-1.1h-5.2c-17.7 0-32 14.3-32 32v14.5c0 .8.7 1.5 1.5 1.5h125c.8 0 1.5-.7 1.5-1.5v-14.5c0-17.7-14.3-32-32-32h-5.2z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M80 8c-.5-7.5-9.4-8-16-8-31.8 0-36.3 26-30 40 0 22.1 10 44 30 44 19.8 0 30-21.9 30-44 7.7-23.7-6.2-32-14-32z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-person-genderless">
+      <path d="M23.6 20c-.2 0-.6.2-.8.3-1.8 1.7-4.2 2.7-6.8 2.7s-5-1-6.8-2.7c-.2-.1-.5-.3-.8-.3h-.4c-4.4 0-8 3.6-8 8v3.5c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-3.5c0-4.4-3.6-8-8-8h-.4z" class="iconic-person-body iconic-property-fill"/>
+      <path d="M24 9c0 5.5-2.6 11-8 11-5.5 0-8-5.5-8-11s3.6-9 8-9 8 3.5 8 9z" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="28" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2)">
+    <g class="iconic-person-female" display="none">
+      <path d="M20.6 20.5c-2 2.1-4.3 3.5-6.6 3.5s-4.6-1.4-6.6-3.5c-.2-.2-.5-.3-.8-.2-2.5 1.2-6.6 4.7-6.6 9.7v1.5c0 .3.2.5.5.5h27c.3 0 .5-.2.5-.5v-1.5c0-5-4.1-8.5-6.6-9.6-.3-.2-.7-.1-.8.1z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M26 17c-2 0-4-2.3-4-7 0-5.5-3.6-10-8-10s-8 4.5-8 10c0 4.7-2 7-4 7 0 0 2.9.7 6.3-.2 1.7 2.5 4 4.2 5.7 4.2 1.7 0 4.1-1.8 5.8-4.3 3.3 1 6.2.3 6.2.3z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-person-male" display="none">
+      <path d="M23.9 20.4c-1.9 2.3-4.6 3.6-7.9 3.6s-6-1.3-7.9-3.6c-.2-.2-.5-.4-.8-.4-4.1.4-7.3 3.8-7.3 8v3.5c0 .3.2.5.5.5h31c.3 0 .5-.2.5-.5v-3.5c0-4.2-3.2-7.6-7.3-8-.3 0-.6.2-.8.4z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M20 2c-.1-1.9-2.3-2-4-2-7.9 0-9.6 6.5-8 10 0 5.5 1.9 11 8 11 5.9 0 8-5.5 8-11 1.9-5.9-2.1-8-4-8z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-genderless">
+      <path d="M12.2 10c-1.1 1.2-2.6 2-4.2 2s-3.1-.8-4.2-2c-2.1.1-3.8 1.9-3.8 4v2h16v-2c0-2.1-1.7-3.9-3.8-4z" class="iconic-person-body iconic-property-fill"/>
+      <ellipse cx="8" cy="5" rx="4" ry="5" class="iconic-person-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-female" display="none">
+      <path d="M11.8 10.2c-1.2 1.1-2.5 1.8-3.8 1.8s-2.6-.7-3.8-1.8c-1.5.5-4.2 2.3-4.2 4.8v1h16v-1c0-2.5-2.7-4.3-4.2-4.8z" class="iconic-person-female-body iconic-property-fill"/>
+      <path d="M14 8c-1 0-2-.7-2-3 0-2.8-1.8-5-4-5s-4 2.2-4 5c0 2.3-1 3-2 3 0 0 1.5.8 3.3.3.8 1 1.9 1.7 2.7 1.7.8 0 1.9-.7 2.8-1.7 1.7.5 3.2-.3 3.2-.3z" class="iconic-person-female-head iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-person-male" display="none">
+      <path d="M12.5 10c-1 1.3-2.6 2-4.5 2s-3.4-.7-4.5-2c-2 .3-3.5 2-3.5 4v2h16v-2c0-2-1.5-3.7-3.5-4z" class="iconic-person-male-body iconic-property-fill"/>
+      <path d="M10 1c-.1-.9-1.2-1-2-1-4 0-4.8 3.2-4 5 0 2.8 1 5 4 5s4-2.2 4-5c1-3-1-4-2-4z" class="iconic-person-male-head iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["person"]=iconicApis["person"]||function(t){var e=function(e){t.setAttribute("data-gender",e);var i,r,n,a=t.querySelectorAll(".iconic-person-genderless"),c=t.querySelectorAll(".iconic-person-female"),o=t.querySelectorAll(".iconic-person-male");switch(i=r=n="none",e){case"female":i="inline";break;case"male":n="inline";break;default:r="inline"}for(var s=0;s<a.length;s++)a[s].setAttribute("display",r),c[s].setAttribute("display",i),o[s].setAttribute("display",n)},i=function(){var i=t.getAttribute("data-gender");i&&e(i)};return{update:i,setGender:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/pie-chart.svg b/app/javascript/iconic/svg/smart/pie-chart.svg
new file mode 100755
index 0000000..ea4825e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pie-chart.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pie-chart" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pie Chart</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-pie-chart-clip-0">
+      <path d="M74 0l.167 74-54.167 54h108v-128z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-pie-chart-clip-1">
+      <path d="M0 32l16-4 45.833 45.833-54.833 54.167h-7z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-pie-chart-clip-2">
+      <path d="M66 0h-58l6 14 51.998 52z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-pie-chart-clip-0">
+      <path d="M19 0l.042 19-13.042 13h26v-32z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-pie-chart-clip-1">
+      <path d="M0 8l3-1 11.958 11.958-12.958 13.042h-2z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-pie-chart-clip-2">
+      <path d="M16 0h-14l2 4 11.999 12z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-pie-chart-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle clip-path="url(#iconic-size-lg-pie-chart-clip-0)" cx="68" cy="68" r="60" class="iconic-pie-chart-slice iconic-pie-chart-slice-large iconic-property-fill" />
+    <circle clip-path="url(#iconic-size-lg-pie-chart-clip-1)" cx="48" cy="72" r="48" class="iconic-pie-chart-slice iconic-pie-chart-slice-medium iconic-property-fill" />
+    <circle clip-path="url(#iconic-size-lg-pie-chart-clip-2)" cx="56" cy="56" r="56" class="iconic-pie-chart-slice iconic-pie-chart-slice-small iconic-property-fill" />
+  </g>
+  <g class="iconic-pie-chart-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle clip-path="url(#iconic-size-md-pie-chart-clip-0)" cx="17.5" cy="17.5" r="14.5" class="iconic-pie-chart-slice iconic-pie-chart-slice-large iconic-property-fill" />
+    <circle clip-path="url(#iconic-size-md-pie-chart-clip-1)" cx="12" cy="18" r="12" class="iconic-pie-chart-slice iconic-pie-chart-slice-medium iconic-property-fill" />
+    <circle clip-path="url(#iconic-size-md-pie-chart-clip-2)" cx="14" cy="14" r="14" class="iconic-pie-chart-slice iconic-pie-chart-slice-small iconic-property-fill" />
+  </g>
+  <g class="iconic-pie-chart-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M10 2.101v6.813l-5.449 5.449c1.213 1.007 2.75 1.637 4.449 1.637 3.866 0 7-3.134 7-7 0-3.523-2.612-6.41-6-6.899z" class="iconic-pie-chart-slice iconic-pie-chart-slice-large iconic-property-fill" />
+    <path d="M1.826 4.74c-1.111 1.089-1.826 2.581-1.826 4.26 0 1.909.892 3.61 2.281 4.709l4.261-4.253-4.716-4.716z" class="iconic-pie-chart-slice iconic-pie-chart-slice-medium iconic-property-fill" />
+    <path d="M2.054 2.054c1.264-1.268 3.014-2.054 4.947-2.054h.001c.339 0 .672.024.998.071v7.929l-5.946-5.947z" class="iconic-pie-chart-slice iconic-pie-chart-slice-small iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pilcrow.svg b/app/javascript/iconic/svg/smart/pilcrow.svg
new file mode 100755
index 0000000..1703edb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pilcrow.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pilcrow" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pilcrow</title>
+  </g>
+  <g class="iconic-pilcrow-lg iconic-container iconic-lg" data-width="88" data-height="128" display="inline" transform="translate(20)">
+    <path d="M88 0h-60c-15.464 0-28 12.536-28 28s12.536 28 28 28h10v72h8v-120h14v120h8v-120h20v-8z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-pilcrow-md iconic-container iconic-md" data-width="23" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path d="M23 0h-15.667c-4.05 0-7.333 3.283-7.333 7.333s3.283 7.333 7.333 7.333h2.667v17.333h3v-29h3v29h3v-29h4v-3z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-pilcrow-sm iconic-container iconic-sm" data-width="13" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path d="M13 0h-9c-2.209 0-4 1.791-4 4s1.791 4 4 4h1v8h2v-14h2v14h2v-14h2v-2z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pill.svg b/app/javascript/iconic/svg/smart/pill.svg
new file mode 100755
index 0000000..51f80a9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pill.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pill" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pill</title>
+  </g>
+  <g class="iconic-pill-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M47.154 41.248l39.598 39.598-34.953 34.953c-5.288 5.288-12.32 8.201-19.799 8.201-7.479 0-14.511-2.913-19.799-8.201-10.917-10.917-10.917-28.681 0-39.598l34.953-34.953m0-5.657l-37.782 37.782c-12.497 12.497-12.497 32.758 0 45.255 6.248 6.248 14.438 9.373 22.627 9.373s16.379-3.124 22.627-9.373l37.782-37.782-45.255-45.255z"
+    class="iconic-pill-cap-hollow iconic-property-fill" />
+    <path d="M73.373 9.373c12.497-12.497 32.758-12.497 45.255 0s12.497 32.758 0 45.255l-31.875 31.875-45.255-45.255 31.875-31.875z" class="iconic-pill-cap-solid iconic-property-fill" />
+  </g>
+  <g class="iconic-pill-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M11.789 11.726l8.485 8.485-8.031 8.031c-1.133 1.133-2.64 1.757-4.243 1.757s-3.109-.624-4.243-1.757c-2.339-2.339-2.339-6.146 0-8.485l8.031-8.031m0-2.828l-9.445 9.445c-3.124 3.124-3.124 8.19 0 11.314 1.562 1.562 3.609 2.343 5.657 2.343 2.047 0 4.095-.781 5.657-2.343l9.445-9.445-11.314-11.314z"
+    class="iconic-pill-cap-hollow iconic-property-fill" />
+    <path d="M18.343 2.343c3.124-3.124 8.19-3.124 11.314 0s3.124 8.19 0 11.314l-7.969 7.969-11.314-11.314 7.969-7.969z" class="iconic-pill-cap-solid iconic-property-fill" />
+  </g>
+  <g class="iconic-pill-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M5.894 5.863l4.243 4.243-4.016 4.016c-.567.567-1.32.879-2.121.879s-1.555-.312-2.121-.879c-.567-.567-.879-1.32-.879-2.121s.312-1.555.879-2.121l4.016-4.016m0-1.414l-4.723 4.723c-1.562 1.562-1.562 4.095 0 5.657.781.781 1.805 1.171 2.828 1.171s2.047-.391 2.828-1.172l4.723-4.723-5.657-5.657z"
+    class="iconic-pill-cap-hollow iconic-property-fill" />
+    <path d="M9.172 1.172c1.562-1.562 4.095-1.562 5.657 0s1.562 4.095 0 5.657l-3.984 3.984-5.657-5.657 3.984-3.984z" class="iconic-pill-cap-solid iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pin.svg b/app/javascript/iconic/svg/smart/pin.svg
new file mode 100755
index 0000000..d30e411
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pin.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pin</title>
+  </g>
+  <g class="iconic-pin-lg iconic-container iconic-lg" data-width="76" data-height="128" display="inline" transform="translate(26)">
+    <path class="iconic-pin-pin iconic-property-fill" d="M40 117.999l-2 10.001-2-10.001v-60.999h4z" />
+    <path d="M68 50h-6c-4.418 0-8-3.582-8-8v-36h8v-2c0-2.209-1.791-4-4-4h-40c-2.209 0-4 1.791-4 4v2h8v36c0 4.418-3.582 8-8 8h-6c-4.418 0-8 3.582-8 8v8h76v-8c0-4.418-3.582-8-8-8z" class="iconic-pin-body iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-pin-md iconic-container iconic-md" data-width="20" data-height="32" display="none" transform="scale(4) translate(6)">
+    <path class="iconic-pin-pin iconic-property-fill" d="M9 14v14l1 4 1-4v-14z" />
+    <path d="M17.895 14h-1.79c-1.163 0-2.105.057-2.105-1.105v-10.895h3c0-1.105-.895-2-2-2h-10c-1.105 0-2 .895-2 2h3v10.895c0 1.163-.943 1.105-2.105 1.105h-1.789c-1.163 0-2.105.943-2.105 2.105v2.895h20v-2.895c0-1.163-.943-2.105-2.105-2.105z" class="iconic-pin-body iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-pin-sm iconic-container iconic-sm" data-width="11" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path class="iconic-pin-pin iconic-property-fill" d="M5 6.15v7.85l.5 2 .5-2v-7.85z" />
+    <path d="M9.842 6h-.684c-.639 0-1.158-.518-1.158-1.158v-3.842h.5c.276 0 .5-.224.5-.5s-.224-.5-.5-.5h-6c-.276 0-.5.224-.5.5s.224.5.5.5h.5v3.842c0 .639-.518 1.158-1.158 1.158h-.684c-.639 0-1.158.518-1.158 1.158v1.842h11v-1.842c0-.639-.518-1.158-1.158-1.158z"
+    class="iconic-pin-body iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/platform.svg b/app/javascript/iconic/svg/smart/platform.svg
new file mode 100755
index 0000000..7aec8a8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/platform.svg
@@ -0,0 +1,114 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="platform" width="128" height="128" class="iconic iconic-platform" viewBox="0 0 128 128">
+  <g><title>Platform</title></g>
+
+  <!-- Android -->
+  <g data-width="109" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(9)">
+    <g class="iconic-platform-android" display="none">
+      <path d="M7.899 41.403c-4.362-.002-7.898 3.541-7.899 7.9l.006 33.083c.001 4.374 3.538 7.903 7.901 7.902 4.366 0 7.902-3.531 7.898-7.902l.001-33.087c-.002-4.358-3.543-7.898-7.906-7.895" class="iconic-platform-android-arm iconic-platform-android-arm-left iconic-property-fill"/>
+      <path d="M108.342 49.29c-.001-4.363-3.537-7.899-7.9-7.898-4.362-.003-7.898 3.539-7.897 7.902l.005 33.083c0 4.368 3.534 7.898 7.9 7.899 4.362-.001 7.897-3.531 7.898-7.902l-.006-33.084z" class="iconic-platform-android-arm iconic-platform-android-arm-right iconic-property-fill"/>
+      <path d="M18.866 42.894l.012 51.269c-.004 4.664 3.768 8.428 8.429 8.429l5.74.002.007 17.505c-.001 4.357 3.542 7.901 7.894 7.901 4.365 0 7.902-3.546 7.903-7.906l-.004-17.501 10.666-.002.004 17.504c-.001 4.356 3.544 7.904 7.897 7.897 4.365.003 7.904-3.543 7.903-7.904l-.005-17.499 5.76-.004c4.65.002 8.432-3.768 8.433-8.431l-.009-51.27-70.63.012z" class="iconic-platform-android-body iconic-property-fill"/>
+      <path d="M71.608 11.694l5.514-10.07c.294-.526.101-1.196-.432-1.494-.538-.285-1.202-.091-1.487.439l-5.569 10.175c-4.688-2.085-9.931-3.256-15.48-3.249-5.535-.005-10.777 1.161-15.444 3.234l-5.575-10.148c-.29-.536-.957-.729-1.484-.438-.537.289-.733.96-.435 1.485l5.517 10.062c-10.839 5.59-18.162 16.235-18.156 28.455l71.163-.007c.002-12.219-7.308-22.841-18.131-28.445zm-33.64 15.56c-1.639-.004-2.974-1.336-2.974-2.981.001-1.639 1.333-2.987 2.977-2.987 1.65-.001 2.985 1.348 2.987 2.986.001 1.644-1.337 2.981-2.989 2.982zm32.403-.006c-1.645.002-2.984-1.332-2.984-2.983.005-1.635 1.337-2.984 2.985-2.99 1.636.005 2.978 1.354 2.977 2.991.004 1.647-1.334 2.982-2.978 2.981z" class="iconic-platform-android-head iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Apple -->
+  <g data-width="105" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(11)">
+    <g class="iconic-platform-apple" display="none">
+      <path d="M100.793 41.885c-9.109 6.874-13.646 15.13-13.62 24.776.034 11.531 5.697 20.358 16.998 26.499-3.011 9.296-7.369 17.407-13.1 24.307-5.723 6.925-10.96 10.38-15.701 10.397-2.243 0-5.288-.768-9.151-2.311l-1.859-.734c-3.795-1.603-7.156-2.345-10.055-2.345-2.755.017-5.766.631-9.032 1.868l-2.328.895-2.934 1.262c-2.303.981-4.64 1.484-7.002 1.501-5.544.017-11.676-4.793-18.405-14.473-9.697-13.825-14.559-28.938-14.601-45.279-.034-11.625 2.951-20.989 8.955-28.111 6.004-7.113 13.97-10.687 23.898-10.721 3.719-.009 7.181.708 10.422 2.132l2.217.947 2.328 1.006c2.072.921 3.753 1.382 5.023 1.382 1.637 0 3.454-.409 5.441-1.228l3.053-1.271 2.269-.887c3.625-1.407 7.633-2.115 12.017-2.132 10.422-.043 18.806 4.128 25.168 12.52z" class="iconic-platform-apple-body iconic-property-fill"/>
+      <path d="M76.026 0c.119 1.476.188 2.618.196 3.42.017 7.309-2.49 13.731-7.497 19.267s-10.84 8.299-17.501 8.307c-.196-1.646-.307-2.832-.307-3.548-.017-6.218 2.303-12.06 6.96-17.518 4.64-5.467 10.038-8.665 16.179-9.612.443-.077 1.1-.196 1.97-.316z" class="iconic-platform-apple-leaf iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Linux -->
+  <g data-width="106" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(11)">
+    <g class="iconic-platform-linux">
+      <path d="M103.749 103.25c-1.469-2.031-2.697-3.232-3.33-5.752-.624-2.484-.955-5.301-2.996-7.089-.456-.402-.97-.742-1.517-1.004-.874-.42-.262-.966-.041-1.796.41-1.538.674-3.114.791-4.7.245-3.323-.158-6.668-1.021-9.88-1.555-5.791-4.517-11.135-7.963-16.004-2.975-4.204-6.56-7.953-9.369-12.277-2.764-4.254-3.855-8.577-3.785-13.614.045-3.241.064-6.486-.179-9.721-.379-5.041-1.333-10.371-4.256-14.613-3.33-4.831-8.836-6.794-14.54-6.801-7.458-.014-14.85 2.683-17.976 9.908-2.394 5.534-2.17 11.846-1.796 17.737.51 8.042-.29 16.218-5.696 22.712-7.173 8.617-14.323 19.102-15.754 30.484-.185 1.468-.257 2.952-.184 4.431.036.727.107 1.453.216 2.173-.538.482-1.013 1.032-1.461 1.597-.904 1.14-1.675 2.398-2.677 3.458-.983.98-2.359 1.408-3.638 1.851-2.156.747-4.138 1.737-5.243 3.848-1.544 3.02-.049 6.411.003 9.573.045 2.7-1.657 5.077-1.285 7.874.356 2.677 2.508 4.066 4.961 4.671 2.911.718 5.952.791 8.905 1.272 1.576.257 3.144.606 4.644 1.162.829.307 1.401.601 1.872.834 5.711 2.986 14.903 5.253 19.587-.948.231-.305.423-.637.602-.976.404-.767.824-.531 1.633-.616 1.366-.144 2.714-.432 4.062-.688 3.319-.631 6.699-1.14 10.077-.753 3.451.395 6.855 1.098 10.348.904.669 2.778 2.827 5.271 5.381 6.491 6.293 3.006 13.36-1.255 17.38-6.039.292-.377.292-.377.857-.945.888-.894 1.89-1.667 2.943-2.355 2.217-1.448 4.649-2.504 7.003-3.701 1.976-1.004 4.387-2.228 5.172-4.464.775-2.208-.466-4.495-1.73-6.242zm-50.988-81.411c.977-2.214 2.966-4.153 5.519-4.139 4.083 0 6.31 4.435 6.377 8.004 0 1.668-.297 3.247-1.062 4.743-.351.686-.577 1.493-1.369 1.167-.857-.217-1.947-.775-2.735-1.049 1.57-1.887 1.878-7.021-1.082-7.899-2.924-.867-3.802 3.725-3.463 5.681-.578-.288-1.173-.542-1.783-.751-1.103-.377-1.181-.311-1.209-1.546-.03-1.451.221-2.881.808-4.211zm4.287 9.252c2.051.922 5.099 1.248 6.49 3.214 1.936 2.736-1.702 5.58-3.88 6.544-1.197.53-2.34.894-3.464 1.61-1.354.863-2.699 1.75-4.275 2.152-3.123.795-5.468-.346-7.719-2.385-1.777-1.61-4.615-2.582-5.368-5.071-.819-2.708 2.712-3.949 4.341-5.393 2.022-1.714 3.784-3.375 6.63-3.385 2.826-.011 4.801 1.616 7.245 2.714zm-14.47-12.148c2.417.006 3.89 2.609 4.446 4.641.263.962.37 1.973.362 2.97-.01 1.196-1.621 1.687-2.626 2.232.21-1.481-1.261-7.203-3.421-4.572-1.352 1.647-1.046 5.326.742 6.584-.393.303-.793.597-1.193.891-.718.527-1.202-.631-1.539-1.257-.813-1.51-1.169-3.214-1.156-4.921.018-2.515 1.223-6.602 4.386-6.569zm-8.04 103.121c-4.544 2.168-9.733.13-13.91-1.865-4.385-2.094-9.167-1.646-13.755-2.811-4.774-1.212-2.793-4.977-2.137-8.446.8-4.229-2.697-9.485 2.775-11.61 1.724-.67 3.509-1.075 4.876-2.412 1.591-1.678 2.666-4.306 4.849-5.329.495-.232 1.041-.342 1.586-.336 4.948.019 7.68 6.655 9.45 10.36 2.245 4.697 6.201 8.139 8.682 12.674 1.873 3.424 1.46 7.925-2.417 9.774zm33.199-12.365c-3.149 2.156-6.691 3.784-10.423 4.614-3.774.84-7.735.824-11.457-.264-1.981-.579-3.872-1.451-5.611-2.561-1.677-1.07-2.955-3.711-4.211-5.289 4.137.003 5.197-3.337 3.463-6.641-1.796-3.422-5.018-6.08-8.13-8.255-3.316-2.317-4.152-3.503-4.826-6.941-3.016-15.397 12.459-27.979 13.284-43.529 3.946 2.865 7.343 6.601 12.686 5.042 2.424-.707 4.272-2.273 6.579-3.394 2.026-1.089 4.078-1.62 5.578-3.75 2.273 8.962 6.056 17.443 10.201 25.668 2.291 4.546 3.478 7.596 4.387 12.615 14.475 1.078 15.071 11.446 12.402 11.672.856-2.707-1.693-4.467-3.767-5.587-2.518-1.36-6.543-3.32-9.396-1.774-1.211.657-1.794 1.946-1.992 3.257-.218 1.182-2.746 2.131-3.624 3.333-2.255 3.084-2.5 7.359-2.745 11.031-.108 1.622-.101 3.259-.41 4.859-.302 1.563-.67 4.994-1.985 5.894zm28.579 3.063c-1.888.906-3.763 1.864-5.454 3.11-2.09 1.541-3.539 3.701-5.555 5.322-3.142 2.526-7.904 4.385-11.701 2.132-4.297-2.55-3.865-7.324-2.746-11.53.704-2.647 1.685-5.248 2.104-7.963.365-2.366.284-4.793.584-7.172.35-2.78 1.002-6.211 3.786-7.568.128 2.075.862 4.36 2.506 5.733 1.816 1.517 4.213 1.106 6.212.203 1.709-.772 3.402-2.97 5.164-3.013 1.953-.047 3.929.436 4.926 2.265 1.073 1.97 1.102 4.316 1.905 6.385.747 1.927 2.463 3.238 3.455 5.033 2.192 3.965-2.183 5.622-5.186 7.064z" class="iconic-platform-linux-body iconic-property-fill"/>
+      <path d="M61.375 35.457c-.964-.647-3.707 1.73-5.247 2.618-1.944 1.122-4.063 2.179-6.335 2.369-2.034.171-4.079-.37-5.654-1.63-1.253-1.002-3.381-3.178-3.819-2.765-.611.576 1.492 2.125 2.413 2.854 2.021 1.601 4.454 2.647 7.073 2.449 2.687-.202 5.138-1.517 7.412-2.866 1.108-.658 2.2-1.412 3.398-1.899.651-.265 1.537-.607.758-1.13z" class="iconic-platform-linux-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Microsoft -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-platform-microsoft" display="none">
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-left iconic-platform-microsoft-top-left iconic-property-fill" d="M0 18.123l52.309-7.102.023 50.301-52.285.297z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-left iconic-platform-microsoft-bottom-left iconic-property-fill" d="M52.285 67.118l.041 50.345-52.285-7.166-.003-43.517z"/>
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-right iconic-platform-microsoft-top-right iconic-property-fill" d="M58.626 10.091l69.358-10.091v60.682l-69.358.549z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-right iconic-platform-microsoft-bottom-right iconic-property-fill" d="M128 67.591l-.016 60.409-69.358-9.759-.097-50.763z"/>
+    </g>
+  </g>
+
+
+
+
+  <!-- Android -->
+  <g data-width="28" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2)">
+    <g class="iconic-platform-android" display="none">
+      <path d="M1.975 10.351c-1.091-.001-1.975.885-1.975 1.975l.001 8.271c0 1.093.885 1.976 1.975 1.976 1.091 0 1.976-.883 1.974-1.976v-8.272c0-1.089-.886-1.975-1.976-1.974" class="iconic-platform-android-arm iconic-platform-android-arm-left iconic-property-fill"/>
+      <path d="M27.085 12.322c0-1.091-.884-1.975-1.975-1.975-1.091-.001-1.975.885-1.974 1.976l.001 8.271c0 1.092.884 1.974 1.975 1.975 1.091 0 1.974-.883 1.974-1.976l-.002-8.271z" class="iconic-platform-android-arm iconic-platform-android-arm-right iconic-property-fill"/>
+      <path d="M4.716 10.724l.003 12.817c-.001 1.166.942 2.107 2.107 2.107l1.435.001.002 4.376c0 1.089.885 1.975 1.973 1.975 1.091 0 1.976-.886 1.976-1.977l-.001-4.375 2.666-.001.001 4.376c0 1.089.886 1.976 1.974 1.974 1.091.001 1.976-.886 1.976-1.976l-.001-4.375 1.44-.001c1.163 0 2.108-.942 2.108-2.108l-.002-12.818-17.658.003z" class="iconic-platform-android-body iconic-property-fill"/>
+      <path d="M17.902 2.924l1.379-2.518c.073-.132.025-.299-.108-.373-.135-.071-.3-.023-.372.11l-1.392 2.544c-1.172-.521-2.483-.814-3.87-.812-1.384-.001-2.694.29-3.861.808l-1.394-2.537c-.072-.134-.239-.182-.371-.109-.134.072-.183.24-.109.371l1.379 2.515c-2.71 1.398-4.541 4.059-4.539 7.114l17.791-.002c.001-3.055-1.827-5.71-4.533-7.111zm-8.41 3.89c-.41-.001-.743-.334-.743-.745 0-.41.333-.747.744-.747.412 0 .746.337.747.747 0 .411-.334.745-.747.745zm8.101-.001c-.411.001-.746-.333-.746-.746.001-.409.334-.746.746-.747.409.001.745.338.744.748.001.412-.333.745-.745.745z" class="iconic-platform-android-head iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Apple -->
+  <g data-width="27" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2)">
+    <g class="iconic-platform-apple" display="none">
+      <path d="M25.198 10.471c-2.277 1.718-3.412 3.783-3.405 6.194.009 2.883 1.424 5.09 4.25 6.625-.753 2.324-1.842 4.352-3.275 6.077-1.431 1.731-2.74 2.595-3.925 2.599-.561 0-1.322-.192-2.288-.578l-.465-.183c-.949-.401-1.789-.586-2.514-.586-.689.004-1.441.158-2.258.467l-.582.224-.734.316c-.576.245-1.16.371-1.75.375-1.386.004-2.919-1.198-4.601-3.618-2.424-3.456-3.64-7.234-3.65-11.32-.009-2.906.738-5.247 2.239-7.028 1.501-1.778 3.493-2.672 5.974-2.68.93-.002 1.795.177 2.606.533l.554.237.582.252c.518.23.938.345 1.256.345.409 0 .864-.102 1.36-.307l.763-.318.567-.222c.906-.352 1.908-.529 3.004-.533 2.606-.011 4.701 1.032 6.292 3.13z" class="iconic-platform-apple-body iconic-property-fill"/>
+      <path d="M19.006 0c.03.369.047.655.049.855.004 1.827-.623 3.433-1.874 4.817s-2.71 2.075-4.375 2.077c-.049-.411-.077-.708-.077-.887-.004-1.554.576-3.015 1.74-4.38 1.16-1.367 2.51-2.166 4.045-2.403.111-.019.275-.049.492-.079z" class="iconic-platform-apple-leaf iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Linux -->
+  <g data-width="27" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2)">
+    <g class="iconic-platform-linux">
+      <path d="M25.937 25.813c-.367-.508-.674-.808-.833-1.438-.156-.621-.239-1.325-.749-1.772-.114-.1-.242-.185-.379-.251-.218-.105-.066-.241-.01-.449.102-.385.169-.778.198-1.175.061-.831-.04-1.667-.255-2.47-.389-1.448-1.129-2.784-1.991-4.001-.744-1.051-1.64-1.988-2.342-3.069-.691-1.063-.964-2.144-.946-3.403.011-.81.016-1.622-.045-2.43-.095-1.26-.333-2.593-1.064-3.653-.833-1.208-2.209-1.698-3.635-1.7-1.864-.003-3.713.671-4.494 2.477-.599 1.383-.542 2.962-.449 4.434.128 2.011-.072 4.055-1.424 5.678-1.793 2.154-3.581 4.776-3.938 7.621-.046.367-.064.738-.046 1.108.009.182.027.363.054.543-.135.12-.253.258-.365.399-.226.285-.419.6-.669.865-.246.245-.59.352-.909.463-.539.187-1.034.434-1.311.962-.386.755-.012 1.603.001 2.393.011.675-.414 1.269-.321 1.968.089.669.627 1.017 1.24 1.168.728.179 1.488.198 2.226.318.394.064.786.151 1.161.29.207.077.35.15.468.208 1.428.746 3.726 1.313 4.897-.237.058-.076.106-.159.15-.244.101-.192.206-.133.408-.154.342-.036.678-.108 1.016-.172.83-.158 1.675-.285 2.519-.188.863.099 1.714.275 2.587.226.167.695.707 1.318 1.345 1.623 1.573.751 3.34-.314 4.345-1.51.073-.094.073-.094.214-.236.222-.223.472-.417.736-.589.554-.362 1.162-.626 1.751-.925.494-.251 1.097-.557 1.293-1.116.194-.552-.116-1.124-.432-1.56zm-12.747-20.353c.244-.554.741-1.038 1.38-1.035 1.021 0 1.577 1.109 1.594 2.001 0 .417-.074.812-.266 1.186-.088.172-.144.373-.342.292-.214-.054-.487-.194-.684-.262.393-.472.47-1.755-.271-1.975-.731-.217-.95.931-.866 1.42-.144-.072-.293-.136-.446-.188-.276-.094-.295-.078-.302-.387-.008-.363.055-.72.202-1.053zm1.072 2.313c.513.23 1.275.312 1.623.803.484.684-.425 1.395-.97 1.636-.299.132-.585.224-.866.403-.339.216-.675.438-1.069.538-.781.199-1.367-.086-1.93-.596-.444-.402-1.154-.645-1.342-1.268-.205-.677.678-.987 1.085-1.348.505-.428.946-.844 1.658-.846.706-.003 1.2.404 1.811.679zm-3.617-3.037c.604.001.973.652 1.111 1.16.066.241.092.493.09.743-.002.299-.405.422-.657.558.052-.37-.315-1.801-.855-1.143-.338.412-.262 1.332.185 1.646-.098.076-.198.149-.298.223-.179.132-.3-.158-.385-.314-.203-.378-.292-.804-.289-1.23.005-.629.306-1.65 1.097-1.642zm-2.01 25.78c-1.136.542-2.433.033-3.478-.466-1.096-.523-2.292-.412-3.439-.703-1.194-.303-.698-1.244-.534-2.111.2-1.057-.674-2.371.694-2.902.431-.167.877-.269 1.219-.603.398-.42.667-1.077 1.212-1.332.124-.058.26-.085.397-.084 1.237.005 1.92 1.664 2.362 2.59.561 1.174 1.55 2.035 2.171 3.168.468.856.365 1.981-.604 2.444zm8.3-3.091c-.787.539-1.673.946-2.606 1.153-.943.21-1.934.206-2.864-.066-.495-.145-.968-.363-1.403-.64-.419-.267-.739-.928-1.053-1.322 1.034.001 1.299-.834.866-1.66-.449-.855-1.254-1.52-2.033-2.064-.829-.579-1.038-.876-1.206-1.735-.754-3.849 3.115-6.995 3.321-10.882.987.716 1.836 1.65 3.171 1.261.606-.177 1.068-.568 1.645-.849.506-.272 1.02-.405 1.395-.937.568 2.24 1.514 4.361 2.55 6.417.573 1.137.87 1.899 1.097 3.154 3.619.269 3.768 2.861 3.101 2.918.214-.677-.423-1.117-.942-1.397-.63-.34-1.636-.83-2.349-.444-.303.164-.448.486-.498.814-.054.296-.686.533-.906.833-.564.771-.625 1.84-.686 2.758-.027.405-.025.815-.103 1.215-.076.391-.168 1.248-.497 1.473zm7.145.766c-.472.227-.941.466-1.363.778-.522.385-.885.925-1.389 1.33-.785.631-1.976 1.096-2.925.533-1.074-.637-.966-1.831-.686-2.882.176-.662.421-1.312.526-1.991.091-.592.071-1.198.146-1.793.087-.695.251-1.553.947-1.892.032.519.215 1.09.627 1.433.454.379 1.053.277 1.553.051.427-.193.85-.743 1.291-.753.488-.012.982.109 1.231.566.268.492.276 1.079.476 1.596.187.482.616.809.864 1.258.548.991-.546 1.406-1.296 1.766z" class="iconic-platform-linux-body iconic-property-fill"/>
+      <path d="M15.344 8.864c-.241-.162-.927.432-1.312.655-.486.281-1.016.545-1.584.592-.508.043-1.02-.093-1.414-.408-.313-.251-.845-.795-.955-.691-.153.144.373.531.603.714.505.4 1.113.662 1.768.612.672-.051 1.285-.379 1.853-.717.277-.165.55-.353.85-.475.163-.066.384-.152.19-.282z" class="iconic-platform-linux-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Microsoft -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-platform-microsoft" display="none">
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-left iconic-platform-microsoft-top-left iconic-property-fill" d="M0 4.531l13.077-1.776.006 12.575-13.071.074z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-left iconic-platform-microsoft-bottom-left iconic-property-fill" d="M13.071 16.779l.01 12.586-13.071-1.792-.001-10.879z"/>
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-right iconic-platform-microsoft-top-right iconic-property-fill" d="M14.656 2.523l17.34-2.523v15.171l-17.34.137z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-right iconic-platform-microsoft-bottom-right iconic-property-fill" d="M32 16.898l-.004 15.102-17.34-2.44-.024-12.691z"/>
+    </g>
+  </g>
+
+
+
+  <!-- Android -->
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1)">
+    <g class="iconic-platform-android" display="none">
+      <path d="M.987 5.175c-.545 0-.987.443-.987.987l.001 4.135c0 .547.442.988.988.988s.988-.441.987-.988v-4.136c0-.545-.443-.987-.988-.987" class="iconic-platform-android-arm iconic-platform-android-arm-left iconic-property-fill"/>
+      <path d="M13.543 6.161c0-.545-.442-.987-.988-.987-.545 0-.987.442-.987.988l.001 4.135c0 .546.442.987.988.987.545 0 .987-.441.987-.988l-.001-4.136z" class="iconic-platform-android-arm iconic-platform-android-arm-right iconic-property-fill"/>
+      <path d="M2.358 5.362l.002 6.409c0 .583.471 1.053 1.054 1.054h.718l.001 2.188c0 .545.443.988.987.988.546 0 .988-.443.988-.988l-.001-2.188h1.333l.001 2.188c0 .544.443.988.987.987.546 0 .988-.443.988-.988l-.001-2.187.72-.001c.581 0 1.054-.471 1.054-1.054l-.001-6.409-8.829.002z" class="iconic-platform-android-body iconic-property-fill"/>
+      <path d="M8.951 1.462l.689-1.259c.037-.066.013-.149-.054-.187-.067-.036-.15-.012-.186.055l-.696 1.272c-.586-.261-1.241-.407-1.935-.406-.692-.001-1.347.145-1.931.404l-.697-1.268c-.036-.067-.12-.091-.186-.055-.067.036-.092.12-.054.186l.69 1.258c-1.355.699-2.27 2.029-2.27 3.557l8.895-.001c0-1.527-.913-2.855-2.266-3.556zm-4.205 1.945c-.205 0-.372-.167-.372-.373 0-.205.167-.373.372-.373.206 0 .373.169.373.373 0 .206-.167.373-.374.373zm4.05-.001c-.206 0-.373-.167-.373-.373.001-.204.167-.373.373-.374.204.001.372.169.372.374.001.206-.167.373-.372.373z" class="iconic-platform-android-head iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Apple -->
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1)">
+    <g class="iconic-platform-apple" display="none">
+      <path d="M12.599 5.236c-1.139.859-1.706 1.891-1.703 3.097.004 1.441.712 2.545 2.125 3.312-.376 1.162-.921 2.176-1.637 3.038-.715.866-1.37 1.297-1.963 1.3-.28 0-.661-.096-1.144-.289l-.232-.092c-.474-.2-.894-.293-1.257-.293-.344.002-.721.079-1.129.234l-.291.112-.367.158c-.288.123-.58.186-.875.188-.693.002-1.46-.599-2.301-1.809-1.212-1.728-1.82-3.617-1.825-5.66-.004-1.453.369-2.624 1.119-3.514.751-.889 1.746-1.336 2.987-1.34.465-.001.898.088 1.303.267l.277.118.291.126c.259.115.469.173.628.173.205 0 .432-.051.68-.153l.382-.159.284-.111c.453-.176.954-.264 1.502-.267 1.303-.005 2.351.516 3.146 1.565z" class="iconic-platform-apple-body iconic-property-fill"/>
+      <path d="M9.503 0c.015.184.024.327.025.427.002.914-.311 1.716-.937 2.408s-1.355 1.037-2.188 1.038c-.024-.206-.038-.354-.038-.444-.002-.777.288-1.507.87-2.19.58-.683 1.255-1.083 2.022-1.202.055-.009.137-.024.246-.039z" class="iconic-platform-apple-leaf iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Linux -->
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1)">
+    <g class="iconic-platform-linux">
+      <path d="M12.969 12.906c-.184-.254-.337-.404-.416-.719-.078-.31-.119-.663-.374-.886-.057-.05-.121-.093-.19-.126-.109-.052-.033-.121-.005-.225.051-.192.084-.389.099-.588.031-.415-.02-.833-.128-1.235-.194-.724-.565-1.392-.995-2.001-.372-.525-.82-.994-1.171-1.535-.345-.532-.482-1.072-.473-1.702.006-.405.008-.811-.022-1.215-.047-.63-.167-1.296-.532-1.827-.416-.604-1.105-.849-1.818-.85-.932-.002-1.856.335-2.247 1.238-.299.692-.271 1.481-.224 2.217.064 1.005-.036 2.027-.712 2.839-.897 1.077-1.79 2.388-1.969 3.81-.023.183-.032.369-.023.554.004.091.013.182.027.272-.067.06-.127.129-.183.2-.113.142-.209.3-.335.432-.123.123-.295.176-.455.231-.27.093-.517.217-.655.481-.193.378-.006.801 0 1.197.006.338-.207.635-.161.984.044.335.314.508.62.584.364.09.744.099 1.113.159.197.032.393.076.581.145.104.038.175.075.234.104.714.373 1.863.657 2.448-.118.029-.038.053-.08.075-.122.051-.096.103-.066.204-.077.171-.018.339-.054.508-.086.415-.079.837-.142 1.26-.094.431.049.857.137 1.294.113.084.347.353.659.673.811.787.376 1.67-.157 2.172-.755.036-.047.036-.047.107-.118.111-.112.236-.208.368-.294.277-.181.581-.313.875-.463.247-.126.548-.279.646-.558.097-.276-.059-.562-.217-.78zm-6.373-10.176c.122-.277.371-.519.69-.517.51 0 .789.554.797 1 0 .208-.037.406-.133.593-.044.086-.072.186-.171.146-.107-.027-.243-.097-.342-.131.196-.236.235-.878-.135-.987-.365-.108-.475.466-.433.71-.072-.036-.147-.068-.223-.094-.138-.047-.148-.039-.151-.193-.004-.181.028-.36.101-.526zm.536 1.156c.256.115.637.156.811.402.242.342-.213.697-.485.818-.15.066-.293.112-.433.201-.169.108-.337.219-.534.269-.39.099-.683-.043-.965-.298-.222-.201-.577-.323-.671-.634-.102-.338.339-.493.543-.674.253-.214.473-.422.829-.423.353-.001.6.202.906.339zm-1.809-1.518c.302.001.486.326.556.58.033.12.046.247.045.371-.001.15-.203.211-.328.279.026-.185-.158-.9-.428-.572-.169.206-.131.666.093.823-.049.038-.099.075-.149.111-.09.066-.15-.079-.192-.157-.102-.189-.146-.402-.145-.615.002-.314.153-.825.548-.821zm-1.005 12.89c-.568.271-1.217.016-1.739-.233-.548-.262-1.146-.206-1.719-.351-.597-.152-.349-.622-.267-1.056.1-.529-.337-1.185.347-1.451.215-.084.439-.134.61-.301.199-.21.333-.538.606-.666.062-.029.13-.043.198-.042.619.002.96.832 1.181 1.295.281.587.775 1.017 1.085 1.584.234.428.183.991-.302 1.222zm4.398-2.282c-.038.195-.084.624-.248.737-.394.27-.836.473-1.303.577-.472.105-.967.103-1.432-.033-.248-.072-.484-.181-.701-.32-.21-.134-.369-.464-.526-.661.517 0 .65-.417.433-.83-.225-.428-.627-.76-1.016-1.032-.414-.29-.519-.438-.603-.868-.377-1.925 1.557-3.497 1.66-5.441.493.358.918.825 1.586.63.303-.088.534-.284.822-.424.253-.136.51-.203.697-.469.284 1.12.757 2.18 1.275 3.209.286.568.435.95.548 1.577 1.809.135 1.884 1.431 1.55 1.459.107-.338-.212-.558-.471-.698-.315-.17-.818-.415-1.174-.222-.151.082-.224.243-.249.407-.027.148-.343.266-.453.417-.282.386-.313.92-.343 1.379-.013.203-.013.407-.051.607zm3.324 1.12c-.236.113-.47.233-.682.389-.261.193-.442.463-.694.665-.393.316-.988.548-1.463.267-.537-.319-.483-.915-.343-1.441.088-.331.211-.656.263-.995.046-.296.035-.599.073-.896.044-.347.125-.776.473-.946.016.259.108.545.313.717.227.19.527.138.776.025.214-.097.425-.371.645-.377.244-.006.491.054.616.283.134.246.138.539.238.798.093.241.308.405.432.629.274.496-.273.703-.648.883z" class="iconic-platform-linux-body iconic-property-fill"/>
+      <path d="M7.672 4.432c-.12-.081-.463.216-.656.327-.243.14-.508.272-.792.296-.254.021-.51-.046-.707-.204-.157-.125-.423-.397-.477-.346-.076.072.186.266.302.357.253.2.557.331.884.306.336-.025.642-.19.926-.358.139-.082.275-.176.425-.237.081-.033.192-.076.095-.141z" class="iconic-platform-linux-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Microsoft -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-platform-microsoft" display="none">
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-left iconic-platform-microsoft-top-left iconic-property-fill" d="M0 2.265l6.539-.888.003 6.288-6.536.037z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-left iconic-platform-microsoft-bottom-left iconic-property-fill" d="M6.536 8.39l.005 6.293-6.536-.896v-5.44z"/>
+      <path class="iconic-platform-microsoft-top iconic-platform-microsoft-right iconic-platform-microsoft-top-right iconic-property-fill" d="M7.328 1.261l8.67-1.261v7.585l-8.67.069z"/>
+      <path class="iconic-platform-microsoft-bottom iconic-platform-microsoft-right iconic-platform-microsoft-bottom-right iconic-property-fill" d="M16 8.449l-.002 7.551-8.67-1.22-.012-6.345z"/>
+    </g>
+  </g>
+
+
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["platform"]=iconicApis["platform"]||function(t){var e=function(e){t.setAttribute("data-type",e);var i,r,n,a,c=t.querySelectorAll(".iconic-platform-android"),o=t.querySelectorAll(".iconic-platform-apple"),s=t.querySelectorAll(".iconic-platform-linux"),l=t.querySelectorAll(".iconic-platform-microsoft");switch(i=r=n=a="none",e){case"android":i="inline";break;case"apple":r="inline";break;case"microsoft":a="inline";break;default:n="inline"}for(var u=0;u<c.length;u++)c[u].setAttribute("display",i),o[u].setAttribute("display",r),s[u].setAttribute("display",n),l[u].setAttribute("display",a)},i=function(){var i=t.getAttribute("data-type");i&&e(i)};return{update:i,setType:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/plus-thin.svg b/app/javascript/iconic/svg/smart/plus-thin.svg
new file mode 100755
index 0000000..bb0ffbb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/plus-thin.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-plus-thin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Plus Thin</title>
+  </g>
+  <g class="iconic-plus-thin-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-property-stroke" d="M64 4v120m60-60h-120" fill="none" />
+  </g>
+  <g class="iconic-plus-thin-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-property-stroke" d="M15.5 1.5v28m14-14h-28" fill="none" />
+  </g>
+  <g class="iconic-plus-thin-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-property-stroke" d="M8 1v14m7-7h-14" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/plus.svg b/app/javascript/iconic/svg/smart/plus.svg
new file mode 100755
index 0000000..5d48cc0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/plus.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-plus" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Plus</title>
+  </g>
+  <g class="iconic-plus-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-property-stroke" d="M64 9v110m55-55h-110" fill="none" />
+  </g>
+  <g class="iconic-plus-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" class="iconic-property-stroke" d="M16 3v26m13-13h-26" fill="none" />
+  </g>
+  <g class="iconic-plus-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-property-stroke" d="M8 2v12m6-6h-12" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pointer.svg b/app/javascript/iconic/svg/smart/pointer.svg
new file mode 100755
index 0000000..1572289
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pointer.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pointer" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pointer</title>
+  </g>
+  <g class="iconic-pointer-lg iconic-container iconic-lg" data-width="102" data-height="128" display="inline" transform="translate(13)">
+    <path d="M102 67.765c0-4.569-3.096-8.557-7.523-9.688l-45.874-11.729c-1.49-.199-2.603-1.47-2.603-2.974v-36.373c0-3.866-3.134-7-7-7s-7 3.134-7 7v69c0 3.625-4.835 5.448-8 2.846l-10.343-8.503c-3.124-3.124-8.19-3.124-11.314 0-3.124 3.124-3.124 8.19 0 11.314l41.657 37.723-.002-.012c6.152 5.371 14.194 8.632 23.002 8.632 19.33 0 35-15.67 35-35 0-.34 0-25.235 0-25.235z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-pointer-md iconic-container iconic-md" data-width="26" data-height="31" display="none" transform="scale(4) translate(3)">
+    <path d="M3.414 15.586c-.781-.781-2.047-.781-2.828 0-.781.781-.781 2.047 0 2.828l10.273 10.164-.002-.013c1.609 1.506 3.765 2.435 6.143 2.435 4.971 0 9-4.029 9-9 0-.263 0-5.541 0-5.541 0-1.43-1.009-2.661-2.412-2.942l-11.784-2.357c-.467-.093-.804-.504-.804-.98v-8.68c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5v15.5c0 .906-1.209 1.362-2 .712l-2.586-2.126z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-pointer-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path d="M.293 9.707c-.391-.391-.391-1.024 0-1.414.391-.391 1.024-.391 1.414 0 0 0 .905.744 1.293 1.063.396.325 1 .097 1-.356v-8c0-.552.448-1 1-1s1 .448 1 1v4.105c0 .51.383.938.89.994l5.362.68c.999.127 1.748.977 1.748 1.984v2.238c0 2.761-2.239 5-5 5-1.288 0-2.45-.5-3.336-1.3l-5.371-4.993z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/power-standby.svg b/app/javascript/iconic/svg/smart/power-standby.svg
new file mode 100755
index 0000000..cd40fdb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/power-standby.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-power-standby" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Power Standby</title>
+  </g>
+  <g class="iconic-power-standby-lg iconic-container iconic-lg" data-width="111" data-height="125" display="inline" transform="translate(8 1)">
+    <path stroke="#000" stroke-width="8" d="M71.462 20.338c18.502 5.755 32.617 21.894 35.82 41.007 3.238 19.325-4.904 39.228-20.746 50.748-16.009 11.643-37.927 13.081-55.324 3.631-17.1-9.29-27.748-27.81-27.191-47.257.556-19.427 12.333-37.321 29.922-45.571 2.136-1.002 4.34-1.857 6.592-2.558"
+    class="iconic-power-standby-circle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-power-standby-line iconic-property-accent iconic-property-stroke" d="M55.999 4v32" fill="none" />
+  </g>
+  <g class="iconic-power-standby-md iconic-container iconic-md" data-width="26" data-height="30" display="none" transform="scale(4) translate(3 1)">
+    <path stroke="#000" stroke-width="3" d="M18.171 6.443c3.993 1.689 6.828 5.517 7.266 9.83.438 4.313-1.533 8.607-5.092 11.083-3.63 2.526-8.502 2.831-12.418.773-3.802-1.998-6.297-5.982-6.421-10.276-.142-4.898 2.809-9.501 7.324-11.411" class="iconic-power-standby-circle iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-power-standby-line iconic-property-accent iconic-property-stroke" d="M13.5 1.5v9" fill="none" />
+  </g>
+  <g class="iconic-power-standby-sm iconic-container iconic-sm" data-width="14" data-height="15" display="none" transform="scale(8) translate(1)">
+    <path stroke="#000" stroke-width="2" d="M10.704 3.28c1.398 1.098 2.296 2.805 2.296 4.72 0 3.314-2.686 6-6 6s-6-2.686-6-6c0-1.912.894-3.615 2.287-4.713" class="iconic-power-standby-circle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-power-standby-line iconic-property-accent iconic-property-stroke" d="M7 1v5" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/print.svg b/app/javascript/iconic/svg/smart/print.svg
new file mode 100755
index 0000000..a183a6a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/print.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-print" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Print</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-print-clip-0">
+      <path d="M0 30v50h26v-7c0-.552.448-1 1-1s1 .448 1 1v7h2v-20h68v20h2v-7c0-.552.448-1 1-1s1 .448 1 1v7h26v-50h-128zm117 24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-4c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-4c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-print-clip-1">
+      <path d="M32 62v32h20v-6h22v6h22v-32z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-print-clip-0">
+      <path d="M0 9v14h7v-6h18v6h7v-14h-32zm29.5 5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5zm0-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-print-clip-0">
+      <path d="M0 5v7h3v-3h10v3h3v-7h-16zm14.5 2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-print-lg iconic-container iconic-lg" data-width="128" data-height="98" display="inline" transform="translate(0 15)">
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-left iconic-property-fill" d="M28 10h2v32h-2z" />
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-right iconic-property-fill" d="M98 10h2v32h-2z" />
+    <path class="iconic-print-tray iconic-print-tray-bottom iconic-print-tray-bottom-left iconic-property-fill" d="M28 76h2v21h-2z" />
+    <path class="iconic-print-tray iconic-print-tray-bottom iconic-print-tray-bottom-right iconic-property-fill" d="M98 76h2v21h-2z" />
+    <path class="iconic-print-tray iconic-print-tray-bottom iconic-print-tray-bottom-lip iconic-property-fill" d="M54 90h18v7h-18z" />
+    <path class="iconic-print-tray iconic-print-tray-bottom-front iconic-property-fill" d="M28 96h72v2h-72z" />
+    <path d="M125 80h-122c-1.657 0-3-1.343-3-3v-44c0-1.657 1.343-3 3-3h122c1.657 0 3 1.343 3 3v44c0 1.657-1.343 3-3 3z" clip-path="url(#iconic-size-lg-print-clip-0)" class="iconic-print-body iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-print-clip-1)" class="iconic-print-paper iconic-print-paper-bottom iconic-property-accent iconic-property-fill" d="M32 62h64v32h-64z" />
+    <path class="iconic-print-paper iconic-print-paper-top iconic-property-accent iconic-property-fill" d="M32 0h64v28h-64z" />
+  </g>
+  <g class="iconic-print-md iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-left iconic-property-fill" d="M6 3h1v8.083h-1z" />
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-right iconic-property-fill" d="M25 3h1v8.083h-1z" />
+    <path d="M31.5 23h-31c-.276 0-.5-.224-.5-.5v-13c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v13c0 .276-.224.5-.5.5z" clip-path="url(#iconic-size-md-print-clip-0)" class="iconic-print-body iconic-property-fill" />
+    <path class="iconic-print-paper iconic-print-paper-bottom iconic-property-accent iconic-property-fill" d="M8 18h16v9h-16z" />
+    <path class="iconic-print-paper iconic-print-paper-top iconic-property-accent iconic-property-fill" d="M8 0h16v8h-16z" />
+  </g>
+  <g class="iconic-print-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-left iconic-property-fill" d="M2 2h1v4.042h-1z" />
+    <path class="iconic-print-tray iconic-print-tray-top iconic-print-tray-top-border-right iconic-property-fill" d="M13 2h1v4.042h-1z" />
+    <path d="M15.75 12h-15.5c-.138 0-.25-.112-.25-.25v-6.5c0-.138.112-.25.25-.25h15.5c.138 0 .25.112.25.25v6.5c0 .138-.112.25-.25.25z" clip-path="url(#iconic-size-sm-print-clip-0)" class="iconic-print-body iconic-property-fill" />
+    <path class="iconic-print-paper iconic-print-paper-bottom iconic-property-accent iconic-property-fill" d="M4 10h8v4h-8z" />
+    <path class="iconic-print-paper iconic-print-paper-top iconic-property-accent iconic-property-fill" d="M4 0h8v4h-8z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/project.svg b/app/javascript/iconic/svg/smart/project.svg
new file mode 100755
index 0000000..f259c93
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/project.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-project" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Project</title>
+  </g>
+  <g class="iconic-project-lg iconic-container iconic-lg" data-width="128" data-height="60" display="inline" transform="translate(0 34)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-start iconic-property-stroke" d="M1 1v58" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-end iconic-property-stroke" d="M127 1v58" fill="none" />
+    <path class="iconic-project-task iconic-project-task-1 iconic-property-fill" d="M6 8h36v8h-36z" />
+    <path class="iconic-project-task iconic-project-task-2 iconic-property-accent iconic-property-fill" d="M28 20h54v8h-54z" />
+    <path class="iconic-project-task iconic-project-task-3 iconic-property-fill" d="M74 32h18v8h-18z" />
+    <path class="iconic-project-task iconic-project-task-4 iconic-property-fill" d="M84 44h38v8h-38z" />
+  </g>
+  <g class="iconic-project-md iconic-container iconic-md" data-width="32" data-height="17" display="none" transform="scale(4) translate(0 7)">
+    <path stroke="#000" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-start iconic-property-stroke" d="M.5.5v16" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-end iconic-property-stroke" d="M31.5.5v16" fill="none" />
+    <path class="iconic-project-task iconic-project-task-1 iconic-property-fill" d="M3 2h9v3h-9z" />
+    <path class="iconic-project-task iconic-project-task-2 iconic-property-accent iconic-property-fill" d="M8 7h14v3h-14z" />
+    <path class="iconic-project-task iconic-project-task-3 iconic-property-fill" d="M18 12h11v3h-11z" />
+  </g>
+  <g class="iconic-project-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path stroke="#000" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-start iconic-property-stroke" d="M.5.5v9" fill="none" />
+    <path stroke="#000" stroke-linecap="square" class="iconic-project-edge iconic-project-edge-end iconic-property-stroke" d="M15.5.5v9" fill="none" />
+    <path class="iconic-project-task iconic-project-task-1 iconic-property-fill" d="M2 1h4v2h-4z" />
+    <path class="iconic-project-task iconic-project-task-2 iconic-property-accent iconic-property-fill" d="M4 4h7v2h-7z" />
+    <path class="iconic-project-task iconic-project-task-3 iconic-property-fill" d="M9 7h5v2h-5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/pulse.svg b/app/javascript/iconic/svg/smart/pulse.svg
new file mode 100755
index 0000000..a480c98
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/pulse.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-pulse" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Pulse</title>
+  </g>
+  <g class="iconic-pulse-lg iconic-container iconic-lg" data-width="128" data-height="80" display="inline" transform="translate(0 24)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-property-stroke" d="M124 52h-24l-10-18.5-18 36-22-58-24 58-8-17.5h-14" fill="none" />
+  </g>
+  <g class="iconic-pulse-md iconic-container iconic-md" data-width="32" data-height="24" display="none" transform="scale(4) translate(0 4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-property-stroke" d="M30.5 15.5h-4.5l-3-5-5 9-5-14.5-6 14.5-2-4h-3.5" fill="none" />
+  </g>
+  <g class="iconic-pulse-sm iconic-container iconic-sm" data-width="16" data-height="13" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-property-stroke" d="M15 8h-3l-1-2-2 4-2.5-7-2.5 7-1-2h-2" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/puzzle-piece.svg b/app/javascript/iconic/svg/smart/puzzle-piece.svg
new file mode 100755
index 0000000..8a3011f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/puzzle-piece.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-puzzle-piece" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Puzzle Piece</title>
+  </g>
+  <g class="iconic-puzzle-piece-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M116 70c-2.733 0-5.062 1.199-7.262 2.463-.095.055-7.052 4.461-7.052 4.461-.927.592-2.586 1.076-3.686 1.076-3.314 0-6-2.686-6-6v-35c0-.55-.45-1-1-1h-35c-3.314 0-6-2.686-6-6 0-1.1.484-2.759 1.075-3.686 0 0 4.415-6.969 4.467-7.059 1.276-2.19 2.458-4.525 2.458-7.255 0-6.627-5.373-12-12-12s-12 5.373-12 12c0 2.733 1.199 5.062 2.463 7.262.055.095 4.461 7.052 4.461 7.052.592.927 1.076 2.586 1.076 3.686 0 3.314-2.686 6-6 6h-35c-.55 0-1 .45-1 1v90c0 .55.45 1 1 1h35c3.314 0 6-2.686 6-6 0-1.1-.484-2.759-1.076-3.686 0 0-4.407-6.956-4.461-7.052-1.264-2.2-2.463-4.529-2.463-7.262 0-6.627 5.373-12 12-12s12 5.373 12 12c0 2.73-1.182 5.065-2.458 7.255-.052.09-4.467 7.059-4.467 7.059-.591.928-1.075 2.586-1.075 3.686 0 3.314 2.686 6 6 6h35c.55 0 1-.45 1-1v-35c0-3.314 2.686-6 6-6 1.1 0 2.759.484 3.686 1.075 0 0 6.969 4.415 7.058 4.467 2.19 1.276 4.525 2.458 7.255 2.458 6.627 0 12-5.373 12-12s-5.373-12-12-12z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-puzzle-piece-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-property-fill" d="M18 19.979v4" />
+    <path d="M29 17.979c-.684 0-1.26.311-1.813.624-.025.014-1.766 1.107-1.766 1.107-.232.148-.646.269-.921.269h-.5c-1.105 0-2-.895-2-2v-7.479c0-.275-.225-.5-.5-.5h-7.5c-1.105 0-2-.895-2-2v-.5c0-.275.121-.69.269-.922 0 0 1.096-1.744 1.109-1.769.315-.551.622-1.127.622-1.81 0-1.657-1.343-3-3-3s-3 1.343-3 3c0 .684.311 1.26.624 1.813.014.025 1.107 1.766 1.107 1.766.148.232.269.646.269.921v.5c0 1.105-.895 2-2 2h-7.5c-.275 0-.5.225-.5.5v21c0 .275.225.5.5.5h7.5c1.105 0 2-.895 2-2v-.5c0-.275-.121-.69-.269-.921 0 0-1.093-1.74-1.107-1.766-.313-.553-.624-1.128-.624-1.813 0-1.657 1.343-3 3-3s3 1.343 3 3c0 .683-.307 1.259-.622 1.81-.014.024-1.109 1.769-1.109 1.769-.148.232-.269.647-.269.922v.5c0 1.105.895 2 2 2h7.5c.275 0 .5-.225.5-.5v-7.521c0-1.105.895-2 2-2h.5c.275 0 .69.121.922.269 0 0 1.744 1.096 1.769 1.11.551.315 1.127.622 1.81.622 1.657 0 3-1.343 3-3s-1.343-3-3-3z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-puzzle-piece-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M14 8.99c-.529 0-.973.248-1.364.544-.013.01-.233.161-.233.161-.222.162-.628.295-.903.295h-.5c-.552 0-1-.448-1-1v-2.99h-3c-.552 0-1-.448-1-1v-.5c0-.275.133-.682.295-.903 0 0 .15-.219.16-.232.296-.391.545-.836.545-1.365 0-1.105-.895-2-2-2s-2 .895-2 2c0 .529.248.973.544 1.364.01.013.161.233.161.233.163.222.295.628.295.903v.5c0 .552-.448 1-1 1h-3v10h3c.552 0 1-.448 1-1v-.5c0-.275-.133-.682-.295-.903 0 0-.151-.22-.161-.233-.296-.391-.544-.835-.544-1.364 0-1.105.895-2 2-2s2 .895 2 2c0 .529-.249.974-.545 1.365-.009.013-.16.232-.16.232-.162.222-.295.629-.295.904v.5c0 .552.448 1 1 1h3v-3.01c0-.552.448-1 1-1h.5c.275 0 .682.133.903.295 0 0 .22.15.232.16.39.297.835.545 1.365.545 1.105 0 2-.895 2-2s-.895-2-2-2z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/question-mark.svg b/app/javascript/iconic/svg/smart/question-mark.svg
new file mode 100755
index 0000000..8afdc14
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/question-mark.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-question-mark" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Question Mark</title>
+  </g>
+  <g class="iconic-question-mark-lg iconic-container iconic-lg" data-width="76" data-height="128" display="inline" transform="translate(26)">
+    <path stroke="#231F20" stroke-width="12" d="M38 104v-10c0-35 32-32 32-64 0-11.75-8-24-32-24-32 0-32 24-32 30v2" class="iconic-question-mark-curve iconic-property-stroke" fill="none" />
+    <path class="iconic-question-mark-dot iconic-property-fill" d="M32 116h12v12h-12z" />
+  </g>
+  <g class="iconic-question-mark-md iconic-container iconic-md" data-width="20" data-height="32" display="none" transform="scale(4) translate(6)">
+    <path stroke="#231F20" stroke-width="4" d="M2 10c0-2 0-8 8-8 6 0 8 3.063 8 6 0 8-8 7.25-8 16v1" class="iconic-question-mark-curve iconic-property-stroke" fill="none" />
+    <path class="iconic-question-mark-dot iconic-property-fill" d="M8 28h4v4h-4z" />
+  </g>
+  <g class="iconic-question-mark-sm iconic-container iconic-sm" data-width="10" data-height="16" display="none" transform="scale(8) translate(3)">
+    <path stroke="#231F20" stroke-width="2" d="M1 5c0-1 0-4 4-4 3 0 4 1.531 4 3 0 4-4 3.5-4 7.5v.5" class="iconic-question-mark-curve iconic-property-stroke" fill="none" />
+    <path class="iconic-question-mark-dot iconic-property-fill" d="M4 14h2v2h-2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/radiation.svg b/app/javascript/iconic/svg/smart/radiation.svg
new file mode 100755
index 0000000..2f89ddd
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/radiation.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-radiation" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Radiation</title>
+  </g>
+  <g class="iconic-radiation-lg iconic-container iconic-lg" data-width="128" data-height="120" display="inline" transform="translate(0 4)">
+    <circle cx="64" cy="56" r="12" class="iconic-radiation-center iconic-property-accent iconic-property-fill" />
+    <path d="M52.999 36.944c-6.575 3.804-10.999 10.913-10.999 19.056h-42c0-23.688 12.869-44.37 31.997-55.436l21.002 36.38z" class="iconic-radiation-trefoil iconic-radiation-trefoil-3 iconic-property-fill" />
+    <path d="M52.992 75.052c3.238 1.875 6.998 2.948 11.008 2.948 4.008 0 7.765-1.072 11.001-2.944l21.002 36.38c-9.414 5.446-20.345 8.564-32.003 8.564-11.667 0-22.605-3.122-32.024-8.576l21.016-36.372z" class="iconic-radiation-trefoil iconic-radiation-trefoil-2 iconic-property-fill"
+    />
+    <path d="M86 56c0-8.14-4.42-15.247-10.992-19.052l21.016-36.372c19.117 11.069 31.976 31.745 31.976 55.424h-42z" class="iconic-radiation-trefoil iconic-radiation-trefoil-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-radiation-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <circle cx="16" cy="14" r="3" class="iconic-radiation-center iconic-property-accent iconic-property-fill" />
+    <path d="M0 14c0-5.922 3.217-11.092 7.999-13.859l4.75 8.229c-1.943 1.124-3.25 3.225-3.25 5.63h-9.5z" class="iconic-radiation-trefoil iconic-radiation-trefoil-3 iconic-property-fill" />
+    <path d="M12.748 19.629c.957.554 2.067.871 3.252.871 1.184 0 2.294-.317 3.25-.87l4.75 8.229c-2.353 1.362-5.086 2.141-8.001 2.141-2.917 0-5.651-.78-8.006-2.144l4.754-8.227z" class="iconic-radiation-trefoil iconic-radiation-trefoil-2 iconic-property-fill"
+    />
+    <path d="M19.252 8.371c1.941 1.124 3.248 3.224 3.248 5.629h9.5c0-5.92-3.215-11.089-7.994-13.856l-4.754 8.227z" class="iconic-radiation-trefoil iconic-radiation-trefoil-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-radiation-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <circle cx="8" cy="7" r="2" class="iconic-radiation-center iconic-property-accent iconic-property-fill" />
+    <path d="M0 7c0-2.961 1.609-5.546 4-6.929l2 3.465c-1.196.692-2 1.984-2 3.465h-4z" class="iconic-radiation-trefoil iconic-radiation-trefoil-3 iconic-property-fill" />
+    <path d="M5.998 10.464c.589.341 1.272.536 2.002.536.729 0 1.412-.195 2-.535l2 3.465c-1.177.681-2.543 1.07-4 1.07-1.458 0-2.826-.39-4.003-1.072l2.002-3.464z" class="iconic-radiation-trefoil iconic-radiation-trefoil-2 iconic-property-fill" />
+    <path d="M12 7c0-1.48-.804-2.772-1.998-3.464l2.002-3.464c2.389 1.384 3.997 3.968 3.997 6.928h-4z" class="iconic-radiation-trefoil iconic-radiation-trefoil-1 iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/rainy.svg b/app/javascript/iconic/svg/smart/rainy.svg
new file mode 100755
index 0000000..8db1403
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/rainy.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-rainy" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Rainy</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-rainy-clip-0">
+      <path d="M0 0v86h30v-2c0-4.418 3.582-8 8-8 1.459 0 2.822.397 4 1.079v-1.079c0-4.418 3.582-8 8-8s8 3.582 8 8v1.079c1.178-.682 2.541-1.079 4-1.079s2.822.397 4 1.079v-1.079c0-4.418 3.582-8 8-8s8 3.582 8 8v.262c.64-.165 1.308-.262 2-.262 4.418 0 8 3.582 8 8v2h36v-86h-128z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-rainy-clip-0">
+      <path d="M0 0v22h7v-.5c0-1.381 1.119-2.5 2.5-2.5.187 0 .368.024.544.063.207-1.172 1.225-2.063 2.456-2.063s2.249.891 2.456 2.063c.176-.039.357-.063.544-.063s.368.024.544.063c.207-1.172 1.225-2.063 2.456-2.063s2.249.891 2.456 2.063c.176-.039.357-.063.544-.063 1.381 0 2.5 1.119 2.5 2.5v.5h8v-22h-32z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-rainy-clip-0">
+      <path d="M0 0v12h4v-1.5c0-.829.671-1.5 1.5-1.5s1.5.671 1.5 1.5v-1c0-.829.671-1.5 1.5-1.5s1.5.671 1.5 1.5v1c0-.829.671-1.5 1.5-1.5s1.5.671 1.5 1.5v1.5h3v-12h-16z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-rainy-lg iconic-container iconic-lg" data-width="128" data-height="114" display="inline" transform="translate(0 7)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-5 iconic-property-accent iconic-property-stroke" d="M38 84v22" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-4 iconic-property-accent iconic-property-stroke" d="M50 76v36" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-3 iconic-property-accent iconic-property-stroke" d="M62 84v24" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-2 iconic-property-accent iconic-property-stroke" d="M74 76v36" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-1 iconic-property-accent iconic-property-stroke" d="M84 84v22" fill="none" />
+    <path d="M110 86c9.925 0 18-8.075 18-18s-8.075-18-18-18c-.711 0-1.311-.081-2 0-.871-8.409-7.602-15.091-16-16-.986-18.976-16.783-34-36-34-18.8 0-34.415 14.604-36 33-11.578 3.042-20 13.481-20 26 0 14.552 11.575 26.471 26 27h84z" clip-path="url(#iconic-size-lg-rainy-clip-0)"
+    class="iconic-rainy-cloud iconic-property-fill" />
+  </g>
+  <g class="iconic-rainy-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-5 iconic-property-accent iconic-property-stroke" d="M9.5 21.5v5" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-4 iconic-property-accent iconic-property-stroke" d="M12.5 19.5v8" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-3 iconic-property-accent iconic-property-stroke" d="M15.5 21.5v5" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-2 iconic-property-accent iconic-property-stroke" d="M18.5 19.5v8" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-1 iconic-property-accent iconic-property-stroke" d="M21.5 21.5v5" fill="none" />
+    <path d="M27 12c-.401-1.976-2.065-3.524-4.046-3.909-.457-4.537-4.298-8.091-8.954-8.091-4.721 0-8.634 3.371-9 8-2.906.852-5 3.822-5 7 0 3.527 2.603 6.521 6 7 4.323 0 20.923 0 21 0 2.76 0 5-2.24 5-5s-2.24-5-5-5z" clip-path="url(#iconic-size-md-rainy-clip-0)"
+    class="iconic-rainy-cloud iconic-property-fill" />
+  </g>
+  <g class="iconic-rainy-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path d="M13 6v-1c0-2.757-2.243-5-5-5-2.454 0-4.49 1.78-4.91 4.114-1.767.415-3.09 1.995-3.09 3.886 0 2.206 1.794 4 4 4h9c1.654 0 3-1.346 3-3s-1.346-3-3-3z" clip-path="url(#iconic-size-sm-rainy-clip-0)" class="iconic-rainy-cloud iconic-property-fill"
+    />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-3 iconic-property-accent iconic-property-stroke" d="M11.5 10.5v4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-2 iconic-property-accent iconic-property-stroke" d="M8.5 9.5v4" fill="none" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-rainy-rain-droplet iconic-rainy-rain-droplet-1 iconic-property-accent iconic-property-stroke" d="M5.5 10.5v4" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/random.svg b/app/javascript/iconic/svg/smart/random.svg
new file mode 100755
index 0000000..c800af6
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/random.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-random" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Random</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-random-clip-0">
+      <path d="M0 0v98h128v-98h-128zm60 68l-22-22 14-14 21.75 21.875-13.75 14.125z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-random-clip-0">
+      <path d="M0 0v25h32v-25h-32zm15 18l-6-6 5-5 6 6-5 5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-random-clip-0">
+      <path d="M0 0v14h16v-14h-16zm5.5 10.5l-3-3 4.5-4.5 3 3-4.5 4.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-random-lg iconic-container iconic-lg" data-width="128" data-height="98" display="inline" transform="translate(0 15)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M108 82h-17c-1.657 0-3.95-.95-5.121-2.121l-59.757-59.757c-1.172-1.172-3.464-2.121-5.121-2.121h-17" class="iconic-random-line iconic-random-line-bottom iconic-property-stroke" fill="none"
+    />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M108 18h-17c-1.657 0-3.95.95-5.121 2.121l-59.757 59.757c-1.172 1.172-3.464 2.121-5.121 2.121h-17" clip-path="url(#iconic-size-lg-random-clip-0)" class="iconic-random-line iconic-random-line-top iconic-property-accent iconic-property-stroke"
+    fill="none" />
+    <path d="M126.704 81.244l-21.409-12.488c-.716-.417-1.296-.084-1.296.744v25c0 .828.58 1.162 1.296.744l21.409-12.488c.716-.417.716-1.094 0-1.512z" class="iconic-random-arrowhead iconic-random-arrowhead-bottom iconic-property-fill" />
+    <path d="M126.704 17.244l-21.409-12.488c-.716-.417-1.296-.084-1.296.744v25c0 .828.58 1.162 1.296.744l21.409-12.488c.716-.417.716-1.094 0-1.512z" class="iconic-random-arrowhead iconic-random-arrowhead-top iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-random-md iconic-container iconic-md" data-width="32" data-height="25" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" d="M27.5 20.5h-4c-.552 0-1.317-.317-1.707-.707l-14.586-14.586c-.391-.391-1.155-.707-1.707-.707h-4" class="iconic-random-line iconic-random-line-bottom iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-md-random-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="square" d="M27.5 4.5h-4c-.552 0-1.317.317-1.707.707l-14.586 14.586c-.391.39-1.155.707-1.707.707h-4" class="iconic-random-line iconic-random-line-top iconic-property-accent iconic-property-stroke"
+    fill="none" />
+    <path d="M31.6 20.8l-5.2 3.9c-.221.166-.4.076-.4-.2v-8c0-.276.179-.366.4-.2l5.2 3.9c.221.166.221.434 0 .6z" class="iconic-random-arrowhead iconic-random-arrowhead-bottom iconic-property-fill" />
+    <path d="M31.6 4.8l-5.2 3.9c-.221.166-.4.076-.4-.2v-8c0-.276.179-.366.4-.2l5.2 3.9c.221.166.221.434 0 .6z" class="iconic-random-arrowhead iconic-random-arrowhead-top iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-random-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" d="M14 11h-3c-.276 0-.658-.158-.854-.354l-7.293-7.293c-.195-.195-.578-.354-.854-.354h-1" class="iconic-random-line iconic-random-line-bottom iconic-property-stroke" fill="none" />
+    <path clip-path="url(#iconic-size-sm-random-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="square" d="M14 3h-3c-.276 0-.658.158-.854.354l-7.293 7.293c-.195.195-.577.354-.853.354h-1" class="iconic-random-line iconic-random-line-top iconic-property-accent iconic-property-stroke"
+    fill="none" />
+    <path class="iconic-random-arrowhead iconic-random-arrowhead-top iconic-property-accent iconic-property-fill" d="M16 3l-3-3v6z" />
+    <path class="iconic-random-arrowhead iconic-random-arrowhead-bottom iconic-property-fill" d="M16 11l-3-3v6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/ratio.svg b/app/javascript/iconic/svg/smart/ratio.svg
new file mode 100755
index 0000000..eef2833
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/ratio.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ratio" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Ratio</title>
+  </g>
+  <g class="iconic-ratio-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M64 120c12 0 24-8 24-24s-13-23.54-24.267-32c-14.305-10.741-23.733-16-23.733-32s16-24 24-24c20.156 0 32.299 5.383 41.627 15.867 8.103 9.107 16.346 21.925 15.973 40.133-.344 16.806-5.186 25.552-11.306 34.411-8.689 12.577-22.294 21.589-46.294 21.589z"
+    class="iconic-ratio-positive iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="60" class="iconic-ratio-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ratio-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 29c3 0 6-2.286 6-6s-3-5.092-5.714-7c-3.397-2.388-5.286-3.286-5.286-7s3.143-6 5-6c8.744 0 13.472 3.908 13.286 13-.193 9.441-4.248 13-13.286 13z" class="iconic-ratio-positive iconic-property-fill" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="14.5" class="iconic-ratio-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-ratio-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 14c1.482 0 2.5-.786 2.5-2.5s-1.241-2.5-2.503-3.5c-1.502-1.19-2.497-1.786-2.497-3.5s1.64-2.5 2.497-2.5c4.036 0 6.086 1.804 6 6-.089 4.357-1.826 6-5.997 6z" class="iconic-ratio-positive iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="7" class="iconic-ratio-border iconic-property-accent iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/reload.svg b/app/javascript/iconic/svg/smart/reload.svg
new file mode 100755
index 0000000..a817913
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/reload.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-reload" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Reload</title>
+  </g>
+  <g class="iconic-reload-lg iconic-container iconic-lg" data-width="127" data-height="127" display="inline">
+    <path stroke="#000" stroke-width="8" d="M123.956 63.96c0 22.534-13.073 43.601-33.199 53.691-20.763 10.41-46.377 7.568-64.436-6.972-17.721-14.268-25.908-37.951-20.841-60.125 5.023-21.982 22.571-39.743 44.522-44.953 20.127-4.777 41.747 1.298 56.38 15.931"
+    class="iconic-reload-line iconic-property-stroke" fill="none" />
+    <path d="M121.64 36.429l-5.369-24.937c-.174-.81-.791-.992-1.376-.406l-19.879 19.879c-.586.586-.403 1.198.407 1.368l25.064 5.255c.811.17 1.327-.349 1.152-1.159z" class="iconic-reload-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-reload-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" d="M30.497 15.987c0 5.327-3.018 10.331-7.726 12.824-4.772 2.526-10.729 2.14-15.136-.976-4.384-3.1-6.727-8.494-6.005-13.815.711-5.238 4.356-9.781 9.308-11.625 5.265-1.96 11.343-.63 15.313 3.34" class="iconic-reload-line iconic-property-stroke"
+    fill="none" />
+    <path d="M29.502 9.916l-6.01-.859c-.273-.039-.337-.229-.141-.424l5.293-5.293c.195-.195.385-.132.424.141l.859 6.01c.039.273-.151.463-.424.424z" class="iconic-reload-arrowhead iconic-property-fill" />
+  </g>
+  <g class="iconic-reload-sm iconic-container iconic-sm" data-width="15" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" d="M14.99 8c0 3.223-2.293 6.108-5.438 6.825-3.272.746-6.705-1.009-8.012-4.1-1.268-2.997-.24-6.568 2.413-8.444 2.748-1.943 6.609-1.609 8.987.77" class="iconic-reload-line iconic-property-stroke" fill="none" />
+    <path class="iconic-reload-arrowhead iconic-property-fill" d="M15.99 0v6h-6z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/resize.svg b/app/javascript/iconic/svg/smart/resize.svg
new file mode 100755
index 0000000..250afeb
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/resize.svg
@@ -0,0 +1,71 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="resize" width="128" height="128" class="iconic iconic-resize" viewBox="0 0 128 128">
+  <g><title>Resize</title></g>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-resize-both">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-both-line iconic-property-stroke" d="M116 12l-102.5 102.5" fill="none"/>
+      <path d="M126.5.3l-25.1 5.4c-.8.2-1 .8-.4 1.4l19.9 19.9c.6.6 1.2.4 1.4-.4l5.4-25.1c.2-.8-.4-1.4-1.2-1.2z" class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-top-right iconic-property-fill"/>
+      <path d="M1.5 127.7l25.1-5.4c.8-.2 1-.8.4-1.4l-19.9-19.8c-.6-.6-1.2-.4-1.4.4l-5.4 25.1c-.2.7.4 1.3 1.2 1.1z" class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-bottom-left iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="128" data-height="28" class="iconic-lg iconic-container" display="inline" transform="translate(0 50)">
+    <g class="iconic-resize-width" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-width-line iconic-property-stroke" d="M114 14h-100" fill="none"/>
+      <path d="M126.7 13.2l-21.4-12.4c-.7-.4-1.3-.1-1.3.7v25c0 .8.6 1.2 1.3.7l21.4-12.5c.7-.4.7-1 0-1.5z" class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-right iconic-property-fill"/>
+      <path d="M1.3 14.8l21.4 12.5c.7.4 1.3.1 1.3-.7v-25c0-.8-.6-1.2-1.3-.7l-21.4 12.3c-.7.5-.7 1.1 0 1.6z" class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-left iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="28" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(50)">
+    <g class="iconic-resize-height" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-height-line iconic-property-stroke" d="M14 14v100" fill="none"/>
+      <path d="M13.2 1.3l-12.4 21.4c-.5.7-.1 1.3.7 1.3h25c.8 0 1.2-.6.7-1.3l-12.4-21.4c-.5-.7-1.1-.7-1.6 0z" class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-top iconic-property-fill"/>
+      <path d="M14.8 126.7l12.5-21.4c.4-.7.1-1.3-.7-1.3h-25c-.8 0-1.2.6-.7 1.3l12.5 21.4c.3.7.9.7 1.4 0z" class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-bottom iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-resize-both">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-both-line iconic-property-stroke" d="M28 4l-24 24" fill="none"/>
+      <path d="M31.9.5l-.9 6c0 .3-.2.3-.4.1l-5.3-5.3c-.2-.2-.1-.4.1-.4l6-.9c.4 0 .6.2.5.5z" class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-top-right iconic-property-fill"/>
+      <path d="M.1 31.5l.9-6c0-.3.2-.3.4-.1l5.3 5.3c.2.2.1.4-.1.4l-6 .9c-.4 0-.6-.2-.5-.5z" class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-bottom-left iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="9" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 11)">
+    <g class="iconic-resize-width" display="none">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-width-line iconic-property-stroke" d="M27 4.5h-22" fill="none"/>
+      <path d="M31.6 4.8l-5.2 3.9c-.2.2-.4.1-.4-.2v-8c0-.3.2-.4.4-.2l5.2 3.9c.2.2.2.4 0 .6z" class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-right iconic-property-fill"/>
+      <path d="M5.6.3l-5.2 3.9c-.2.2-.2.4 0 .6l5.2 3.9c.2.2.4.1.4-.2v-8c0-.3-.2-.4-.4-.2z" class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-left iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="9" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(11)">
+    <g class="iconic-resize-height" display="none">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-height-line iconic-property-stroke" d="M4.5 5v22" fill="none"/>
+      <path d="M4.8.4l3.9 5.2c.2.2.1.4-.2.4h-8c-.3 0-.4-.2-.2-.4l3.9-5.2c.2-.2.4-.2.6 0z" class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-top iconic-property-fill"/>
+      <path d="M.3 26.4l3.9 5.2c.2.2.4.2.6 0l3.9-5.2c.2-.2.1-.4-.2-.4h-8c-.3 0-.4.2-.2.4z" class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-bottom iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-resize-both">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-both-line iconic-property-stroke" d="M13 3l-10 10" fill="none"/>
+      <path class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-top-right iconic-property-fill" d="M16 0v5l-5-5z"/>
+      <path class="iconic-resize-both-arrowhead iconic-resize-both-arrowhead-bottom-left iconic-property-fill" d="M0 11v5h5z"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="6" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 5)">
+    <g class="iconic-resize-width" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-width-line iconic-property-stroke" d="M13 3h-10" fill="none"/>
+      <path class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-right iconic-property-fill" d="M16 3l-3 3v-6z"/>
+      <path class="iconic-resize-width-arrowhead iconic-resize-width-arrowhead-left iconic-property-fill" d="M3 0l-3 3 3 3z"/>
+    </g>
+  </g>
+  <g data-width="6" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(5)">
+    <g class="iconic-resize-height" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-resize-height-line iconic-property-stroke" d="M3 3v10" fill="none"/>
+      <path class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-top iconic-property-fill" d="M3 0l3 3h-6z"/>
+      <path class="iconic-resize-height-arrowhead iconic-resize-height-arrowhead-bottom iconic-property-fill" d="M0 13l3 3 3-3z"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["resize"]=iconicApis["resize"]||function(t){var e=function(e){t.setAttribute("data-dimension",e);var i,r,n,a=t.querySelectorAll(".iconic-resize-both"),c=t.querySelectorAll(".iconic-resize-width"),o=t.querySelectorAll(".iconic-resize-height");switch(i=r=n="none",e){case"width":r="inline";break;case"height":n="inline";break;default:i="inline"}for(var s=0;s<a.length;s++)a[s].setAttribute("display",i),c[s].setAttribute("display",r),o[s].setAttribute("display",n)},i=function(){var i=t.getAttribute("data-dimension");i&&e(i)};return{update:i,setDimension:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/rocket.svg b/app/javascript/iconic/svg/smart/rocket.svg
new file mode 100755
index 0000000..f1270e1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/rocket.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-rocket" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Rocket</title>
+  </g>
+  <g class="iconic-rocket-lg iconic-container iconic-lg" data-width="76" data-height="128" display="inline" transform="translate(26)">
+    <path d="M16.572 86.571l-16.572 41.429h8l17.045-17.045c-2.858-5.381-6.216-13.433-8.473-24.385z" class="iconic-rocket-fin iconic-rocket-fin-left iconic-property-accent iconic-property-fill" />
+    <path d="M59.428 86.571c-2.257 10.951-5.615 19.004-8.473 24.385l17.045 17.045h8l-16.572-41.429z" class="iconic-rocket-fin iconic-rocket-fin-right iconic-property-accent iconic-property-fill" />
+    <path class="iconic-rocket-thruster iconic-property-fill" d="M46 116h-16l-2 4v2h20v-2z" />
+    <path d="M38 0s-22 20-22 60c0 29.238 8.543 46.709 13.143 54h17.713c4.6-7.291 13.144-24.762 13.144-54 0-40-22-60-22-60zm0 60c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm0-10c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z" class="iconic-rocket-body iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-rocket-md iconic-container iconic-md" data-width="21" data-height="32" display="none" transform="scale(4) translate(5)">
+    <path d="M4.588 21.296l-4.588 10.704h3l4.027-4.027c-.81-1.347-1.814-3.522-2.44-6.677z" class="iconic-rocket-fin iconic-rocket-fin-left iconic-property-accent iconic-property-fill" />
+    <path d="M16.413 21.296c-.625 3.155-1.629 5.33-2.44 6.677l4.027 4.027h3l-4.587-10.704z" class="iconic-rocket-fin iconic-rocket-fin-right iconic-property-accent iconic-property-fill" />
+    <path d="M10.5 0s-5.5 5-5.5 15 4 14 4 14h3s4-4 4-14-5.5-15-5.5-15zm0 12c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z" class="iconic-rocket-body iconic-property-fill" />
+  </g>
+  <g class="iconic-rocket-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path d="M2.234 9.856l-2.234 6.144h1l2.468-2.468c-.44-.787-.945-1.992-1.234-3.676z" class="iconic-rocket-fin iconic-rocket-fin-left iconic-property-accent iconic-property-fill" />
+    <path d="M9.766 9.856c-.289 1.684-.794 2.889-1.234 3.676l2.468 2.468h1l-2.234-6.144z" class="iconic-rocket-fin iconic-rocket-fin-right iconic-property-accent iconic-property-fill" />
+    <path d="M6 0s-3 2-3 7 2 7 2 7h2s2-2 2-7-3-7-3-7zm0 6c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z" class="iconic-rocket-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/route.svg b/app/javascript/iconic/svg/smart/route.svg
new file mode 100755
index 0000000..a4ccdd5
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/route.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-route" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Route</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-route-clip-0">
+      <path d="M90 62c3.916 0 7.457 1.621 10 4.221v-66.221h-100v42.221c2.543-2.6 6.084-4.221 10-4.221 7.72 0 14 6.28 14 14s-6.28 14-14 14c-3.916 0-7.457-1.621-10-4.221v66.221h100v-42.221c-2.543 2.6-6.084 4.221-10 4.221-7.72 0-14-6.28-14-14s6.28-14 14-14z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-route-lg iconic-container iconic-lg" data-width="100" data-height="128" display="inline" transform="translate(14)">
+    <path clip-path="url(#iconic-size-lg-route-clip-0)" stroke="#000" stroke-width="8" d="M10 54v50c0 11.046 8.954 20 20 20s20-8.954 20-20v-80c0-11.046 8.954-20 20-20s20 8.954 20 20v48" class="iconic-route-path iconic-property-stroke" fill="none" />
+    <circle cx="90" cy="76" r="10" class="iconic-route-point iconic-route-end-point iconic-property-accent iconic-property-fill" />
+    <circle cx="10" cy="52" r="10" class="iconic-route-point iconic-route-start-point iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-route-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path stroke="#231F20" stroke-width="3" d="M25.5 17.5v-10.5c0-3.038-2.462-5.5-5.5-5.5s-5.5 2.462-5.5 5.5v18c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5v-10.5" class="iconic-route-path iconic-property-stroke" fill="none" />
+    <circle fill="#231F20" cx="3.5" cy="14.5" r="3.5" class="iconic-route-point iconic-route-start-point iconic-property-accent iconic-property-fill" />
+    <circle fill="#231F20" cx="25.5" cy="17.5" r="3.5" class="iconic-route-point iconic-route-end-point iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-route-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#231F20" stroke-width="2" d="M2 8v4c0 1.657 1.343 3 3 3s3-1.343 3-3v-8c0-1.657 1.343-3 3-3s3 1.343 3 3v4" class="iconic-route-path iconic-property-stroke" fill="none" />
+    <circle fill="#231F20" cx="2" cy="8" r="2" class="iconic-route-point iconic-route-start-point iconic-property-accent iconic-property-fill" />
+    <circle fill="#231F20" cx="14" cy="8" r="2" class="iconic-route-point iconic-route-end-point iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/rss-alt.svg b/app/javascript/iconic/svg/smart/rss-alt.svg
new file mode 100755
index 0000000..e65d935
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/rss-alt.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-rss-alt" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Rss Alt</title>
+  </g>
+  <g class="iconic-rss-alt-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M24.006 128c0-13.264-10.745-24-24.006-24v24h24.006z" class="iconic-rss-alt-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="20" d="M66.006 128c0-36.451-29.549-66-66-66" class="iconic-rss-alt-wave iconic-rss-alt-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="20" d="M118.006 128c0-65.17-52.83-118-118-118" class="iconic-rss-alt-wave iconic-rss-alt-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-rss-alt-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M6 32c0-3.316-2.685-6-6-6v6h6z" class="iconic-rss-alt-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="5" d="M0 15.5c9.113 0 16.5 7.387 16.5 16.5" class="iconic-rss-alt-wave iconic-rss-alt-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="5" d="M0 2.5c16.292 0 29.5 13.208 29.5 29.5" class="iconic-rss-alt-wave iconic-rss-alt-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-rss-alt-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M0 12c2.21 0 3.999 1.789 3.999 4h-3.999v-4z" class="iconic-rss-alt-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M0 7.5c4.694 0 8.5 3.806 8.5 8.5" class="iconic-rss-alt-wave iconic-rss-alt-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M0 1.5c8.008 0 14.5 6.492 14.5 14.5" class="iconic-rss-alt-wave iconic-rss-alt-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/rss.svg b/app/javascript/iconic/svg/smart/rss.svg
new file mode 100755
index 0000000..f91bab1
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/rss.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-rss" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Rss</title>
+  </g>
+  <g class="iconic-rss-lg iconic-container iconic-lg" data-width="108" data-height="108" display="inline" transform="translate(10 10)">
+    <path d="M24 96c0 6.633-5.372 12-12.003 12-6.625 0-11.997-5.367-11.997-12 0-6.632 5.372-12 11.997-12 6.631 0 12.003 5.368 12.003 12z" class="iconic-rss-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M12 60c19.882 0 36 16.118 36 36" class="iconic-rss-wave iconic-rss-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" d="M12 32c35.346 0 64 28.654 64 64" class="iconic-rss-wave iconic-rss-wave-middle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" d="M12 4c50.81 0 92 41.19 92 92" class="iconic-rss-wave iconic-rss-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-rss-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="3" cy="29" r="3" class="iconic-rss-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M4.001 19.5c4.694 0 8.5 3.806 8.5 8.5" class="iconic-rss-wave iconic-rss-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M4 10.5c9.665 0 17.5 7.835 17.5 17.5" class="iconic-rss-wave iconic-rss-wave-middle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M4 1.5c14.636 0 26.5 11.864 26.5 26.5" class="iconic-rss-wave iconic-rss-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-rss-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="2" cy="14" r="2" class="iconic-rss-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M2.001 9c2.761 0 5 2.239 5 5" class="iconic-rss-wave iconic-rss-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M2.001 5c4.971 0 9 4.029 9 9" class="iconic-rss-wave iconic-rss-wave-middle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M2.001 1c7.18 0 13 5.82 13 13" class="iconic-rss-wave iconic-rss-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/scissors.svg b/app/javascript/iconic/svg/smart/scissors.svg
new file mode 100755
index 0000000..142a905
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/scissors.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-scissors" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Scissors</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-scissors-clip-0">
+      <path d="M0 0v100h128v-100h-128zm60 50c1.105 0 2 .895 2 2s-.895 2-2 2-2-.895-2-2 .895-2 2-2zm-12 20l-4-.388s48.623-32.155 59.954-39.682l4.046.069c-11.33 7.527-60 40-60 40z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-scissors-clip-0">
+      <path d="M0 0v24h32v-24h-32zm12 18l-1-1.097s12.156-8.039 14.989-9.92l1.011 1.017c-2.833 1.882-15 10-15 10z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-scissors-lg iconic-container iconic-lg" data-width="128" data-height="100" display="inline" transform="translate(0 14)">
+    <path clip-path="url(#iconic-size-lg-scissors-clip-0)" d="M37.015 29.832c-2.339 6.824-8.654 11.782-16.186 12.126l-.829 2.042c11.75 0 11.991-3.447 24 4.47.21.139.408.259.61.385 24.215 15.952 58.259 38.39 65.39 43.144 12 8 18-1.47 18-1.47l-90.985-60.698z"
+    class="iconic-scissors-blade iconic-scissors-blade-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-scissors-clip-0)" d="M37.035 74.222l90.965-60.222s-6-10-18-2c-7.469 4.979-40.672 26.863-64.684 42.681-.421.245-.854.509-1.316.814-12.056 7.964-12 4.505-24 4.505l.829 2.042c7.552.345 13.882 5.328 16.206 12.18z"
+    class="iconic-scissors-blade iconic-scissors-blade-bottom iconic-property-fill" />
+    <path d="M20 10c7.72 0 14 6.28 14 14s-6.28 14-14 14-14-6.28-14-14 6.28-14 14-14m0-6c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20z" class="iconic-scissors-handle iconic-scissors-handle-top iconic-property-accent iconic-property-fill"
+    />
+    <path d="M20 66c7.72 0 14 6.28 14 14s-6.28 14-14 14-14-6.28-14-14 6.28-14 14-14m0-6c-11.046 0-20 8.954-20 20s8.954 20 20 20 20-8.954 20-20-8.954-20-20-20z" class="iconic-scissors-handle iconic-scissors-handle-bottom iconic-property-accent iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-scissors-md iconic-container iconic-md" data-width="32" data-height="24" display="none" transform="scale(4) translate(0 4)">
+    <path clip-path="url(#iconic-size-md-scissors-clip-0)" d="M9.369 6.035c-.453 1.917-2.126 3.348-4.157 3.444l-.212.521c2.938 0 2.998-.862 6 1.118 5.587 3.683 13.242 8.728 15 9.882 4 2.625 6 .132 6 .132l-22.631-15.098z" class="iconic-scissors-blade iconic-scissors-blade-top iconic-property-fill"
+    />
+    <path clip-path="url(#iconic-size-md-scissors-clip-0)" d="M9.373 17.98l22.627-14.98s-2-2.583-6 0c-1.867 1.206-9.454 6.211-14.999 9.873 0 0 0 0-.001 0-3.014 1.991-3 1.126-6 1.126l.212.521c2.037.096 3.714 1.534 4.162 3.458z" class="iconic-scissors-blade iconic-scissors-blade-bottom iconic-property-fill"
+    />
+    <path d="M5 2c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3m0-2c-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5-2.239-5-5-5z" class="iconic-scissors-handle iconic-scissors-handle-top iconic-property-accent iconic-property-fill" />
+    <path d="M5 16c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3m0-2c-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5-2.239-5-5-5z" class="iconic-scissors-handle iconic-scissors-handle-bottom iconic-property-accent iconic-property-fill" />
+  </g>
+  <g class="iconic-scissors-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path d="M5.456 3.441c-.207 1.16-1.21 2.042-2.427 2.056l-.029.503c1.312 0 1.747-.683 3.091.254 2.662 1.768 5.962 3.961 6.909 4.59 1.661 1.103 3-.344 3-.344l-10.544-7.059z" class="iconic-scissors-blade iconic-scissors-blade-top iconic-property-fill"
+    />
+    <path d="M5.456 10.559l10.544-7.059s-1.375-1.219-3.296-.178c-.483.262-3.934 2.575-6.703 4.443-.739.498-2 .236-3 .236l.005.5c1.227.003 2.241.891 2.45 2.059z" class="iconic-scissors-blade iconic-scissors-blade-bottom iconic-property-fill" />
+    <path d="M3 1c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-1c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z" class="iconic-scissors-handle iconic-scissors-handle-top iconic-property-accent iconic-property-fill" />
+    <path d="M3 9c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-1c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z" class="iconic-scissors-handle iconic-scissors-handle-bottom iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/screen-viewport.svg b/app/javascript/iconic/svg/smart/screen-viewport.svg
new file mode 100755
index 0000000..11a26a2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/screen-viewport.svg
@@ -0,0 +1,34 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-screen-viewport" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Screen Viewport</title>
+  </g>
+  <g class="iconic-screen-viewport-lg iconic-container iconic-lg" data-width="128" data-height="98" display="inline" transform="translate(0 15)">
+    <path stroke="#000" stroke-width="4" class="iconic-screen-viewport-viewport iconic-property-stroke" d="M2 2h124v94h-124z" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-left iconic-screen-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M7 16v-9h9" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-right iconic-screen-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M112 7h9v9" fill="none"
+    />
+    <path stroke="#000" stroke-width="2" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-right iconic-screen-viewport-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M121 82v9h-9"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-left iconic-screen-viewport-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M16 91h-9v-9"
+    fill="none" />
+  </g>
+  <g class="iconic-screen-viewport-md iconic-container iconic-md" data-width="32" data-height="26" display="none" transform="scale(4) translate(0 3)">
+    <path stroke="#000" stroke-width="2" class="iconic-screen-viewport-viewport iconic-property-stroke" d="M1 1h30v24h-30z" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-left iconic-screen-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M3.5 7v-3.5h3.5" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-right iconic-screen-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M25 3.5h3.5v3.5" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-right iconic-screen-viewport-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M28.5 19v3.5h-3.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-left iconic-screen-viewport-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M7 22.5h-3.5v-3.5" fill="none"
+    />
+  </g>
+  <g class="iconic-screen-viewport-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" class="iconic-screen-viewport-viewport iconic-property-stroke" d="M.5.5h15v13h-15z" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-left iconic-screen-viewport-bound-top-left iconic-property-accent iconic-property-stroke" d="M2.5 5v-2.5h2.5" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-top iconic-screen-viewport-bound-right iconic-screen-viewport-bound-top-right iconic-property-accent iconic-property-stroke" d="M11 2.5h2.5v2.5" fill="none" />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-left iconic-screen-viewport-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M5 11.5h-2.5v-2.5" fill="none"
+    />
+    <path stroke="#000" class="iconic-screen-viewport-bound iconic-screen-viewport-bound-bottom iconic-screen-viewport-bound-right iconic-screen-viewport-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M13.5 9v2.5h-2.5" fill="none"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/screenshot.svg b/app/javascript/iconic/svg/smart/screenshot.svg
new file mode 100755
index 0000000..615a610
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/screenshot.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-screenshot" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Screenshot</title>
+  </g>
+  <g class="iconic-screenshot-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path fill="#fff" stroke="#000" stroke-width="4" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-top iconic-property-accent iconic-property-stroke" d="M64 0v34" />
+    <path fill="#fff" stroke="#000" stroke-width="4" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-bottom iconic-property-accent iconic-property-stroke" d="M64 94v34" />
+    <path fill="#fff" stroke="#000" stroke-width="4" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-right iconic-property-accent iconic-property-stroke" d="M128 64h-34" />
+    <path fill="#fff" stroke="#000" stroke-width="4" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-left iconic-property-accent iconic-property-stroke" d="M34 64h-34" />
+    <circle cx="64" cy="64" r="6" class="iconic-screenshot-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="8" cx="64" cy="64" r="42" class="iconic-screenshot-ring iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-screenshot-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-top iconic-property-accent iconic-property-stroke" d="M16 0v9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-bottom iconic-property-accent iconic-property-stroke" d="M16 23v9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-right iconic-property-accent iconic-property-stroke" d="M32 16h-9" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-left iconic-property-accent iconic-property-stroke" d="M9 16h-9" />
+    <circle cx="16" cy="16" r="2" class="iconic-screenshot-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="3" cx="16" cy="16" r="10.5" class="iconic-screenshot-ring iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-screenshot-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-top iconic-property-accent iconic-property-stroke" d="M8 0v5" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-bottom iconic-property-accent iconic-property-stroke" d="M8 11v5" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-right iconic-property-accent iconic-property-stroke" d="M16 8h-5" />
+    <path fill="#fff" stroke="#000" stroke-width="2" class="iconic-screenshot-crosshair iconic-screenshot-crosshair-left iconic-property-accent iconic-property-stroke" d="M5 8h-5" />
+    <circle cx="8" cy="8" r="1" class="iconic-screenshot-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="8" cy="8" r="5" class="iconic-screenshot-ring iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/screwdriver.svg b/app/javascript/iconic/svg/smart/screwdriver.svg
new file mode 100755
index 0000000..d169991
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/screwdriver.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-screwdriver" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Screwdriver</title>
+  </g>
+  <g class="iconic-screwdriver-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path class="iconic-screwdriver-head iconic-property-fill" d="M107.856 16.115l-57.462 57.462 4.029 4.029 57.462-57.462 8.058-2.029 8.058-14.087-4.029-4.029-14.087 8.058z" />
+    <path d="M19.983 123.983l36.017-35.983v-4l2-2h2l2-2-14-14-2 2v2l-2 2h-4l-35.983 36.017c-2.455 2.079-4.017 5.18-4.017 8.648 0 6.26 5.075 11.335 11.335 11.335 3.469 0 6.569-1.562 8.648-4.017zm-13.69-12.276c-.195-.195-.293-.451-.293-.707s.098-.512.293-.707l34-34c.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414l-34 34c-.391.391-1.023.391-1.414 0zm4 6c-.195-.195-.293-.451-.293-.707s.098-.512.293-.707l34-34c.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414l-34 34c-.391.391-1.023.391-1.414 0zm6 4c-.195-.195-.293-.451-.293-.707s.098-.512.293-.707l34-34c.391-.391 1.023-.391 1.414 0s.391 1.023 0 1.414l-34 34c-.391.391-1.023.391-1.414 0z"
+    class="iconic-screwdriver-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-screwdriver-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-screwdriver-head iconic-property-fill" d="M27 4l-16 16 1 1 16-16 2-1 2-3-1-1-3 2z" />
+    <path d="M4.989 31l9.011-9v-1l1-1-3-3-1 1h-1l-8.989 9.011c-.613.52-1.011 1.287-1.011 2.154 0 1.566 1.269 2.835 2.835 2.835.867 0 1.634-.387 2.154-1z" class="iconic-screwdriver-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-screwdriver-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-screwdriver-head iconic-property-fill" d="M10.9 4l-6 6 1 1 6-6h2l2-4-1-1-4 2z" />
+    <path d="M5 8.1l-4.414 4.486c-.781.781-.781 2.047 0 2.828.781.781 2.047.781 2.828 0l4.486-4.414.1-1-2-2-1 .1z" class="iconic-screwdriver-handle iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/script.svg b/app/javascript/iconic/svg/smart/script.svg
new file mode 100755
index 0000000..e058694
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/script.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-script" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Script</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-script-clip-0">
+      <path d="M0 0v128h104v-128h-104zm8 119c0 .552-.448 1-1 1s-1-.448-1-1v-43c0-.552.448-1 1-1s1 .448 1 1v43zm92-83h-86v-27c0-.552.448-1 1-1s1 .448 1 1v25h84c.552 0 1 .448 1 1s-.448 1-1 1z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-script-clip-0">
+      <path d="M0 0v32h29v-32h-29zm4 28.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-9.5c0-.276.224-.5.5-.5s.5.224.5.5v9.5zm23-19.5h-21v-5.5c0-.276.224-.5.5-.5s.5.224.5.5v4.5h20c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-script-clip-0">
+      <path d="M0 0v16h15v-16h-15zm2 13.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-4c0-.276.224-.5.5-.5s.5.224.5.5v4zm11.5-7.5h-10.5v-3.5c0-.276.224-.5.5-.5s.5.224.5.5v2.5h9.5c.276 0 .5.224.5.5s-.224.5-.5.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-script-lg iconic-container iconic-lg" data-width="104" data-height="128" display="inline" transform="translate(12)">
+    <path clip-path="url(#iconic-size-lg-script-clip-0)" d="M96 0h-80c-4.418 0-8 3.582-8 8v86h-8v26c0 4.418 3.582 8 8 8h80c4.418 0 7.999-3.581 8-7.999v-86.001h8v-26c0-4.418-3.582-8-8-8z" class="iconic-script-body iconic-property-fill" />
+  </g>
+  <g class="iconic-script-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-script-clip-0)" d="M26 0h-19c-1.657 0-3 1.343-3 3v20h-3v6c0 1.657 1.343 3 3 3h19c1.657 0 3-1.343 3-3v-21h3v-5c0-1.657-1.343-3-3-3z" class="iconic-script-body iconic-property-fill" />
+  </g>
+  <g class="iconic-script-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path d="M13 0h-9c-1.105 0-2 .895-2 2v9h-2v3.125h.013c.066 1.045.926 1.875 1.987 1.875h9c1.105 0 2-.895 2-2v-9h2v-3c0-1.105-.895-2-2-2z" clip-path="url(#iconic-size-sm-script-clip-0)" class="iconic-script-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/server.svg b/app/javascript/iconic/svg/smart/server.svg
new file mode 100755
index 0000000..33bccf2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/server.svg
@@ -0,0 +1,68 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-server" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Server</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-server-clip-0">
+      <path d="M6 6v30h76v-30h-76zm3 28c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm7 19c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm13-1c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm-4-4c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm10 10c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-server-clip-1">
+      <path d="M6 38v30h76v-30h-76zm3 28c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm7 19c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm13-1c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm-4-4c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm10 10c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-server-clip-2">
+      <path d="M6 70v30h76v-30h-76zm3 28c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm7 19c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm6 0c0 .552-.448 1-1 1s-1-.448-1-1v-16c0-.552.448-1 1-1s1 .448 1 1v16zm13-1c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm4 0c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm-4-4c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm10 10c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm0-24c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-lg-server-clip-3">
+      <path d="M0 0v108h88v-108h-88zm84 104h-80v-100h80v100z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-server-clip-0">
+      <path d="M2 2v7h19v-7h-19zm3 5.458c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.958c0-.276.224-.5.5-.5s.5.224.5.5v3.958zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.958c0-.276.224-.5.5-.5s.5.224.5.5v3.958zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.958c0-.276.224-.5.5-.5s.5.224.5.5v3.958zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.958c0-.276.224-.5.5-.5s.5.224.5.5v3.958zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.958c0-.276.224-.5.5-.5s.5.224.5.5v3.958zm5-1.458c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-server-clip-1">
+      <path d="M2 10v7h19v-7h-19zm3 5.459c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm5-1.459c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-server-clip-2">
+      <path d="M2 18v7h19v-7h-19zm3 5.459c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm2 0c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-3.959c0-.276.224-.5.5-.5s.5.224.5.5v3.959zm5-1.459c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-server-clip-3">
+      <path d="M0 0v27h23v-27h-23zm22 26h-21v-25h21v25z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-server-clip-0">
+      <path d="M0 0v15h12v-15h-12zm11 14h-10v-13h10v13z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-server-lg iconic-container iconic-lg" data-width="88" data-height="128" display="inline" transform="translate(20)">
+    <path clip-path="url(#iconic-size-lg-server-clip-0)" d="M80.5 36h-73c-.828 0-1.5-.672-1.5-1.5v-27c0-.828.672-1.5 1.5-1.5h73c.828 0 1.5.672 1.5 1.5v27c0 .828-.672 1.5-1.5 1.5z" class="iconic-server-chasis iconic-server-chasis-top iconic-property-fill"
+    />
+    <circle cx="69" cy="19" r="3" class="iconic-server-chasis-light iconic-server-chasis-top-light iconic-property-accent iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-server-clip-1)" d="M80.5 68h-73c-.828 0-1.5-.672-1.5-1.5v-27c0-.828.672-1.5 1.5-1.5h73c.828 0 1.5.672 1.5 1.5v27c0 .828-.672 1.5-1.5 1.5z" class="iconic-server-chasis iconic-server-chasis-middle iconic-property-fill"
+    />
+    <circle cx="69" cy="51" r="3" class="iconic-server-chasis-light iconic-server-chasis-middle-light iconic-property-accent iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-server-clip-2)" d="M80.5 100h-73c-.828 0-1.5-.672-1.5-1.5v-27c0-.828.672-1.5 1.5-1.5h73c.828 0 1.5.672 1.5 1.5v27c0 .828-.672 1.5-1.5 1.5z" class="iconic-server-chasis iconic-server-chasis-bottom iconic-property-fill"
+    />
+    <circle cx="69" cy="83" r="3" class="iconic-server-chasis-light iconic-server-chasis-bottom-light iconic-property-accent iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-server-clip-3)" d="M86.5 108h-85c-.828 0-1.5-.672-1.5-1.5v-105c0-.828.672-1.5 1.5-1.5h85c.828 0 1.5.672 1.5 1.5v105c0 .828-.672 1.5-1.5 1.5z" class="iconic-server-rack iconic-server-rack-walls iconic-property-fill"
+    />
+    <path class="iconic-server-rack iconic-server-rack-base iconic-property-fill" d="M0 102h88v26h-88z" />
+  </g>
+  <g class="iconic-server-md iconic-container iconic-md" data-width="23" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path clip-path="url(#iconic-size-md-server-clip-0)" d="M20.5 9h-18c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h18c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-server-clip-1)" d="M20.5 17h-18c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h18c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-middle iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-server-clip-2)" d="M20.5 25h-18c-.276 0-.5-.224-.5-.5v-6c0-.276.224-.5.5-.5h18c.276 0 .5.224.5.5v6c0 .276-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-bottom iconic-property-fill" />
+    <path clip-path="url(#iconic-size-md-server-clip-3)" d="M22.5 27h-22c-.276 0-.5-.224-.5-.5v-26c0-.276.224-.5.5-.5h22c.276 0 .5.224.5.5v26c0 .276-.224.5-.5.5z" class="iconic-server-rack iconic-server-rack-walls iconic-property-fill" />
+    <path class="iconic-server-rack iconic-server-rack-base iconic-property-fill" d="M0 26h23v6h-23z" />
+  </g>
+  <g class="iconic-server-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path d="M2 2v3h8v-3h-8zm3.5 2h-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2c.276 0 .5.224.5.5s-.224.5-.5.5zm3 0c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-bottom iconic-property-fill" />
+    <path d="M2 6v3h8v-3h-8zm3.5 2h-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2c.276 0 .5.224.5.5s-.224.5-.5.5zm3 0c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-middle iconic-property-fill" />
+    <path d="M2 10v3h8v-3h-8zm3.5 2h-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2c.276 0 .5.224.5.5s-.224.5-.5.5zm3 0c-.276 0-.5-.224-.5-.5s.224-.5.5-.5.5.224.5.5-.224.5-.5.5z" class="iconic-server-chasis iconic-server-chasis-top iconic-property-fill" />
+    <path clip-path="url(#iconic-size-sm-server-clip-0)" class="iconic-server-rack iconic-server-rack-walls iconic-property-fill" d="M0 0h12v15h-12z" />
+    <path class="iconic-server-rack iconic-server-rack-base iconic-property-fill" d="M0 14h12v2h-12z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/settings.svg b/app/javascript/iconic/svg/smart/settings.svg
new file mode 100755
index 0000000..ad23279
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/settings.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-settings" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Settings</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-settings-clip-0">
+      <path d="M94 58.25c-8.96 0-16.25-7.29-16.25-16.25s7.29-16.25 16.25-16.25c8.024 0 14.69 5.851 16 13.507v-39.257h-110v30.271c2.731-4.926 7.98-8.271 14-8.271 8.822 0 16 7.178 16 16s-7.178 16-16 16c-6.02 0-11.27-3.345-14-8.271v82.271h110v-83.257c-1.31 7.656-7.976 13.507-16 13.507zm-40 51.75c-8.822 0-16-7.178-16-16s7.178-16 16-16 16 7.178 16 16-7.178 16-16 16z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-settings-clip-0">
+      <path d="M23.5 14c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5c1.421 0 2.675.675 3.5 1.706v-6.707h-27v6.707c.825-1.032 2.079-1.707 3.5-1.707 2.481 0 4.5 2.019 4.5 4.5s-2.019 4.5-4.5 4.5c-1.421 0-2.675-.675-3.5-1.706v19.706h27v-19.706c-.825 1.032-2.079 1.706-3.5 1.706zm-10 14c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-settings-clip-0">
+      <path d="M14 8c-1.654 0-3-1.346-3-3s1.346-3 3-3c.771 0 1.468.3 2 .78v-2.78h-16v2.78c.532-.48 1.229-.78 2-.78 1.654 0 3 1.346 3 3s-1.346 3-3 3c-.771 0-1.468-.301-2-.78v8.78h16v-8.78c-.532.48-1.229.78-2 .78zm-6 6c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3z"
+      />
+    </clipPath>
+  </defs>
+  <g class="iconic-settings-lg iconic-container iconic-lg" data-width="110" data-height="128" display="inline" transform="translate(9)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" clip-path="url(#iconic-size-lg-settings-clip-0)" class="iconic-settings-line iconic-settings-line-1 iconic-property-accent iconic-property-stroke" d="M14 4v120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" clip-path="url(#iconic-size-lg-settings-clip-0)" class="iconic-settings-line iconic-settings-line-2 iconic-property-accent iconic-property-stroke" d="M54 4v120" fill="none" />
+    <path stroke="#000" stroke-width="8" stroke-linecap="round" clip-path="url(#iconic-size-lg-settings-clip-0)" class="iconic-settings-line iconic-settings-line-3 iconic-property-accent iconic-property-stroke" d="M94 4v120" fill="none" />
+    <path d="M94 28c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14z" class="iconic-settings-knob iconic-settings-knob-3 iconic-property-fill" />
+    <path d="M54 80c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14z" class="iconic-settings-knob iconic-settings-knob-2 iconic-property-fill" />
+    <path d="M14 24c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14z" class="iconic-settings-knob iconic-settings-knob-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-settings-md iconic-container iconic-md" data-width="27" data-height="32" display="none" transform="scale(4) translate(2)">
+    <path clip-path="url(#iconic-size-md-settings-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-1 iconic-property-accent iconic-property-stroke" d="M3.5 1.5v29" fill="none" />
+    <path clip-path="url(#iconic-size-md-settings-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-2 iconic-property-accent iconic-property-stroke" d="M13.5 1.5v29" fill="none" />
+    <path clip-path="url(#iconic-size-md-settings-clip-0)" stroke="#000" stroke-width="3" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-3 iconic-property-accent iconic-property-stroke" d="M23.5 1.5v29" fill="none" />
+    <path d="M23.5 6c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z" class="iconic-settings-knob iconic-settings-knob-3 iconic-property-fill" />
+    <path d="M13.5 20c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z" class="iconic-settings-knob iconic-settings-knob-2 iconic-property-fill" />
+    <path d="M3.5 6c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5-1.57-3.5-3.5-3.5z" class="iconic-settings-knob iconic-settings-knob-1 iconic-property-fill" />
+  </g>
+  <g class="iconic-settings-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-settings-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-1 iconic-property-accent iconic-property-stroke" d="M2 1v14" fill="none" />
+    <path clip-path="url(#iconic-size-sm-settings-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-2 iconic-property-accent iconic-property-stroke" d="M8 1v14" fill="none" />
+    <path clip-path="url(#iconic-size-sm-settings-clip-0)" stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-settings-line iconic-settings-line-3 iconic-property-accent iconic-property-stroke" d="M14 1v14" fill="none" />
+    <circle cx="2" cy="5" r="2" class="iconic-settings-knob iconic-settings-knob-1 iconic-property-fill" />
+    <circle cx="8" cy="11" r="2" class="iconic-settings-knob iconic-settings-knob-2 iconic-property-fill" />
+    <circle cx="14" cy="5" r="2" class="iconic-settings-knob iconic-settings-knob-3 iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/shape.svg b/app/javascript/iconic/svg/smart/shape.svg
new file mode 100755
index 0000000..13a427c
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/shape.svg
@@ -0,0 +1,138 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="shape" width="128" height="128" class="iconic iconic-shape" viewBox="0 0 128 128">
+  <g><title>Shape</title></g>
+
+  <defs>
+    <mask id="iconic-shape-knockout-lg">
+      <rect width="100%" height="100%" fill="#fff"/>
+      <text x="32" dx="32" y="78" font-size="36" text-anchor="middle" class="iconic-shape-knockout-text"/>
+    </mask>
+
+    <mask id="iconic-shape-knockout-md" transform="translate(4)">
+      <rect width="100%" height="100%" fill="#fff"/>
+      <text x="8" dx="8" dy="20" font-size="12" text-anchor="middle" class="iconic-shape-knockout-text"/>
+    </mask>
+
+    <mask id="iconic-shape-knockout-sm" transform="translate(8)">
+      <rect width="100%" height="100%" fill="#fff"/>
+      <text x="4" dx="4" dy="10" font-size="7" text-anchor="middle" font-weight="bold" class="iconic-shape-knockout-text"/>
+    </mask>
+  </defs>
+
+
+  <!-- Square -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-shape-square" display="inline" mask="url(#iconic-shape-knockout-lg)">
+      <path d="M126.5 128h-125c-.828 0-1.5-.672-1.5-1.5v-125c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v125c0 .828-.672 1.5-1.5 1.5z" class="iconic-shape-square-background iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Square Rounded -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-lg)">
+      <path d="M120 128h-112c-4.418 0-8-3.582-8-8v-112c0-4.418 3.582-8 8-8h112c4.418 0 8 3.582 8 8v112c0 4.418-3.582 8-8 8z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Hexagon -->
+  <g data-width="112" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-lg)">
+      <path d="M1.302 31.256l53.395-30.512c.719-.411 1.885-.411 2.605 0l53.395 30.512c.719.411 1.302 1.416 1.302 2.244v61c0 .828-.583 1.833-1.302 2.244l-53.395 30.512c-.719.411-1.885.411-2.605 0l-53.395-30.512c-.719-.411-1.302-1.416-1.302-2.244v-61c0-.828.583-1.833 1.302-2.244z" class="iconic-shape-hexagon-background iconic-property-fill" transform="translate(8)"/>
+    </g>
+  </g>
+
+  <!-- Octagon -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-lg)">
+      <path class="iconic-shape-octagon-background iconic-property-fill" d="M38 128l-38-38v-52l38-38h52l38 38v52l-38 38z"/>
+    </g>
+  </g>
+
+  <!-- Circle -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-lg)">
+      <circle cx="64" cy="64" r="64" class="iconic-shape-circle-background iconic-property-fill"/>
+    </g>
+  </g>
+
+
+
+  <!-- Square -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-shape-square" mask="url(#iconic-shape-knockout-md)">
+      <path class="iconic-shape-square-background iconic-property-fill" d="M0 0h32v32h-32z"/>
+    </g>
+  </g>
+
+  <!-- Square Rounded -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-md)">
+      <path d="M29 32h-26c-1.657 0-3-1.343-3-3v-26c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v26c0 1.657-1.343 3-3 3z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Hexagon -->
+  <g data-width="28" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-md)">
+      <path class="iconic-shape-hexagon-background iconic-property-fill" d="M0 8l14-8 14 8v16l-14 8-14-8z" transform=" translate(2)"/>
+    </g>
+  </g>
+
+  <!-- Octagon -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-md)">
+      <path class="iconic-shape-octagon-background iconic-property-fill" d="M9 32l-9-9v-14l9-9h14l9 9v14l-9 9z"/>
+    </g>
+  </g>
+
+  <!-- Circle -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-md)">
+      <circle cx="16" cy="16" r="16" class="iconic-shape-circle-background iconic-property-fill"/>
+    </g>
+  </g>
+
+
+
+
+  <!-- Square -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-shape-square" mask="url(#iconic-shape-knockout-sm)">
+      <path class="iconic-shape-square-background iconic-property-fill" d="M0 0h16v16h-16z"/>
+    </g>
+  </g>
+
+  <!-- Square Rounded -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-shape-square-rounded" display="none" mask="url(#iconic-shape-knockout-sm)">
+      <path d="M14 16h-12c-1.105 0-2-.895-2-2v-12c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2v12c0 1.105-.895 2-2 2z" class="iconic-shape-square-rounded-background iconic-property-fill"/>
+    </g>
+  </g>
+
+  <!-- Hexagon -->
+  <g data-width="14" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-shape-hexagon" display="none" mask="url(#iconic-shape-knockout-sm)">
+      <path class="iconic-shape-hexagon-background iconic-property-fill" d="M0 4l7-4 7 4v8l-7 4-7-4z" transform="translate(1)"/>
+    </g>
+  </g>
+
+  <!-- Octagon -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-shape-octagon" display="none" mask="url(#iconic-shape-knockout-sm)">
+      <path class="iconic-shape-octagon-background iconic-property-fill" d="M4.5 16l-4.5-4.5v-7l4.5-4.5h7l4.5 4.5v7l-4.5 4.5z"/>
+    </g>
+  </g>
+
+  <!-- Circle -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-shape-circle" display="none" mask="url(#iconic-shape-knockout-sm)">
+      <circle cx="8" cy="8" r="8" class="iconic-shape-circle-background iconic-property-fill"/>
+    </g>
+  </g>
+
+
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["shape"]=iconicApis["shape"]||function(t){var e=function(e){t.setAttribute("data-text",e);var i=t.querySelectorAll(".iconic-shape-knockout-text");e=e.substring(0,2),e=e.toUpperCase();for(var r=0;r<i.length;r++)e&&""!==e?(i[r].textContent=e,i[r].setAttribute("display","inline")):(i[r].textContent="",i[r].setAttribute("display","none"))},i=function(e){t.setAttribute("data-shape",e);var i,r,n,a,c,o=t.querySelectorAll(".iconic-shape-square"),s=t.querySelectorAll(".iconic-shape-square-rounded"),l=t.querySelectorAll(".iconic-shape-hexagon"),u=t.querySelectorAll(".iconic-shape-octagon"),d=t.querySelectorAll(".iconic-shape-circle");switch(i=r=n=a=c="none",e){case"square-rounded":r="inline";break;case"hexagon":n="inline";break;case"octagon":a="inline";break;case"circle":c="inline";break;default:i="inline"}for(var A=0;A<o.length;A++)o[A].setAttribute("display",i),s[A].setAttribute("display",r),l[A].setAttribute("display",n),u[A].setAttribute("display",a),d[A].setAttribute("display",c)},r=function(){var r=t.getAttribute("data-text");r&&e(r);var n=t.getAttribute("data-shape");n&&i(n)};return{update:r,setText:e,setShape:i}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/share-boxed.svg b/app/javascript/iconic/svg/smart/share-boxed.svg
new file mode 100755
index 0000000..379bafc
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/share-boxed.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-share-boxed" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Share Boxed</title>
+  </g>
+  <g class="iconic-share-boxed-lg iconic-container iconic-lg" data-width="128" data-height="112" display="inline" transform="translate(0 8)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" d="M108 56v49c0 1.657-1.343 3-3 3h-98c-1.657 0-3-1.343-3-3v-98c0-1.657 1.343-3 3-3h37" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M128 26l-32-20v8h-2c-54 0-78 24.872-78 72 8.25-31.75 26-48 66-48 7.731 0 11.862 0 14 0v8l32-20z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+  <g class="iconic-share-boxed-md iconic-container iconic-md" data-width="32" data-height="29" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" d="M27.5 17.5v9c0 .552-.448 1-1 1h-24c-.552 0-1-.448-1-1v-24c0-.552.448-1 1-1h8" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M32 7.333l-8-6.333v3c-13 0-18 6.218-18 18 2.063-7.938 8-12 16-12 .9 0 1.536 0 2 0v3l8-5.667z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+  <g class="iconic-share-boxed-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" d="M13 11v1.5c0 .276-.224.5-.5.5h-11c-.276 0-.5-.224-.5-.5v-11c0-.276.224-.5.5-.5h3.5" class="iconic-share-boxed-box iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M16 4l-4-4v2c-4.418 0-8 3.582-8 8 0-2.209 3-4 5-4 1.201 0 2.304 0 3 0v2l4-4z" class="iconic-share-boxed-arrow iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/share-social.svg b/app/javascript/iconic/svg/smart/share-social.svg
new file mode 100755
index 0000000..848f66f
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/share-social.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-share-social" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Share Social</title>
+  </g>
+  <g class="iconic-share-social-lg iconic-container iconic-lg" data-width="128" data-height="68" display="inline" transform="translate(0 30)">
+    <path stroke="#000" stroke-width="8" d="M64 64c16.569 0 30-13.431 30-30h34" class="iconic-share-social-hand iconic-share-social-hand-bottom iconic-property-stroke" fill="none" />
+    <circle cx="64" cy="34" r="12" class="iconic-share-social-circle iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M64 4c-16.569 0-30 13.431-30 30h-34" class="iconic-share-social-hand iconic-share-social-hand-top iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-share-social-md iconic-container iconic-md" data-width="31" data-height="19" display="none" transform="scale(4) translate(0 6)">
+    <path stroke="#000" stroke-width="3" d="M31 9.5h-7.5c0 4.418-3.582 8-8 8h-.5" class="iconic-share-social-hand iconic-share-social-hand-bottom iconic-property-stroke" fill="none" />
+    <circle cx="15.5" cy="9.5" r="3.5" class="iconic-share-social-circle iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M0 9.5h7.5c0-4.418 3.582-8 8-8h.5" class="iconic-share-social-hand iconic-share-social-hand-top iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-share-social-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path stroke="#000" stroke-width="2" d="M8 11c2.761 0 5-2.239 5-5h3" class="iconic-share-social-hand iconic-share-social-hand-bottom iconic-property-stroke" fill="none" />
+    <circle cx="8" cy="6" r="2" class="iconic-share-social-circle iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M8 1c-2.761 0-5 2.239-5 5h-3" class="iconic-share-social-hand iconic-share-social-hand-top iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/share.svg b/app/javascript/iconic/svg/smart/share.svg
new file mode 100755
index 0000000..9f43221
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/share.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-share" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Share</title>
+  </g>
+  <g class="iconic-share-lg iconic-container iconic-lg" data-width="128" data-height="80" display="inline" transform="translate(0 24)">
+    <path d="M128 20l-32-20v8h-16c-64 0-80 24.872-80 72 8.25-31.75 28-48 68-48 16.44 0 24.955 0 28 0v8l32-20z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-share-md iconic-container iconic-md" data-width="32" data-height="21" display="none" transform="scale(4) translate(0 5)">
+    <path d="M32 6.333l-8-6.333v3h-4c-16 0-20 6.218-20 18 2.063-7.938 8-12 16-12 5.333 0 8 0 8 0v3l8-5.667z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-share-sm iconic-container iconic-sm" data-width="16" data-height="13" display="none" transform="scale(8) translate(0 1)">
+    <path d="M16 5.667l-5-5.667v3h-1c-8 0-10 4.109-10 10 1.031-3.969 4-5 8-5 1.481 0 2.433 0 3 0v3l5-5.333z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/shield.svg b/app/javascript/iconic/svg/smart/shield.svg
new file mode 100755
index 0000000..f67b49e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/shield.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-shield" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Shield</title>
+  </g>
+  <g class="iconic-shield-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M94.182 96.662c9.327-11.66 20.595-33.115 21.726-69.351l-51.908-14.831v103.68c5.044 0 17.843-4.075 30.182-19.497z" class="iconic-shield-shadow iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M64 124.16c17.143 0 60-25.714 60-102.857l-60-17.143-60 17.111c0 77.175 42.857 102.889 60 102.889z" class="iconic-shield-rim iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-shield-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 30.556c4.143 0 14.5-6.357 14.5-25l-14.5-4v29z" class="iconic-shield-shadow iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M16 30.556c4.143 0 14.5-6.357 14.5-25l-14.5-4-14.5 4c0 18.65 10.357 25 14.5 25z" class="iconic-shield-rim iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-shield-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 15.04c2 0 7-3 7-12l-7-2v14z" class="iconic-shield-shadow iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M8 15.04c2 0 7-3 7-12l-7-2-7 1.996c0 9.004 5 12.004 7 12.004z" class="iconic-shield-rim iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/signal.svg b/app/javascript/iconic/svg/smart/signal.svg
new file mode 100755
index 0000000..c6ff7d3
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/signal.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-signal" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Signal</title>
+  </g>
+  <g class="iconic-signal-lg iconic-container iconic-lg" data-width="122" data-height="107" display="inline" transform="translate(3 10)">
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-1 iconic-property-stroke" d="M9 98v-13" fill="none" />
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-2 iconic-property-stroke" d="M35 98v-35" fill="none" />
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-3 iconic-property-stroke" d="M61 98v-53" fill="none" />
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-4 iconic-property-stroke" d="M87 98v-71" fill="none" />
+    <path stroke="#000" stroke-width="18" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-5 iconic-property-stroke" d="M113 98v-89" fill="none" />
+  </g>
+  <g class="iconic-signal-md iconic-container iconic-md" data-width="28" data-height="24" display="none" transform="scale(4) translate(2 4)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-1 iconic-property-stroke" d="M2 22v-3" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-2 iconic-property-stroke" d="M8 22v-8" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-3 iconic-property-stroke" d="M14 22v-12" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-4 iconic-property-stroke" d="M20 22v-16" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-5 iconic-property-stroke" d="M26 22v-20" fill="none" />
+  </g>
+  <g class="iconic-signal-sm iconic-container iconic-sm" data-width="14" data-height="11" display="none" transform="scale(8) translate(1 2)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-1 iconic-property-stroke" d="M1 10v-1" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-2 iconic-property-stroke" d="M4 10v-3" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-3 iconic-property-stroke" d="M7 10v-5" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-4 iconic-property-stroke" d="M10 10v-7" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-signal-bar iconic-signal-bar-5 iconic-property-stroke" d="M13 10v-9" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/signpost.svg b/app/javascript/iconic/svg/smart/signpost.svg
new file mode 100755
index 0000000..45dffaa
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/signpost.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-signpost" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Signpost</title>
+  </g>
+  <g class="iconic-signpost-lg iconic-container iconic-lg" data-width="124" data-height="128" display="inline" transform="translate(2)">
+    <path class="iconic-signpost-sign iconic-signpost-sign-right iconic-property-fill" d="M68 14h48l8 10-8 10h-48z" />
+    <path class="iconic-signpost-sign iconic-signpost-sign-left iconic-property-fill" d="M64 26h-56l-8-10 8-10h56z" />
+    <path class="iconic-signpost-post iconic-property-fill" d="M58 0h8v128h-8z" />
+  </g>
+  <g class="iconic-signpost-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-signpost-sign iconic-signpost-sign-right iconic-property-fill" d="M15 5h14l2 3-2 3h-14z" />
+    <path class="iconic-signpost-sign iconic-signpost-sign-left iconic-property-fill" d="M16 8h-14l-2-3 2-3h14z" />
+    <path class="iconic-signpost-post iconic-property-fill" d="M14 0h3v32h-3z" />
+  </g>
+  <g class="iconic-signpost-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-signpost-sign iconic-signpost-sign-right iconic-property-fill" d="M8 3h6l2 2-2 2h-6z" />
+    <path class="iconic-signpost-sign iconic-signpost-sign-left iconic-property-fill" d="M8 5h-6l-2-2 2-2h6z" />
+    <path class="iconic-signpost-post iconic-property-fill" d="M7 0h2v16h-2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/social.svg b/app/javascript/iconic/svg/smart/social.svg
new file mode 100755
index 0000000..4f6a9ef
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/social.svg
@@ -0,0 +1,305 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="social" width="128" height="128" class="iconic iconic-social" viewBox="0 0 128 128">
+  <g><title>Social</title></g>
+
+  <!-- Dribbble -->
+  <g class="iconic-container iconic-lg" data-width="128" data-height="127" display="inline">
+    <g class="iconic-social-dribbble" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M64 127.829c-35.29 0-64-28.672-64-63.914 0-35.243 28.71-63.915 64-63.915s64 28.672 64 63.915c0 35.243-28.71 63.914-64 63.914zm53.974-55.165c-1.87-.59-16.92-5.072-34.051-2.334 7.15 19.622 10.06 35.603 10.62 38.924 12.264-8.281 20.994-21.4 23.431-36.59zm-32.621 41.588c-.813-4.79-3.987-21.483-11.662-41.4-.12.041-.24.08-.36.122-30.834 10.73-41.902 32.084-42.886 34.092 9.269 7.218 20.917 11.525 33.555 11.525 7.573 0 14.79-1.547 21.353-4.339zm-61.966-13.752c1.238-2.117 16.241-26.925 44.435-36.026.712-.23 1.431-.446 2.154-.649-1.373-3.102-2.867-6.206-4.432-9.265-27.3 8.159-53.79 7.818-56.182 7.769-.017.554-.028 1.11-.028 1.668 0 14.022 5.323 26.824 14.053 36.502zm-12.898-47.684c2.445.032 24.967.13 50.538-6.652-9.058-16.08-18.827-29.599-20.268-31.573-15.294 7.204-26.726 21.284-30.27 38.224zm40.701-41.894c1.511 2.021 11.44 15.523 20.397 31.959 19.439-7.276 27.668-18.322 28.651-19.72-9.654-8.553-22.348-13.757-36.238-13.757-4.411 0-8.7.528-12.811 1.518zm55.125 18.552c-1.152 1.557-10.313 13.284-30.525 21.525 1.272 2.6 2.491 5.245 3.627 7.907.402.944.794 1.883 1.177 2.817 18.19-2.284 36.263 1.377 38.065 1.757-.12-12.886-4.731-24.718-12.344-34.007z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Dropbox -->
+  <g data-width="128" data-height="120" class="iconic-lg iconic-container" display="inline" transform="translate(0 4)">
+    <g class="iconic-social-dropbox" display="none">
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-left iconic-property-fill" d="M37.653 0l-37.653 24.584 26.035 20.849 37.964-23.442z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-left iconic-property-fill" d="M0 66.283l37.653 24.584 26.347-21.992-37.964-23.443z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-right iconic-property-fill" d="M63.999 68.876l26.348 21.992 37.653-24.584-26.035-20.85z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-right iconic-property-fill" d="M128 24.584l-37.653-24.584-26.348 21.991 37.965 23.442z"/>
+      <path class="iconic-social-dropbox-base iconic-property-fill" d="M64.077 73.607l-26.425 21.927-11.307-7.382v8.276l37.732 22.627 37.732-22.627v-8.276l-11.307 7.382z"/>
+    </g>
+  </g>
+  <!-- Facebook -->
+  <g data-width="128" data-height="124" class="iconic-lg iconic-container" display="inline" transform="translate(0 2)">
+    <g class="iconic-social-facebook" display="none">
+      <path d="M120.936 0h-113.871c-3.903 0-7.065 3.162-7.065 7.065v113.871c0 3.901 3.162 7.065 7.065 7.065h61.304v-49.568h-16.681v-19.318h16.681v-14.246c0-16.533 10.097-25.535 24.846-25.535 7.064 0 13.136.526 14.906.761v17.278l-10.229.005c-8.021 0-9.574 3.812-9.574 9.405v12.333h19.129l-2.491 19.318h-16.638v49.568h32.618c3.901 0 7.064-3.163 7.064-7.065v-113.871c0-3.902-3.163-7.065-7.064-7.065z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Flickr -->
+  <g class="iconic-container iconic-lg" data-width="128" data-height="60" display="inline" transform="translate(0 34)">
+    <g class="iconic-social-flickr" display="none">
+      <path d="M128 30.118c0 16.634-13.484 30.118-30.119 30.118-16.634 0-30.118-13.484-30.118-30.118s13.484-30.118 30.118-30.118c16.635 0 30.119 13.484 30.119 30.118" class="iconic-social-flickr-circle iconic-social-flickr-circle-right iconic-property-fill"/>
+      <path d="M60.236 30.118c0 16.634-13.484 30.118-30.118 30.118s-30.118-13.484-30.118-30.118 13.484-30.118 30.118-30.118 30.118 13.484 30.118 30.118" class="iconic-social-flickr-circle iconic-social-flickr-circle-left iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Github -->
+  <g data-width="128" data-height="126" class="iconic-lg iconic-container" display="inline" transform="translate(0 1)">
+    <g class="iconic-social-github" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M63.996 0c-35.339 0-63.996 28.654-63.996 64.004 0 28.273 18.336 52.261 43.77 60.725 3.2.587 4.368-1.389 4.368-3.085 0-1.519-.055-5.544-.086-10.885-17.803 3.868-21.559-8.579-21.559-8.579-2.91-7.393-7.106-9.362-7.106-9.362-5.811-3.971.44-3.89.44-3.89 6.423.453 9.803 6.595 9.803 6.595 5.709 9.78 14.979 6.956 18.626 5.318.582-4.136 2.235-6.956 4.063-8.556-14.212-1.615-29.152-7.106-29.152-31.631 0-6.987 2.494-12.7 6.588-17.174-.658-1.619-2.854-8.126.627-16.938 0 0 5.374-1.721 17.599 6.561 5.105-1.419 10.58-2.13 16.022-2.154 5.435.025 10.91.735 16.022 2.154 12.219-8.282 17.582-6.561 17.582-6.561 3.492 8.811 1.295 15.318.637 16.938 4.102 4.474 6.579 10.187 6.579 17.174 0 24.586-14.964 29.996-29.221 31.581 2.298 1.976 4.345 5.882 4.345 11.852 0 8.556-.079 15.459-.079 17.557 0 1.711 1.153 3.703 4.401 3.078 25.409-8.48 43.73-32.452 43.73-60.718 0-35.35-28.657-64.004-64.004-64.004z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Google Plus -->
+  <g data-width="128" data-height="108" class="iconic-container iconic-lg" display="inline" transform="translate(0 10)">
+    <g class="iconic-social-google-plus" display="none">
+      <path d="M55.494 62.252c-3.027-2.143-8.816-7.355-8.816-10.418 0-3.59 1.024-5.359 6.428-9.582 5.538-4.327 9.459-10.412 9.459-17.489 0-8.427-3.752-16.638-10.797-19.347h10.619l7.495-5.417h-33.492c-15.015 0-29.145 11.376-29.145 24.552 0 13.466 10.234 24.333 25.51 24.333 1.063 0 2.095-.021 3.106-.094-.991 1.898-1.7 4.036-1.7 6.255 0 3.743 2.013 6.776 4.559 9.253-1.924 0-3.78.056-5.807.056-18.597 0-32.912 11.844-32.912 24.127 0 12.098 15.693 19.664 34.292 19.664 21.202 0 32.913-12.03 32.913-24.128 0-9.7-2.862-15.509-11.71-21.766zm-17.892-16.781c-8.63-.258-16.83-9.653-18.319-20.982-1.489-11.333 4.296-20.005 12.924-19.748 8.625.26 16.83 9.351 18.319 20.682 1.488 11.333-4.298 20.307-12.924 20.049zm-3.379 57.328c-12.855 0-22.14-8.138-22.14-17.913 0-9.58 11.516-17.555 24.371-17.417 2.999.032 5.796.515 8.334 1.337 6.978 4.853 11.984 7.595 13.396 13.125.266 1.122.41 2.277.41 3.455 0 9.774-6.299 17.413-24.371 17.413z" class="iconic-social-google-plus-g iconic-property-fill"/>
+      <path class="iconic-social-google-plus-plus iconic-property-accent iconic-property-fill" d="M104 23.999v-23.999h-8.001v23.999h-24v8.001h24v24h8.001v-24h24v-8.001z"/>
+    </g>
+  </g>
+
+  <!-- Instagram -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-social-instagram" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16.429 0h95.142c9.036 0 16.429 7.393 16.429 16.429v95.142c0 9.036-7.393 16.429-16.429 16.429h-95.142c-9.036 0-16.429-7.393-16.429-16.429v-95.142c0-9.036 7.393-16.429 16.429-16.429zm76.814 14.222c-3.17 0-5.763 2.593-5.763 5.763v13.793c0 3.17 2.593 5.763 5.763 5.763h14.468c3.169 0 5.762-2.593 5.762-5.763v-13.793c0-3.17-2.593-5.763-5.762-5.763h-14.468zm20.29 39.909h-11.266c1.066 3.481 1.641 7.166 1.641 10.983 0 21.291-17.813 38.55-39.786 38.55-21.973 0-39.785-17.259-39.785-38.55 0-3.816.575-7.502 1.641-10.983h-11.756v54.069c0 2.799 2.29 5.088 5.088 5.088h89.134c2.799 0 5.088-2.29 5.088-5.088v-54.07zm-49.411-15.316c-14.197 0-25.707 11.152-25.707 24.908 0 13.757 11.51 24.909 25.707 24.909 14.198 0 25.707-11.152 25.707-24.909 0-13.756-11.509-24.908-25.707-24.908z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- LinkedIn -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-social-linkedin" display="none">
+      <path d="M118.519 0h-109.071c-5.215 0-9.448 4.134-9.448 9.222v109.542c0 5.097 4.234 9.236 9.448 9.236h109.071c5.22 0 9.481-4.139 9.481-9.236v-109.542c0-5.088-4.261-9.222-9.481-9.222zm-80.557 109.074h-18.993v-61.083h18.993v61.083zm-9.495-69.435c-6.086 0-11.005-4.933-11.005-11.012 0-6.072 4.919-11.005 11.005-11.005 6.069 0 11.002 4.933 11.002 11.005 0 6.079-4.933 11.012-11.002 11.012zm80.6 69.435h-18.963v-29.704c0-7.088-.139-16.199-9.868-16.199-9.88 0-11.387 7.718-11.387 15.685v30.218h-18.979v-61.083h18.213v8.343h.259c2.535-4.801 8.729-9.866 17.965-9.866 19.211 0 22.759 12.648 22.759 29.102v33.505z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Pinterest -->
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-social-pinterest" display="none">
+      <path d="M64.002 0c-35.345 0-64.002 28.654-64.002 64.001 0 26.207 15.759 48.721 38.309 58.619-.18-4.469-.032-9.834 1.114-14.696 1.23-5.196 8.235-34.874 8.235-34.874s-2.045-4.087-2.045-10.127c0-9.484 5.497-16.568 12.343-16.568 5.821 0 8.634 4.373 8.634 9.608 0 5.852-3.732 14.606-5.652 22.713-1.603 6.789 3.404 12.326 10.102 12.326 12.126 0 20.293-15.574 20.293-34.027 0-14.027-9.448-24.526-26.631-24.526-19.414 0-31.509 14.478-31.509 30.65 0 5.576 1.644 9.508 4.219 12.553 1.184 1.399 1.349 1.961.92 3.567-.307 1.178-1.012 4.013-1.304 5.136-.426 1.621-1.739 2.2-3.204 1.602-8.942-3.651-13.107-13.443-13.107-24.451 0-18.18 15.333-39.98 45.741-39.98 24.435 0 40.517 17.682 40.517 36.663 0 25.107-13.958 43.863-34.533 43.863-6.91 0-13.409-3.735-15.636-7.978 0 0-3.716 14.746-4.503 17.593-1.357 4.935-4.013 9.866-6.441 13.71 5.756 1.699 11.837 2.624 18.139 2.624 35.342 0 63.998-28.654 63.998-64.002 0-35.347-28.656-64.001-63.998-64.001z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Reddit -->
+  <g data-width="94" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(17)">
+    <g class="iconic-social-reddit" display="none">
+      <path d="M92.26 37.85c0-5.853-4.763-10.615-10.616-10.615-2.717 0-5.168 1.057-7.038 2.751-6.777-4.388-15.783-7.224-25.763-7.692l5.292-16.725 14.401 3.39c.101 4.751 3.982 8.59 8.759 8.59 4.836 0 8.77-3.936 8.77-8.774s-3.934-8.774-8.771-8.774c-3.556 0-6.609 2.133-7.987 5.179l-16.029-3.774c-.979-.235-1.974.334-2.28 1.296l-6.18 19.534c-10.581.191-20.168 3.05-27.324 7.618-1.851-1.614-4.241-2.617-6.886-2.617-5.85 0-10.61 4.762-10.61 10.615 0 3.758 1.985 7.03 4.942 8.911-.164.997-.263 2.007-.263 3.033 0 10.158 8.272 19.028 20.526 23.818-5.814 2.872-9.923 9.629-9.923 17.533 0 9.01 5.329 16.551 12.45 18.514.523 1.623 1.109 3.157 1.737 4.623-.193-.01-.381-.035-.577-.035-6.449 0-11.696 4.417-11.696 9.848 0 .816.144 1.657.442 2.574.259.793.999 1.331 1.834 1.331h53.064c.841 0 1.581-.564 1.836-1.365.288-.904.428-1.734.428-2.539 0-5.431-5.248-9.848-11.698-9.848-.235 0-.461.03-.692.044.625-1.46 1.21-2.986 1.732-4.601 7.192-1.903 12.592-9.478 12.592-18.545 0-7.928-4.133-14.709-9.977-17.566 12.21-4.798 20.448-13.65 20.448-23.786 0-.962-.076-1.913-.221-2.851 3.141-1.837 5.278-5.199 5.278-9.094zm-14.965-33.993c2.709 0 4.914 2.206 4.914 4.918s-2.204 4.918-4.914 4.918c-2.714 0-4.921-2.206-4.921-4.918s2.207-4.917 4.921-4.917zm-73.439 33.993c0-3.726 3.029-6.758 6.753-6.758 1.331 0 2.546.423 3.587 1.096-3.793 3.054-6.579 6.673-8.127 10.624-1.354-1.23-2.212-2.991-2.212-4.961zm58.922 37.111c.566 3.718.9 7.641.9 11.713 0 17.38-5.622 33-13.426 37.48h-8.625c-7.804-4.479-13.426-20.099-13.426-37.48 0-4.072.334-7.994.9-11.712 5.148 1.547 10.836 2.427 16.835 2.427 6.002 0 11.691-.881 16.84-2.428zm-43.641 16.185c0-5.336 2.252-10.002 5.62-12.709-.262 2.658-.411 5.404-.411 8.237 0 6.511.756 12.73 2.096 18.323-4.292-2.36-7.305-7.664-7.305-13.851zm1.915 32.998c0-.015 0-.033 0-.048 0-3.304 3.517-5.991 7.839-5.991.943 0 1.822.164 2.656.401 1.229 2.17 2.583 4.069 4.053 5.637h-14.548zm42.049-6.039c4.324 0 7.841 2.687 7.841 5.991 0 .015 0 .033 0 .048h-14.662c1.461-1.558 2.808-3.444 4.03-5.597.873-.26 1.797-.442 2.79-.442zm9.775-26.959c0 6.26-3.083 11.624-7.459 13.942 1.354-5.616 2.118-11.867 2.118-18.413 0-2.872-.155-5.653-.424-8.346 3.449 2.686 5.765 7.407 5.765 12.817zm-26.938-17.614c-20.624 0-37.403-10.649-37.403-23.738 0-13.092 16.779-23.741 37.403-23.741 20.628 0 37.408 10.65 37.408 23.741 0 13.089-16.78 23.738-37.408 23.738zm39.978-30.454c-1.502-3.996-4.269-7.658-8.061-10.751 1.081-.758 2.369-1.235 3.789-1.235 3.726 0 6.759 3.032 6.759 6.758 0 2.106-.971 3.988-2.487 5.228z" class="iconic-social-reddit-body iconic-property-fill"/>
+      <path d="M32.286 38.77c-3.316 0-6.013 2.698-6.013 6.013 0 3.314 2.698 6.01 6.013 6.01 3.314 0 6.01-2.695 6.01-6.01 0-3.316-2.695-6.014-6.01-6.014z" class="iconic-social-reddit-eye iconic-social-reddit-eye-left iconic-property-fill"/>
+      <path d="M59.998 38.77c-3.314 0-6.011 2.698-6.011 6.013 0 3.314 2.697 6.01 6.011 6.01s6.008-2.695 6.008-6.01c0-3.316-2.694-6.014-6.008-6.014z" class="iconic-social-reddit-eye iconic-social-reddit-eye-right iconic-property-fill"/>
+      <path d="M61.081 60.246c-.753-.753-1.971-.753-2.727-.001-2.37 2.37-6.353 3.522-12.174 3.522-.018 0-.033.01-.05.01-.018-.001-.033-.01-.05-.01-5.821 0-9.804-1.151-12.173-3.52-.753-.753-1.974-.753-2.727 0-.753.753-.753 1.974 0 2.727 3.128 3.13 8.002 4.649 14.899 4.649.018 0 .033-.01.05-.01.018.001.033.01.05.01 6.894 0 11.767-1.519 14.901-4.648.753-.753.753-1.974 0-2.728z" class="iconic-social-reddit-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Tumblr -->
+  <g data-width="74" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(27)">
+    <g class="iconic-social-tumblr" display="none">
+      <path d="M67.407 102.239c-2.38 1.133-6.933 2.123-10.327 2.211-10.246.275-12.231-7.196-12.319-12.62v-39.844h25.703v-19.378h-25.609v-32.608s-18.444 0-18.751 0c-.307 0-.845.272-.92.958-1.096 9.98-5.769 27.494-25.183 34.493v16.534h12.951v41.824c0 14.317 10.566 34.659 38.448 34.183 9.407-.163 19.853-4.103 22.165-7.497l-6.157-18.256z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Twitter -->
+  <g data-width="128" data-height="104" class="iconic-lg iconic-container" display="inline" transform="translate(0 12)">
+    <g class="iconic-social-twitter">
+      <path d="M40.255 104c-14.83 0-28.634-4.346-40.255-11.796 2.054.242 4.145.366 6.264.366 12.303 0 23.627-4.197 32.614-11.239-11.491-.212-21.19-7.803-24.531-18.234 1.603.307 3.248.471 4.94.471 2.395 0 4.715-.321 6.919-.921-12.014-2.412-21.065-13.023-21.065-25.744 0-.111 0-.221.002-.33 3.541 1.966 7.59 3.147 11.895 3.284-7.046-4.708-11.683-12.744-11.683-21.853 0-4.811 1.295-9.322 3.555-13.199 12.952 15.884 32.302 26.337 54.128 27.432-.448-1.921-.68-3.925-.68-5.983 0-14.499 11.758-26.254 26.262-26.254 7.553 0 14.378 3.189 19.168 8.291 5.982-1.178 11.602-3.363 16.676-6.371-1.961 6.131-6.125 11.276-11.547 14.525 5.312-.635 10.373-2.046 15.083-4.134-3.521 5.265-7.973 9.889-13.104 13.591.051 1.126.076 2.258.076 3.397 0 34.695-26.414 74.701-74.717 74.701" class="iconic-property-fill"/>
+    </g>
+    <!-- Vimeo -->
+    <g data-width="128" data-height="112" class="iconic-lg iconic-container" display="inline" transform="translate(0 4)">
+      <g class="iconic-social-vimeo" display="none">
+        <path d="M127.938 25.624c-.571 12.465-9.273 29.532-26.105 51.194-17.403 22.628-32.127 33.942-44.172 33.942-7.459 0-13.775-6.888-18.932-20.671-3.444-12.633-6.887-25.265-10.331-37.898-3.83-13.775-7.937-20.671-12.33-20.671-.958 0-4.309 2.016-10.046 6.031l-6.022-7.761c6.316-5.552 12.549-11.104 18.68-16.664 8.425-7.282 14.749-11.112 18.966-11.499 9.962-.958 16.093 5.854 18.395 20.436 2.486 15.732 4.208 25.517 5.174 29.347 2.873 13.053 6.031 19.57 9.483 19.57 2.679 0 6.703-4.233 12.07-12.7 5.359-8.466 8.231-14.909 8.618-19.335.764-7.307-2.108-10.97-8.618-10.97-3.066 0-6.224.706-9.474 2.1 6.291-20.612 18.311-30.624 36.05-30.053 13.153.386 19.352 8.92 18.596 25.601z" class="iconic-property-fill"/>
+      </g>
+    </g>
+    <!-- YouTube -->
+    <g data-width="128" data-height="54" class="iconic-lg iconic-container" display="inline" transform="translate(0 37)">
+      <g class="iconic-social-youtube" display="none">
+        <path d="M47.774 43.226h-4.854v-2.81c-1.84 2.109-3.4 3.175-5.101 3.175-1.492 0-2.528-.704-3.047-1.976-.315-.773-.539-1.98-.539-3.754v-20.438h4.854v19.161c0 1.084 0 1.533 0 1.788.113.717.418.979 1.035.979.929 0 1.77-.807 2.797-2.256v-19.672h4.854v25.803z" class="iconic-social-youtube-you iconic-social-youtube-you-u iconic-property-fill"/>
+        <path d="M30.657 25.853c0-2.757-.554-4.828-1.533-6.131-1.293-1.765-3.321-2.487-5.365-2.487-2.313 0-4.074.723-5.365 2.487-.995 1.303-1.528 3.396-1.528 6.154l-.005 9.175c0 2.742.474 4.636 1.469 5.927 1.291 1.759 3.385 2.692 5.429 2.692s4.174-.932 5.467-2.692c.979-1.291 1.431-3.186 1.431-5.927v-9.197zm-4.854 9.708c.256 2.555-.537 3.822-2.044 3.822-1.507 0-2.299-1.268-2.043-3.822v-10.219c-.256-2.555.536-3.752 2.044-3.752 1.507 0 2.302 1.197 2.046 3.752l-.003 10.219z" class="iconic-social-youtube-you iconic-social-youtube-you-o iconic-property-fill"/>
+        <path d="M11.496 29.174v14.051h-5.11v-14.051s-5.295-17.227-6.387-20.438h5.365l3.586 13.457 3.568-13.457h5.365l-6.387 20.438z" class="iconic-social-youtube-you iconic-social-youtube-you-y iconic-property-fill"/>
+        <path d="M99.636 24.831v10.986c0 2.555-.602 3.534-1.936 3.534-.761 0-1.639-.392-2.412-1.165l.005-15.493c.773-.763 1.646-1.165 2.407-1.165 1.334 0 1.936.75 1.936 3.305zm17.117-.234c0-2.361-.61-3.071-2.144-3.071-1.545 0-2.2.651-2.2 3.039v2.826l4.343-.005v-2.789zm11.247-.783v5.762c0 6.145-.762 12.291-.762 12.291s-.746 5.233-3.033 7.538c-2.901 3.025-6.153 3.04-7.644 3.217-10.675.768-26.705.792-26.705.792s-19.834-.18-25.937-.763c-1.698-.317-5.51-.221-8.412-3.246-2.287-2.305-3.032-7.538-3.032-7.538s-.763-6.145-.763-12.291v-5.762c0-6.146.763-12.291.763-12.291s.745-5.233 3.032-7.538c2.902-3.025 6.152-3.04 7.644-3.217 10.675-.768 26.689-.768 26.689-.768h.033s16.013 0 26.688.768c1.491.177 4.743.192 7.644 3.217 2.287 2.305 3.033 7.538 3.033 7.538s.762 6.145.762 12.291zm-59.532-9.969h5.62v-4.854l-16.095.005v4.849h5.365v29.38h5.109v-29.38zm18.394 3.832h-4.854v19.416c-1.027 1.449-1.868 2.256-2.797 2.256-.617 0-.922-.262-1.035-.979 0-.256 0-.705 0-1.788v-18.905h-4.854v20.183c0 1.773.224 2.981.539 3.754.519 1.272 1.555 1.976 3.047 1.976 1.7 0 3.26-1.065 5.101-3.175v2.81h4.854v-25.548zm17.628 7.664c0-2.418-.31-4.071-.619-5.098-.617-1.912-1.855-2.976-3.697-2.976-1.702 0-3.393 1.046-4.887 2.885l.005-11.161h-4.599v34.234h4.599l.006-2.572c1.545 1.912 3.23 2.902 4.875 2.902 1.842 0 3.188-.986 3.805-2.884.309-1.082.511-2.748.511-5.109v-10.219zm7.92 10.464v-4.588h9.206l-.001-5.223c0-2.728-.537-4.724-1.504-6.016-1.296-1.747-3.138-2.671-5.458-2.671-2.361 0-4.203.925-5.541 2.671-.983 1.291-1.556 3.401-1.556 6.129v8.942c0 2.713.63 4.612 1.613 5.889 1.337 1.744 3.179 2.615 5.598 2.615 2.417 0 4.315-.914 5.594-2.767.562-.818.926-1.746 1.082-2.771.041-.463.164-1.518.164-3.008v-.724h-4.854c0 1.856.008 2.959-.035 3.211-.264 1.236-.928 1.856-2.066 1.856-1.588 0-2.258-1.187-2.242-3.545z" class="iconic-social-youtube-tube iconic-property-fill"/>
+      </g>
+    </g>
+  </g>
+
+
+
+  <!-- Dribbble -->
+  <g class="iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <g class="iconic-social-dribbble" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 31.957c-8.822 0-16-7.168-16-15.979s7.178-15.979 16-15.979 16 7.168 16 15.979-7.178 15.979-16 15.979zm13.494-13.791c-.468-.147-4.23-1.268-8.513-.583 1.788 4.905 2.515 8.901 2.655 9.731 3.066-2.07 5.249-5.35 5.858-9.148zm-8.155 10.397c-.203-1.197-.997-5.371-2.916-10.35-.03.01-.06.02-.09.03-7.708 2.683-10.476 8.021-10.721 8.523 2.317 1.804 5.229 2.881 8.389 2.881 1.893 0 3.698-.387 5.338-1.085zm-15.492-3.438c.31-.529 4.06-6.731 11.109-9.006.178-.058.358-.112.538-.162-.343-.775-.717-1.552-1.108-2.316-6.825 2.04-13.448 1.955-14.046 1.942-.004.139-.007.277-.007.417 0 3.505 1.331 6.706 3.513 9.126zm-3.225-11.921c.611.008 6.242.033 12.634-1.663-2.264-4.02-4.707-7.4-5.067-7.893-3.823 1.801-6.681 5.321-7.568 9.556zm10.175-10.474c.378.505 2.86 3.881 5.099 7.99 4.86-1.819 6.917-4.58 7.163-4.93-2.413-2.138-5.587-3.439-9.059-3.439-1.103 0-2.175.132-3.203.379zm13.781 4.638c-.288.389-2.578 3.321-7.631 5.381.318.65.623 1.311.907 1.977.101.236.199.471.294.704 4.547-.571 9.066.344 9.516.439-.03-3.221-1.183-6.179-3.086-8.502z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Dropbox -->
+  <g data-width="32" data-height="30" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 1)">
+    <g class="iconic-social-dropbox" display="none">
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-left iconic-property-fill" d="M9.413 0l-9.413 6.146 6.509 5.212 9.491-5.861z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-left iconic-property-fill" d="M0 16.571l9.413 6.146 6.587-5.498-9.491-5.861z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-right iconic-property-fill" d="M16 17.219l6.587 5.498 9.413-6.146-6.509-5.212z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-right iconic-property-fill" d="M32 6.146l-9.413-6.146-6.587 5.498 9.491 5.861z"/>
+      <path class="iconic-social-dropbox-base iconic-property-fill" d="M16.019 18.402l-6.606 5.482-2.827-1.846v2.069l9.433 5.657 9.433-5.657v-2.069l-2.827 1.846z"/>
+    </g>
+  </g>
+  <!-- Facebook -->
+  <g data-width="32" data-height="31" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-social-facebook" display="none">
+      <path d="M30.234 0h-28.468c-.976 0-1.766.791-1.766 1.766v28.468c0 .975.79 1.766 1.766 1.766h15.326v-12.392h-4.17v-4.829h4.17v-3.562c0-4.133 2.524-6.384 6.212-6.384 1.766 0 3.284.132 3.727.19v4.319l-2.557.001c-2.005 0-2.393.953-2.393 2.351v3.083h4.782l-.623 4.829h-4.16v12.392h8.155c.975 0 1.766-.791 1.766-1.766v-28.468c0-.976-.791-1.766-1.766-1.766z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Flickr -->
+  <g class="iconic-container iconic-md" data-width="32" data-height="15" display="none" transform="scale(4) translate(0 8)">
+    <g class="iconic-social-flickr" display="none">
+      <path d="M32 7.529c0 4.159-3.371 7.529-7.53 7.529-4.159 0-7.529-3.371-7.529-7.529 0-4.159 3.371-7.529 7.529-7.529 4.159 0 7.53 3.371 7.53 7.529" class="iconic-social-flickr-circle iconic-social-flickr-circle-right iconic-property-fill"/>
+      <path d="M15.059 7.529c0 4.159-3.371 7.529-7.529 7.529-4.159 0-7.529-3.371-7.529-7.529 0-4.159 3.371-7.529 7.529-7.529 4.159 0 7.529 3.371 7.529 7.529" class="iconic-social-flickr-circle iconic-social-flickr-circle-left iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Github -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-social-github" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.999 0c-8.835 0-15.999 7.163-15.999 16.001 0 7.068 4.584 13.065 10.943 15.181.8.147 1.092-.347 1.092-.771 0-.38-.014-1.386-.022-2.721-4.451.967-5.39-2.145-5.39-2.145-.728-1.848-1.776-2.34-1.776-2.34-1.453-.993.11-.973.11-.973 1.606.113 2.451 1.649 2.451 1.649 1.427 2.445 3.745 1.739 4.656 1.329.145-1.034.559-1.739 1.016-2.139-3.553-.404-7.288-1.776-7.288-7.908 0-1.747.623-3.175 1.647-4.293-.164-.405-.713-2.032.157-4.234 0 0 1.343-.43 4.4 1.64 1.276-.355 2.645-.532 4.006-.539 1.359.006 2.728.184 4.006.539 3.055-2.07 4.396-1.64 4.396-1.64.873 2.203.324 3.83.159 4.234 1.025 1.119 1.645 2.547 1.645 4.293 0 6.147-3.741 7.499-7.305 7.895.575.494 1.086 1.47 1.086 2.963 0 2.139-.02 3.865-.02 4.389 0 .428.288.926 1.1.769 6.352-2.12 10.933-8.113 10.933-15.18 0-8.838-7.164-16.001-16.001-16.001z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Google Plus -->
+  <g class="iconic-container iconic-md" data-width="32" data-height="27" display="none" transform="scale(4) translate(0 2)">
+    <g class="iconic-social-google-plus" display="none">
+      <path d="M13.873 15.563c-.757-.536-2.204-1.839-2.204-2.604 0-.898.256-1.34 1.607-2.395 1.385-1.082 2.365-2.603 2.365-4.372 0-2.107-.938-4.16-2.699-4.837h2.655l1.874-1.354h-8.373c-3.754 0-7.286 2.844-7.286 6.138 0 3.366 2.558 6.083 6.377 6.083.266 0 .524-.005.776-.024-.248.475-.425 1.009-.425 1.564 0 .936.503 1.694 1.14 2.313-.481 0-.945.014-1.452.014-4.649 0-8.228 2.961-8.228 6.032 0 3.025 3.923 4.916 8.573 4.916 5.301 0 8.228-3.007 8.228-6.032 0-2.425-.715-3.877-2.928-5.442zm-4.473-4.195c-2.158-.064-4.207-2.413-4.58-5.246-.372-2.833 1.074-5.001 3.231-4.937 2.156.065 4.207 2.338 4.58 5.17.372 2.833-1.075 5.077-3.231 5.012zm-.845 14.332c-3.214 0-5.535-2.035-5.535-4.478 0-2.395 2.879-4.389 6.093-4.354.75.008 1.449.129 2.083.334 1.744 1.213 2.996 1.899 3.349 3.281.067.281.102.569.102.864 0 2.444-1.575 4.353-6.093 4.353z" class="iconic-social-google-plus-g iconic-property-fill"/>
+      <path class="iconic-social-google-plus-plus iconic-property-accent iconic-property-fill" d="M26 6v-6h-2v6h-6v2h6v6h2v-6h6v-2z"/>
+    </g>
+  </g>
+  <!-- Instagram -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-social-instagram" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M4.107 0h23.785c2.259 0 4.107 1.848 4.107 4.107v23.785c0 2.259-1.848 4.107-4.107 4.107h-23.785c-2.259 0-4.107-1.848-4.107-4.107v-23.785c0-2.259 1.848-4.107 4.107-4.107zm19.203 3.555c-.792 0-1.441.648-1.441 1.441v3.448c0 .792.648 1.441 1.441 1.441h3.617c.792 0 1.44-.648 1.44-1.441v-3.448c0-.792-.648-1.441-1.44-1.441h-3.617zm5.072 9.977h-2.817c.267.87.41 1.792.41 2.746 0 5.323-4.453 9.637-9.947 9.637-5.493 0-9.946-4.315-9.946-9.637 0-.954.144-1.875.41-2.746h-2.939v13.517c0 .7.572 1.272 1.272 1.272h22.284c.7 0 1.272-.572 1.272-1.272v-13.517zm-12.353-3.829c-3.549 0-6.427 2.788-6.427 6.227 0 3.439 2.877 6.227 6.427 6.227s6.427-2.788 6.427-6.227c0-3.439-2.877-6.227-6.427-6.227z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- LinkedIn -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-social-linkedin" display="none">
+      <path d="M29.63 0h-27.268c-1.304 0-2.362 1.034-2.362 2.306v27.385c0 1.274 1.058 2.309 2.362 2.309h27.268c1.305 0 2.37-1.035 2.37-2.309v-27.385c0-1.272-1.065-2.306-2.37-2.306zm-20.139 27.268h-4.748v-15.271h4.748v15.271zm-2.374-17.359c-1.521 0-2.751-1.233-2.751-2.753 0-1.518 1.23-2.751 2.751-2.751 1.517 0 2.751 1.233 2.751 2.751 0 1.52-1.233 2.753-2.751 2.753zm20.15 17.359h-4.741v-7.426c0-1.772-.035-4.05-2.467-4.05-2.47 0-2.847 1.929-2.847 3.921v7.554h-4.745v-15.271h4.553v2.086h.065c.634-1.2 2.182-2.466 4.491-2.466 4.803 0 5.69 3.162 5.69 7.276v8.376z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Pinterest -->
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-social-pinterest" display="none">
+      <path d="M16 0c-8.836 0-16 7.164-16 16 0 6.552 3.94 12.18 9.577 14.655-.045-1.117-.008-2.458.279-3.674.308-1.299 2.059-8.719 2.059-8.719s-.511-1.022-.511-2.532c0-2.371 1.374-4.142 3.086-4.142 1.455 0 2.158 1.093 2.158 2.402 0 1.463-.933 3.651-1.413 5.678-.401 1.697.851 3.082 2.526 3.082 3.031 0 5.073-3.893 5.073-8.507 0-3.507-2.362-6.131-6.658-6.131-4.854 0-7.877 3.619-7.877 7.662 0 1.394.411 2.377 1.055 3.138.296.35.337.49.23.892-.077.294-.253 1.003-.326 1.284-.106.405-.435.55-.801.4-2.236-.913-3.277-3.361-3.277-6.113 0-4.545 3.833-9.995 11.435-9.995 6.109 0 10.129 4.42 10.129 9.166 0 6.277-3.489 10.966-8.633 10.966-1.727 0-3.352-.934-3.909-1.994 0 0-.929 3.687-1.126 4.398-.339 1.234-1.003 2.467-1.61 3.428 1.439.425 2.959.656 4.535.656 8.836 0 15.999-7.163 15.999-16s-7.164-16-16-16z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Reddit -->
+  <g data-width="24" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(4)">
+    <g class="iconic-social-reddit" display="none">
+      <path d="M23.065 9.463c0-1.463-1.191-2.654-2.654-2.654-.679 0-1.292.264-1.759.688-1.694-1.097-3.946-1.806-6.441-1.923l1.323-4.181 3.6.847c.025 1.188.995 2.147 2.19 2.147 1.209 0 2.193-.984 2.193-2.194s-.984-2.193-2.193-2.193c-.889 0-1.652.533-1.997 1.295l-4.007-.944c-.245-.059-.493.084-.57.324l-1.545 4.883c-2.645.048-5.042.762-6.831 1.904-.463-.404-1.06-.654-1.721-.654-1.463 0-2.652 1.191-2.652 2.654 0 .94.496 1.758 1.235 2.228-.041.249-.066.502-.066.758 0 2.539 2.068 4.757 5.131 5.955-1.454.718-2.481 2.407-2.481 4.383 0 2.252 1.332 4.138 3.113 4.628.131.406.277.789.434 1.156-.048-.003-.095-.009-.144-.009-1.612 0-2.924 1.104-2.924 2.462 0 .204.036.414.111.643.065.198.25.333.458.333h13.266c.21 0 .395-.141.459-.341.072-.226.107-.433.107-.635 0-1.358-1.312-2.462-2.925-2.462-.059 0-.115.007-.173.011.156-.365.303-.747.433-1.15 1.798-.476 3.148-2.369 3.148-4.636 0-1.982-1.033-3.677-2.494-4.391 3.053-1.199 5.112-3.413 5.112-5.946 0-.241-.019-.478-.055-.713.785-.459 1.319-1.3 1.319-2.273zm-3.741-8.498c.677 0 1.228.551 1.228 1.229s-.551 1.229-1.228 1.229c-.679 0-1.23-.551-1.23-1.229s.552-1.229 1.23-1.229zm-18.36 8.498c0-.931.757-1.69 1.688-1.69.333 0 .636.106.897.274-.948.764-1.645 1.668-2.032 2.656-.338-.307-.553-.748-.553-1.24zm14.731 9.278c.142.929.225 1.91.225 2.928 0 4.345-1.405 8.25-3.356 9.37h-2.156c-1.951-1.12-3.356-5.025-3.356-9.37 0-1.018.084-1.999.225-2.928 1.287.387 2.709.607 4.209.607 1.5 0 2.923-.22 4.21-.607zm-10.91 4.046c0-1.334.563-2.501 1.405-3.177-.065.665-.103 1.351-.103 2.059 0 1.628.189 3.182.524 4.581-1.073-.59-1.826-1.916-1.826-3.463zm.479 8.249c0-.004 0-.008 0-.012 0-.826.879-1.498 1.96-1.498.236 0 .456.041.664.1.307.542.646 1.017 1.013 1.409h-3.637zm10.512-1.51c1.081 0 1.96.672 1.96 1.498 0 .004 0 .008 0 .012h-3.665c.365-.39.702-.861 1.008-1.399.218-.065.449-.11.698-.11zm2.444-6.74c0 1.565-.771 2.906-1.865 3.485.339-1.404.53-2.967.53-4.603 0-.718-.039-1.413-.106-2.086.862.672 1.441 1.852 1.441 3.204zm-6.734-4.403c-5.156 0-9.351-2.662-9.351-5.934 0-3.273 4.195-5.935 9.351-5.935 5.157 0 9.352 2.663 9.352 5.935s-4.195 5.934-9.352 5.934zm9.994-7.613c-.376-.999-1.067-1.914-2.015-2.688.27-.189.592-.309.947-.309.931 0 1.69.758 1.69 1.69 0 .526-.243.997-.622 1.307z" class="iconic-social-reddit-body iconic-property-fill"/>
+      <circle cx="8.072" cy="11.195" r="1.503" class="iconic-social-reddit-eye iconic-social-reddit-eye-left iconic-property-fill"/>
+      <circle cx="15" cy="11.195" r="1.503" class="iconic-social-reddit-eye iconic-social-reddit-eye-right iconic-property-fill"/>
+      <path d="M15.27 15.061c-.188-.188-.493-.188-.682 0-.593.593-1.588.88-3.043.88-.004 0-.008.002-.013.003-.004 0-.008-.003-.013-.003-1.455 0-2.451-.288-3.043-.88-.188-.188-.493-.188-.682 0-.188.188-.188.493 0 .682.782.782 2.001 1.162 3.725 1.162.004 0 .008-.002.013-.003.004 0 .008.003.013.003 1.723 0 2.942-.38 3.725-1.162.188-.188.188-.493 0-.682z" class="iconic-social-reddit-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Tumblr -->
+  <g data-width="19" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(6)">
+    <g class="iconic-social-tumblr" display="none">
+      <path d="M16.852 25.56c-.595.283-1.733.531-2.582.553-2.562.069-3.058-1.799-3.08-3.155v-9.961h6.426v-4.844h-6.402v-8.152s-4.611 0-4.688 0c-.077 0-.211.068-.23.239-.274 2.495-1.442 6.874-6.296 8.623v4.133h3.238v10.456c0 3.579 2.641 8.665 9.612 8.546 2.352-.041 4.963-1.026 5.541-1.874l-1.539-4.564z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Twitter -->
+  <g data-width="32" data-height="26" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 3)">
+    <g class="iconic-social-twitter">
+      <path d="M10.064 26c-3.708 0-7.159-1.087-10.064-2.949.514.061 1.036.092 1.566.092 3.076 0 5.907-1.049 8.153-2.81-2.873-.053-5.297-1.951-6.133-4.558.401.077.812.118 1.235.118.599 0 1.179-.08 1.73-.23-3.003-.603-5.266-3.256-5.266-6.436 0-.028 0-.055.001-.083.885.492 1.898.787 2.974.821-1.762-1.177-2.921-3.186-2.921-5.463 0-1.203.324-2.33.889-3.3 3.238 3.971 8.076 6.584 13.532 6.858-.112-.48-.17-.981-.17-1.496 0-3.625 2.94-6.564 6.565-6.564 1.888 0 3.595.797 4.792 2.073 1.495-.294 2.901-.841 4.169-1.593-.49 1.533-1.531 2.819-2.887 3.631 1.328-.159 2.593-.511 3.771-1.034-.88 1.316-1.993 2.472-3.276 3.398.013.281.019.565.019.849 0 8.674-6.603 18.675-18.679 18.675" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Vimeo -->
+  <g data-width="32" data-height="28" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 2)">
+    <g class="iconic-social-vimeo" display="none">
+      <path d="M31.985 6.406c-.143 3.116-2.318 7.383-6.526 12.799-4.351 5.657-8.032 8.485-11.043 8.485-1.865 0-3.444-1.722-4.733-5.168-.861-3.158-1.722-6.316-2.583-9.474-.958-3.444-1.984-5.168-3.083-5.168-.239 0-1.077.504-2.511 1.508l-1.506-1.94c1.579-1.388 3.137-2.776 4.67-4.166 2.106-1.821 3.687-2.778 4.741-2.875 2.49-.239 4.023 1.464 4.599 5.109.622 3.933 1.052 6.379 1.294 7.337.718 3.263 1.508 4.893 2.371 4.893.67 0 1.676-1.058 3.018-3.175 1.34-2.117 2.058-3.727 2.154-4.834.191-1.827-.527-2.742-2.154-2.742-.766 0-1.556.176-2.369.525 1.573-5.153 4.578-7.656 9.012-7.513 3.288.097 4.838 2.23 4.649 6.4z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- YouTube -->
+  <g data-width="32" data-height="14" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 9)">
+    <g class="iconic-social-youtube" display="none">
+      <path d="M11.944 10.806h-1.214v-.703c-.46.527-.85.794-1.275.794-.373 0-.632-.176-.762-.494-.079-.193-.135-.495-.135-.939v-5.109h1.213v4.79c0 .271 0 .383 0 .447.028.179.104.245.259.245.232 0 .443-.202.699-.564v-4.918h1.214v6.451z" class="iconic-social-youtube-you iconic-social-youtube-you-u iconic-property-fill"/>
+      <path d="M7.664 6.463c0-.689-.139-1.207-.383-1.533-.323-.441-.83-.622-1.341-.622-.578 0-1.018.181-1.341.622-.249.326-.382.849-.382 1.538l-.001 2.294c0 .685.119 1.159.367 1.482.323.44.846.673 1.357.673s1.044-.233 1.367-.673c.245-.323.358-.796.358-1.482v-2.299zm-1.213 2.427c.064.639-.134.956-.511.956s-.575-.317-.511-.956v-2.555c-.064-.639.134-.938.511-.938s.575.299.512.938l-.001 2.555z" class="iconic-social-youtube-you iconic-social-youtube-you-o iconic-property-fill"/>
+      <path d="M2.874 7.294v3.513h-1.277v-3.513s-1.324-4.307-1.597-5.109h1.341l.896 3.364.892-3.364h1.341l-1.597 5.109z" class="iconic-social-youtube-you iconic-social-youtube-you-y iconic-property-fill"/>
+      <path d="M24.909 6.208v2.746c0 .639-.151.883-.484.883-.19 0-.41-.098-.603-.291l.001-3.873c.193-.191.411-.291.602-.291.334 0 .484.188.484.826zm4.279-.059c0-.59-.153-.768-.536-.768-.386 0-.55.163-.55.76v.706l1.086-.001v-.697zm2.812-.196v1.44c0 1.536-.191 3.073-.191 3.073s-.186 1.308-.758 1.885c-.725.756-1.538.76-1.911.804-2.669.192-6.676.198-6.676.198s-4.959-.045-6.484-.191c-.424-.079-1.378-.055-2.103-.811-.572-.576-.758-1.885-.758-1.885s-.191-1.536-.191-3.073v-1.441c0-1.536.191-3.073.191-3.073s.186-1.308.758-1.885c.725-.756 1.538-.76 1.911-.804 2.669-.192 6.672-.192 6.672-.192h.008s4.003 0 6.672.192c.373.044 1.186.048 1.911.804.572.576.758 1.885.758 1.885s.19 1.536.19 3.073zm-14.883-2.492h1.405v-1.213l-4.024.001v1.212h1.341v7.345h1.277v-7.345zm4.599.958h-1.214v4.854c-.257.362-.467.564-.699.564-.154 0-.23-.066-.259-.245 0-.064 0-.176 0-.447v-4.726h-1.214v5.046c0 .443.056.745.135.939.13.318.389.494.762.494.425 0 .815-.266 1.275-.794v.703h1.214v-6.387zm4.407 1.916c0-.605-.077-1.018-.155-1.275-.154-.478-.464-.744-.924-.744-.425 0-.848.262-1.222.721l.001-2.79h-1.15v8.559h1.15l.002-.643c.386.478.808.725 1.219.725.46 0 .797-.246.951-.721.077-.271.128-.687.128-1.277v-2.555zm1.98 2.616v-1.147h2.301v-1.306c0-.682-.134-1.181-.376-1.504-.324-.437-.784-.668-1.365-.668-.59 0-1.051.231-1.385.668-.246.323-.389.85-.389 1.532v2.235c0 .678.158 1.153.403 1.472.334.436.795.654 1.4.654.604 0 1.079-.228 1.399-.692.141-.205.231-.436.27-.693.01-.116.041-.38.041-.752v-.181h-1.214c0 .464.002.74-.009.803-.066.309-.232.464-.517.464-.397 0-.564-.297-.56-.886z" class="iconic-social-youtube-tube iconic-property-fill"/>
+    </g>
+  </g>
+
+
+  <!-- Dribbble -->
+  <g class="iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <g class="iconic-social-dribbble" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.979c-4.411 0-8-3.584-8-7.989 0-4.405 3.589-7.989 8-7.989s8 3.584 8 7.989c0 4.405-3.589 7.989-8 7.989zm6.747-6.896c-.234-.074-2.115-.634-4.256-.292.894 2.453 1.258 4.45 1.327 4.865 1.533-1.035 2.624-2.675 2.929-4.574zm-4.078 5.198c-.102-.599-.498-2.685-1.458-5.175-.015.005-.03.01-.045.015-3.854 1.341-5.238 4.011-5.361 4.261 1.159.902 2.615 1.441 4.194 1.441.947 0 1.849-.193 2.669-.542zm-7.746-1.719c.155-.265 2.03-3.366 5.554-4.503.089-.029.179-.056.269-.081-.171-.388-.358-.776-.554-1.158-3.412 1.02-6.724.977-7.023.971-.002.069-.004.139-.004.208 0 1.753.665 3.353 1.757 4.563zm-1.612-5.96c.306.004 3.121.016 6.317-.831-1.132-2.01-2.353-3.7-2.533-3.947-1.912.901-3.341 2.66-3.784 4.778zm5.088-5.237c.189.253 1.43 1.94 2.55 3.995 2.43-.909 3.458-2.29 3.581-2.465-1.207-1.069-2.794-1.72-4.53-1.72-.551 0-1.087.066-1.601.19zm6.891 2.319c-.144.195-1.289 1.661-3.816 2.691.159.325.311.656.453.988.05.118.099.235.147.352 2.274-.285 4.533.172 4.758.22-.015-1.611-.591-3.09-1.543-4.251z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Dropbox -->
+  <g data-width="16" data-height="15" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-dropbox" display="none">
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-left iconic-property-fill" d="M4.707 0l-4.707 3.073 3.254 2.606 4.745-2.93z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-left iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-left iconic-property-fill" d="M0 8.285l4.707 3.073 3.293-2.749-4.745-2.93z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-bottom iconic-social-dropbox-flap-bottom-right iconic-property-fill" d="M8 8.609l3.293 2.749 4.707-3.073-3.254-2.606z"/>
+      <path class="iconic-social-dropbox-flap iconic-social-dropbox-flap-right iconic-social-dropbox-flap-top iconic-social-dropbox-flap-top-right iconic-property-fill" d="M16 3.073l-4.707-3.073-3.293 2.749 4.746 2.93z"/>
+      <path class="iconic-social-dropbox-base iconic-property-fill" d="M8.01 9.201l-3.303 2.741-1.413-.923v1.034l4.716 2.828 4.716-2.828v-1.034l-1.413.923z"/>
+    </g>
+  </g>
+  <!-- Facebook -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-facebook" display="none">
+      <path d="M15.117 0h-14.234c-.488 0-.883.395-.883.883v14.234c0 .488.395.883.883.883h7.663v-6.196h-2.085v-2.415h2.085v-1.781c0-2.067 1.262-3.192 3.106-3.192.883 0 1.642.066 1.863.095v2.16l-1.279.001c-1.003 0-1.197.476-1.197 1.176v1.542h2.391l-.311 2.415h-2.08v6.196h4.077c.488 0 .883-.395.883-.883v-14.234c0-.488-.395-.883-.883-.883z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Flickr -->
+  <g class="iconic-container iconic-sm" data-width="16" data-height="7" display="none" transform="scale(8) translate(0 4)">
+    <g class="iconic-social-flickr" display="none">
+      <path d="M16 3.765c0 2.079-1.685 3.765-3.765 3.765-2.079 0-3.765-1.685-3.765-3.765 0-2.079 1.686-3.765 3.765-3.765s3.765 1.685 3.765 3.765" class="iconic-social-flickr-circle iconic-social-flickr-circle-right iconic-property-fill"/>
+      <path d="M7.529 3.765c0 2.079-1.685 3.765-3.765 3.765-2.079 0-3.765-1.685-3.765-3.765 0-2.079 1.685-3.765 3.765-3.765 2.079 0 3.765 1.685 3.765 3.765" class="iconic-social-flickr-circle iconic-social-flickr-circle-left iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Github -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-github" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0c-4.417 0-8 3.582-8 8.001 0 3.534 2.292 6.533 5.471 7.591.4.073.546-.174.546-.386 0-.19-.007-.693-.011-1.361-2.225.483-2.695-1.072-2.695-1.072-.364-.924-.888-1.17-.888-1.17-.726-.496.055-.486.055-.486.803.057 1.225.824 1.225.824.714 1.222 1.872.87 2.328.665.073-.517.279-.87.508-1.069-1.776-.202-3.644-.888-3.644-3.954 0-.873.312-1.587.823-2.147-.082-.203-.357-1.016.078-2.117 0 0 .672-.215 2.2.82.638-.177 1.323-.266 2.003-.269.679.003 1.364.092 2.003.269 1.527-1.035 2.198-.82 2.198-.82.436 1.101.162 1.915.08 2.117.513.559.822 1.273.822 2.147 0 3.073-1.871 3.749-3.653 3.948.287.247.543.735.543 1.482 0 1.069-.01 1.932-.01 2.195 0 .214.144.463.55.385 3.176-1.06 5.466-4.057 5.466-7.59 0-4.419-3.582-8.001-8-8.001z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Google Plus -->
+  <g class="iconic-container iconic-sm" data-width="16" data-height="13" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-social-google-plus" display="none">
+      <path d="M6.937 7.782c-.378-.268-1.102-.919-1.102-1.302 0-.449.128-.67.803-1.198.692-.541 1.182-1.302 1.182-2.186 0-1.053-.469-2.08-1.35-2.418h1.327l.937-.677h-4.187c-1.877 0-3.643 1.422-3.643 3.069 0 1.683 1.279 3.042 3.189 3.042.133 0 .262-.003.388-.012-.124.237-.213.504-.213.782 0 .468.252.847.57 1.157-.24 0-.472.007-.726.007-2.325 0-4.114 1.481-4.114 3.016 0 1.512 1.962 2.458 4.287 2.458 2.65 0 4.114-1.504 4.114-3.016 0-1.212-.358-1.939-1.464-2.721zm-2.236-2.098c-1.079-.032-2.104-1.207-2.29-2.623-.186-1.417.537-2.501 1.615-2.468 1.078.032 2.104 1.169 2.29 2.585.186 1.417-.537 2.538-1.615 2.506zm-.422 7.166c-1.607 0-2.768-1.017-2.768-2.239 0-1.198 1.44-2.194 3.046-2.177.375.004.725.064 1.042.167.872.607 1.498.949 1.675 1.641.033.14.051.284.051.432 0 1.222-.787 2.177-3.046 2.177z" class="iconic-social-google-plus-g iconic-property-fill"/>
+      <path class="iconic-social-google-plus-plus iconic-property-accent iconic-property-fill" d="M13 3v-3h-1v3h-3v1h3v3h1v-3h3v-1z"/>
+    </g>
+  </g>
+  <!-- Instagram -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-instagram" display="none">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M2.054 0h11.893c1.13 0 2.054.924 2.054 2.054v11.893c0 1.13-.924 2.054-2.054 2.054h-11.893c-1.129 0-2.054-.924-2.054-2.054v-11.893c0-1.129.924-2.054 2.054-2.054zm9.602 1.778c-.396 0-.72.324-.72.72v1.724c0 .396.324.72.72.72h1.808c.396 0 .72-.324.72-.72v-1.724c0-.396-.324-.72-.72-.72h-1.809zm2.536 4.989h-1.408c.133.435.205.896.205 1.373 0 2.661-2.227 4.819-4.973 4.819-2.747 0-4.973-2.157-4.973-4.819 0-.477.072-.938.205-1.373h-1.469v6.759c0 .35.286.636.636.636h11.142c.35 0 .636-.286.636-.636v-6.759zm-6.176-1.915c-1.775 0-3.213 1.394-3.213 3.114s1.439 3.114 3.213 3.114c1.775 0 3.213-1.394 3.213-3.114s-1.439-3.114-3.213-3.114z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- LinkedIn -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-linkedin" display="none">
+      <path d="M14.815 0h-13.634c-.652 0-1.181.517-1.181 1.153v13.693c0 .637.529 1.154 1.181 1.154h13.634c.652 0 1.185-.517 1.185-1.155v-13.693c0-.636-.533-1.153-1.185-1.153zm-10.07 13.634h-2.374v-7.635h2.374v7.635zm-1.187-8.679c-.761 0-1.376-.617-1.376-1.376 0-.759.615-1.376 1.376-1.376.759 0 1.375.617 1.375 1.376 0 .76-.617 1.376-1.375 1.376zm10.075 8.679h-2.37v-3.713c0-.886-.017-2.025-1.234-2.025-1.235 0-1.423.965-1.423 1.961v3.777h-2.372v-7.635h2.277v1.043h.032c.317-.6 1.091-1.233 2.246-1.233 2.401 0 2.845 1.581 2.845 3.638v4.188z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Pinterest -->
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-social-pinterest" display="none">
+      <path d="M8 0c-4.418 0-8 3.582-8 8 0 3.276 1.97 6.09 4.789 7.327-.022-.559-.004-1.229.139-1.837.154-.649 1.029-4.359 1.029-4.359s-.256-.511-.256-1.266c0-1.185.687-2.071 1.543-2.071.728 0 1.079.547 1.079 1.201 0 .732-.467 1.826-.707 2.839-.2.849.425 1.541 1.263 1.541 1.516 0 2.537-1.947 2.537-4.253 0-1.753-1.181-3.066-3.329-3.066-2.427 0-3.939 1.81-3.939 3.831 0 .697.205 1.188.527 1.569.148.175.169.245.115.446-.038.147-.127.502-.163.642-.053.203-.217.275-.401.2-1.118-.456-1.638-1.68-1.638-3.056 0-2.273 1.917-4.998 5.718-4.998 3.054 0 5.065 2.21 5.065 4.583 0 3.138-1.745 5.483-4.317 5.483-.864 0-1.676-.467-1.954-.997 0 0-.465 1.843-.563 2.199-.17.617-.502 1.233-.805 1.714.72.212 1.48.328 2.267.328 4.418 0 8-3.582 8-8s-3.582-8-8-8z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Reddit -->
+  <g data-width="12" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2)">
+    <g class="iconic-social-reddit" display="none">
+      <path d="M11.533 4.731c0-.732-.595-1.327-1.327-1.327-.34 0-.646.132-.88.344-.847-.549-1.973-.903-3.22-.962l.661-2.091 1.8.424c.013.594.498 1.074 1.095 1.074.605 0 1.096-.492 1.096-1.097s-.492-1.097-1.096-1.097c-.445 0-.826.267-.998.647l-2.004-.472c-.122-.029-.247.042-.285.162l-.772 2.442c-1.323.024-2.521.381-3.416.952-.231-.202-.53-.327-.861-.327-.731 0-1.326.595-1.326 1.327 0 .47.248.879.618 1.114-.021.125-.033.251-.033.379 0 1.27 1.034 2.378 2.566 2.977-.727.359-1.24 1.204-1.24 2.192 0 1.126.666 2.069 1.556 2.314.065.203.139.395.217.578-.024-.001-.048-.004-.072-.004-.806 0-1.462.552-1.462 1.231 0 .102.018.207.055.322.032.099.125.166.229.166h6.633c.105 0 .198-.07.23-.171.036-.113.053-.217.053-.317 0-.679-.656-1.231-1.462-1.231-.029 0-.058.004-.086.006.078-.182.151-.373.216-.575.899-.238 1.574-1.185 1.574-2.318 0-.991-.517-1.839-1.247-2.196 1.526-.6 2.556-1.706 2.556-2.973 0-.12-.01-.239-.028-.356.393-.23.66-.65.66-1.137zm-1.87-4.249c.339 0 .614.276.614.615s-.276.615-.614.615c-.339 0-.615-.276-.615-.615s.276-.615.615-.615zm-9.18 4.249c0-.466.379-.845.844-.845.166 0 .318.053.448.137-.474.382-.822.834-1.016 1.328-.169-.154-.277-.374-.277-.62zm7.365 4.639c.071.465.113.955.113 1.464 0 2.172-.703 4.125-1.678 4.685h-1.078c-.976-.56-1.678-2.512-1.678-4.685 0-.509.042-.999.113-1.464.643.193 1.355.303 2.104.303.75 0 1.461-.11 2.105-.304zm-5.455 2.023c0-.667.281-1.25.703-1.589-.033.332-.051.675-.051 1.03 0 .814.095 1.591.262 2.29-.536-.295-.913-.958-.913-1.731zm.239 4.125c0-.002 0-.004 0-.006 0-.413.44-.749.98-.749.118 0 .228.021.332.05.154.271.323.509.507.705h-1.819zm5.256-.755c.54 0 .98.336.98.749 0 .002 0 .004 0 .006h-1.833c.183-.195.351-.43.504-.7.109-.033.225-.055.349-.055zm1.222-3.37c0 .782-.385 1.453-.932 1.743.169-.702.265-1.483.265-2.302 0-.359-.019-.707-.053-1.043.431.336.721.926.721 1.602zm-3.367-2.202c-2.578 0-4.675-1.331-4.675-2.967 0-1.637 2.097-2.968 4.675-2.968 2.579 0 4.676 1.331 4.676 2.968 0 1.636-2.098 2.967-4.676 2.967zm4.997-3.807c-.188-.499-.534-.957-1.008-1.344.135-.095.296-.154.474-.154.466 0 .845.379.845.845 0 .263-.121.498-.311.653z" class="iconic-social-reddit-body iconic-property-fill"/>
+      <circle cx="4.036" cy="5.598" r=".751" class="iconic-social-reddit-eye iconic-social-reddit-eye-left iconic-property-fill"/>
+      <circle cx="7.5" cy="5.598" r=".751" class="iconic-social-reddit-eye iconic-social-reddit-eye-right iconic-property-fill"/>
+      <path d="M7.635 7.531c-.094-.094-.246-.094-.341 0-.296.296-.794.44-1.522.44-.002 0-.004.001-.006.001s-.004-.001-.006-.001c-.728 0-1.226-.144-1.522-.44-.094-.094-.247-.094-.341 0-.094.094-.094.247 0 .341.391.391 1 .581 1.862.581.002 0 .004-.001.006-.001s.004.001.006.001c.862 0 1.471-.19 1.863-.581.094-.094.094-.247 0-.341z" class="iconic-social-reddit-mouth iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Tumblr -->
+  <g data-width="10" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(3)">
+    <g class="iconic-social-tumblr" display="none">
+      <path d="M8.426 12.78c-.297.142-.867.265-1.291.276-1.281.034-1.529-.899-1.54-1.577v-4.981h3.213v-2.422h-3.201v-4.076s-2.305 0-2.344 0c-.038 0-.106.034-.115.12-.137 1.248-.721 3.437-3.148 4.312v2.067h1.619v5.228c0 1.79 1.321 4.332 4.806 4.273 1.176-.02 2.482-.513 2.771-.937l-.77-2.282z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Twitter -->
+  <g data-width="16" data-height="13" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-social-twitter">
+      <path d="M5.032 13c-1.854 0-3.579-.543-5.032-1.474.257.03.518.046.783.046 1.538 0 2.953-.525 4.077-1.405-1.437-.027-2.649-.975-3.067-2.279.2.038.406.059.618.059.299 0 .589-.04.865-.115-1.502-.301-2.633-1.628-2.633-3.218 0-.014 0-.028 0-.041.443.246.949.393 1.487.41-.881-.589-1.46-1.593-1.46-2.732 0-.601.162-1.165.444-1.65 1.619 1.986 4.038 3.292 6.766 3.429-.056-.24-.085-.491-.085-.748 0-1.812 1.47-3.282 3.283-3.282.944 0 1.797.399 2.396 1.036.748-.147 1.45-.42 2.084-.796-.245.766-.766 1.409-1.443 1.816.664-.079 1.297-.256 1.885-.517-.44.658-.997 1.236-1.638 1.699.006.141.009.282.009.425 0 4.337-3.302 9.338-9.34 9.338" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- Vimeo -->
+  <g data-width="16" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-social-vimeo" display="none">
+      <path d="M15.992 3.203c-.071 1.558-1.159 3.692-3.263 6.399-2.175 2.829-4.016 4.243-5.521 4.243-.932 0-1.722-.861-2.366-2.584-.431-1.579-.861-3.158-1.291-4.737-.479-1.722-.992-2.584-1.541-2.584-.12 0-.539.252-1.256.754l-.753-.97c.789-.694 1.569-1.388 2.335-2.083 1.053-.91 1.844-1.389 2.371-1.437 1.245-.12 2.012.732 2.299 2.554.311 1.966.526 3.19.647 3.668.359 1.632.754 2.446 1.185 2.446.335 0 .838-.529 1.509-1.587.67-1.058 1.029-1.864 1.077-2.417.096-.913-.264-1.371-1.077-1.371-.383 0-.778.088-1.184.263.786-2.576 2.289-3.828 4.506-3.757 1.644.048 2.419 1.115 2.325 3.2z" class="iconic-property-fill"/>
+    </g>
+  </g>
+  <!-- YouTube -->
+  <g data-width="16" data-height="7" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 4)">
+    <g class="iconic-social-youtube" display="none">
+      <path d="M5.972 5.403h-.607v-.351c-.23.264-.425.397-.638.397-.186 0-.316-.088-.381-.247-.04-.097-.067-.248-.067-.469v-2.555h.607v2.395c0 .136 0 .192 0 .224.014.09.052.122.129.122.116 0 .221-.101.35-.282v-2.459h.607v3.225z" class="iconic-social-youtube-you iconic-social-youtube-you-u iconic-property-fill"/>
+      <path d="M3.832 3.232c0-.345-.069-.604-.192-.766-.162-.221-.415-.311-.671-.311-.289 0-.509.09-.671.311-.124.163-.191.425-.191.769l-.001 1.147c0 .343.059.58.184.741.161.22.423.336.679.336s.522-.117.683-.336c.122-.161.179-.398.179-.741v-1.15zm-.607 1.213c.032.319-.067.478-.256.478-.188 0-.287-.159-.255-.478v-1.277c-.032-.319.067-.469.256-.469.188 0 .288.15.256.469v1.277z" class="iconic-social-youtube-you iconic-social-youtube-you-o iconic-property-fill"/>
+      <path d="M1.437 3.647v1.756h-.639v-1.756s-.662-2.153-.798-2.555h.671l.448 1.682.446-1.682h.671l-.798 2.555z" class="iconic-social-youtube-you iconic-social-youtube-you-y iconic-property-fill"/>
+      <path d="M12.454 3.104v1.373c0 .319-.075.442-.242.442-.095 0-.205-.049-.301-.146l.001-1.937c.097-.095.206-.146.301-.146.167 0 .242.094.242.413zm2.14-.029c0-.295-.076-.384-.268-.384-.193 0-.275.081-.275.38v.353l.543-.001v-.349zm1.406-.098v.72c0 .768-.095 1.536-.095 1.536s-.093.654-.379.942c-.363.378-.769.38-.956.402-1.334.096-3.338.099-3.338.099s-2.479-.023-3.242-.095c-.212-.04-.689-.028-1.051-.406-.286-.288-.379-.942-.379-.942s-.095-.768-.095-1.536v-.72c0-.768.095-1.536.095-1.536s.093-.654.379-.942c.363-.378.769-.38.955-.402 1.334-.096 3.336-.096 3.336-.096h.004s2.002 0 3.336.096c.186.022.593.024.956.402.286.288.379.942.379.942s.095.768.095 1.536zm-7.441-1.246h.702v-.607l-2.012.001v.606h.671v3.672h.639v-3.673zm2.299.479h-.607v2.427c-.128.181-.234.282-.35.282-.077 0-.115-.033-.129-.122 0-.032 0-.088 0-.224v-2.363h-.607v2.523c0 .222.028.373.067.469.065.159.194.247.381.247.213 0 .407-.133.638-.397v.351h.607v-3.193zm2.204.958c0-.302-.039-.509-.077-.637-.077-.239-.232-.372-.462-.372-.213 0-.424.131-.611.361l.001-1.395h-.575v4.279h.575l.001-.322c.193.239.404.363.609.363.23 0 .398-.123.476-.36.039-.135.064-.344.064-.639v-1.277zm.99 1.308v-.573h1.151v-.653c0-.341-.067-.591-.188-.752-.162-.218-.392-.334-.682-.334-.295 0-.525.116-.693.334-.123.161-.195.425-.195.766v1.118c0 .339.079.577.202.736.167.218.397.327.7.327.302 0 .539-.114.699-.346.07-.102.116-.218.135-.346.005-.058.021-.19.021-.376v-.09h-.607c0 .232.001.37-.004.401-.033.155-.116.232-.258.232-.198 0-.282-.148-.28-.443z" class="iconic-social-youtube-tube iconic-property-fill"/>
+    </g>
+  </g>
+
+
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["social"]=iconicApis["social"]||function(t){var e=function(e){t.setAttribute("data-type",e);var i,r,n,a,c,o,s,l,u,d,A,p,b,f,w=t.querySelectorAll(".iconic-social-dribbble"),y=t.querySelectorAll(".iconic-social-dropbox"),h=t.querySelectorAll(".iconic-social-facebook"),g=t.querySelectorAll(".iconic-social-flickr"),v=t.querySelectorAll(".iconic-social-github"),m=t.querySelectorAll(".iconic-social-google-plus"),S=t.querySelectorAll(".iconic-social-instagram"),q=t.querySelectorAll(".iconic-social-linkedin"),k=t.querySelectorAll(".iconic-social-pinterest"),I=t.querySelectorAll(".iconic-social-reddit"),_=t.querySelectorAll(".iconic-social-tumblr"),x=t.querySelectorAll(".iconic-social-twitter"),z=t.querySelectorAll(".iconic-social-vimeo"),j=t.querySelectorAll(".iconic-social-youtube");switch(i=r=n=a=c=o=s=l=u=d=A=p=b=f="none",e){case"dribbble":i="inline";break;case"dropbox":r="inline";break;case"facebook":n="inline";break;case"flickr":a="inline";break;case"github":c="inline";break;case"google-plus":o="inline";break;case"instagram":s="inline";break;case"linkedin":l="inline";break;case"pinterest":u="inline";break;case"reddit":d="inline";break;case"tumblr":A="inline";break;case"vimeo":b="inline";break;case"youtube":f="inline";break;default:p="inline"}for(var D=0;D<w.length;D++)w[D].setAttribute("display",i),y[D].setAttribute("display",r),h[D].setAttribute("display",n),g[D].setAttribute("display",a),v[D].setAttribute("display",c),m[D].setAttribute("display",o),S[D].setAttribute("display",s),q[D].setAttribute("display",l),k[D].setAttribute("display",u),I[D].setAttribute("display",d),_[D].setAttribute("display",A),x[D].setAttribute("display",p),z[D].setAttribute("display",b),j[D].setAttribute("display",f)},i=function(){var i=t.getAttribute("data-type");i&&e(i)};return{update:i,setType:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/sort.svg b/app/javascript/iconic/svg/smart/sort.svg
new file mode 100755
index 0000000..40070a7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/sort.svg
@@ -0,0 +1,56 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="sort" width="128" height="128" class="iconic iconic-sort iconic-orientation-square" viewBox="0 0 128 128">
+  <g><title>Sort</title></g>
+  <g data-width="102" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(13)">
+    <g class="iconic-sort-ascending">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-line iconic-property-stroke" d="M14 4v98.4" fill="none"/>
+      <path d="M14.8 126.7l12.5-21.4c.4-.7.1-1.3-.7-1.3h-25c-.8 0-1.2.6-.7 1.3l12.5 21.4c.3.7.9.7 1.4 0z" class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-head iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-small iconic-property-accent iconic-property-stroke" d="M38 22h32" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-medium iconic-property-accent iconic-property-stroke" d="M38 46h46" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-large iconic-property-accent iconic-property-stroke" d="M38 70h60" fill="none"/>
+    </g>
+    <g class="iconic-sort-descending" display="none">
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-arrow iconic-sort-descending-arrow-line iconic-property-stroke" d="M14 4v98.4" fill="none"/>
+      <path d="M14.8 126.7l12.5-21.4c.4-.7.1-1.3-.7-1.3h-25c-.8 0-1.2.6-.7 1.3l12.5 21.4c.3.7.9.7 1.4 0z" class="iconic-sort-descending-arrow iconic-sort-descending-arrow-head iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-small iconic-property-accent iconic-property-stroke" d="M38 70h32" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-medium iconic-property-accent iconic-property-stroke" d="M38 46h46" fill="none"/>
+      <path stroke="#000" stroke-width="8" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-large iconic-property-accent iconic-property-stroke" d="M38 22h60" fill="none"/>
+    </g>
+  </g>
+  <g data-width="30" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(1)">
+    <g class="iconic-sort-ascending">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-line iconic-property-stroke" d="M4.5 1.5v24.4" fill="none"/>
+      <path d="M4.2 31.6l-3.9-5.2c-.2-.2-.1-.4.2-.4h8c.3 0 .4.2.2.4l-3.9 5.2c-.2.2-.4.2-.6 0z" class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-head iconic-property-fill"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-small iconic-property-accent iconic-property-stroke" d="M12.5 4.5h6" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-medium iconic-property-accent iconic-property-stroke" d="M12.5 12.5h11" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-large iconic-property-accent iconic-property-stroke" d="M12.5 20.5h16" fill="none"/>
+    </g>
+    <g class="iconic-sort-descending" display="none">
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-arrow iconic-sort-descending-arrow-line iconic-property-stroke" d="M4.5 1.5v24.4" fill="none"/>
+      <path d="M4.2 31.6l-3.9-5.2c-.2-.2-.1-.4.2-.4h8c.3 0 .4.2.2.4l-3.9 5.2c-.2.2-.4.2-.6 0z" class="iconic-sort-descending-arrow iconic-sort-descending-arrow-head iconic-property-fill"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-small iconic-property-accent iconic-property-stroke" d="M12.5 20.5h6" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-medium iconic-property-accent iconic-property-stroke" d="M12.5 12.5h11" fill="none"/>
+      <path stroke="#000" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-large iconic-property-accent iconic-property-stroke" d="M12.5 4.5h16" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)">
+    <g class="iconic-sort-ascending">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-line iconic-property-stroke" d="M4 1v12" fill="none"/>
+      <path class="iconic-sort-ascending-arrow iconic-sort-ascending-arrow-head iconic-property-fill" d="M4 16l4-4h-8z"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-small iconic-property-stroke" d="M8 1h3" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-medium iconic-property-accent iconic-property-stroke" d="M8 5h5" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-ascending-sort iconic-sort-ascending-sort-large iconic-property-accent iconic-property-stroke" d="M8 9h7" fill="none"/>
+    </g>
+    <g class="iconic-sort-descending" display="none">
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-arrow iconic-sort-descending-arrow-line iconic-property-stroke" d="M4 1v12" fill="none"/>
+      <path class="iconic-sort-descending-arrow iconic-sort-descending-arrow-head iconic-property-fill" d="M4 16l4-4h-8z"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-large iconic-property-accent iconic-property-stroke" d="M8 1h7" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-medium iconic-property-accent iconic-property-stroke" d="M8 5h5" fill="none"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-sort-descending-sort iconic-sort-descending-sort-small iconic-property-accent iconic-property-stroke" d="M8 9h3" fill="none"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["sort"]=iconicApis["sort"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-sort-ascending"),a=t.querySelectorAll(".iconic-sort-descending");i=r="none","descending"===e?i="inline":r="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",r),a[c].setAttribute("display",i)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/spreadsheet.svg b/app/javascript/iconic/svg/smart/spreadsheet.svg
new file mode 100755
index 0000000..4e1d3a7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/spreadsheet.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-spreadsheet" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Spreadsheet</title>
+  </g>
+  <g class="iconic-spreadsheet-lg iconic-container iconic-lg" data-width="128" data-height="104" display="inline" transform="translate(0 12)">
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-column iconic-spreadsheet-column-2 iconic-property-accent iconic-property-stroke" d="M73 4v96.586" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-column iconic-spreadsheet-column-1 iconic-property-accent iconic-property-stroke" d="M25 4v96.586" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-row iconic-spreadsheet-row-4 iconic-property-accent iconic-property-stroke" d="M4 79h120" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-row iconic-spreadsheet-row-3 iconic-property-accent iconic-property-stroke" d="M4 61h120" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-row iconic-spreadsheet-row-2 iconic-property-accent iconic-property-stroke" d="M4 43h120" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-spreadsheet-row iconic-spreadsheet-row-1 iconic-property-accent iconic-property-stroke" d="M4 25h120" fill="none" />
+    <path d="M120 8v88h-112v-88h112m5-8h-122c-1.657 0-3 1.343-3 3v98c0 1.657 1.343 3 3 3h122c1.657 0 3-1.343 3-3v-98c0-1.657-1.343-3-3-3z" class="iconic-spreadsheet-frame iconic-property-fill" />
+  </g>
+  <g class="iconic-spreadsheet-md iconic-container iconic-md" data-width="32" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path stroke="#000" class="iconic-spreadsheet-column iconic-spreadsheet-column-2 iconic-property-accent iconic-property-stroke" d="M18.5 2v26" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-column iconic-spreadsheet-column-1 iconic-property-accent iconic-property-stroke" d="M7.5 1.5v27" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-4 iconic-property-accent iconic-property-stroke" d="M1.5 22.5h29" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-3 iconic-property-accent iconic-property-stroke" d="M1.5 17.5h29" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-2 iconic-property-accent iconic-property-stroke" d="M1.5 12.5h29" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-1 iconic-property-accent iconic-property-stroke" d="M1.5 7.5h29" fill="none" />
+    <path d="M29 3v24h-26v-24h26m2-3h-30c-.552 0-1 .448-1 1v28c0 .552.448 1 1 1h30c.552 0 1-.448 1-1v-28c0-.552-.448-1-1-1z" class="iconic-spreadsheet-frame iconic-property-fill" />
+  </g>
+  <g class="iconic-spreadsheet-sm iconic-container iconic-sm" data-width="16" data-height="15" display="none" transform="scale(8)">
+    <path stroke="#000" class="iconic-spreadsheet-column iconic-spreadsheet-column-2 iconic-property-accent iconic-property-stroke" d="M9.5 2v12" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-column iconic-spreadsheet-column-1 iconic-property-accent iconic-property-stroke" d="M4.5 1v13" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-3 iconic-property-accent iconic-property-stroke" d="M1 10.5h14" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-2 iconic-property-accent iconic-property-stroke" d="M1 7.5h14" fill="none" />
+    <path stroke="#000" class="iconic-spreadsheet-row iconic-spreadsheet-row-1 iconic-property-accent iconic-property-stroke" d="M1 4.5h14" fill="none" />
+    <path d="M14 2v11h-12v-11h12m1.75-2h-15.5c-.138 0-.25.112-.25.25v14.5c0 .138.112.25.25.25h15.5c.138 0 .25-.112.25-.25v-14.5c0-.138-.112-.25-.25-.25z" class="iconic-spreadsheet-frame iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/star-empty.svg b/app/javascript/iconic/svg/smart/star-empty.svg
new file mode 100755
index 0000000..ecc0369
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/star-empty.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-star-empty" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Star Empty</title>
+  </g>
+  <g class="iconic-star-empty-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path d="M64 25.678l7.48 22.814 1.806 5.508h30.208l-19.677 14.379-4.692 3.429 1.811 5.522 7.721 23.548-19.936-14.568-4.72-3.449-4.72 3.449-19.936 14.569 7.721-23.548 1.811-5.522-4.692-3.429-19.677-14.379h30.208l1.806-5.508 7.48-22.814m0-25.678l-15.082 46h-48.918l39.463 28.838-15.463 47.162 40-29.231 40 29.231-15.463-47.162 39.463-28.838h-48.918l-15.082-46z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-star-empty-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <path d="M16 6.515l1.968 6.099.447 1.386h7.458l-4.869 3.558-1.167.853.444 1.376 1.923 5.963-5.025-3.672-1.18-.862-1.18.862-5.025 3.672 1.923-5.963.444-1.376-1.167-.853-4.869-3.558h7.458l.447-1.386 1.968-6.099m0-6.515l-3.871 12h-12.129l9.815 7.173-3.815 11.827 10-7.308 10 7.308-3.815-11.827 9.815-7.173h-12.129l-3.871-12z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-star-empty-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 3.162l1.051 3.154.228.684h3.87l-2.774 2.219-.545.436.221.662.931 2.787-2.358-1.885-.625-.499-.625.5-2.356 1.885.929-2.788.221-.661-.544-.436-2.774-2.219h3.87l.228-.684 1.051-3.154m0-3.162l-2 6h-6l5 4-2 6 5-4 5.004 4-2.004-6 5-4h-6l-2-6z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/star.svg b/app/javascript/iconic/svg/smart/star.svg
new file mode 100755
index 0000000..df95657
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/star.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-star" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Star</title>
+  </g>
+  <g class="iconic-star-lg iconic-container iconic-lg" data-width="128" data-height="122" display="inline" transform="translate(0 3)">
+    <path class="iconic-property-fill" d="M88.537 74.838l39.463-28.838h-48.918l-15.082-46-15.082 46h-48.918l39.463 28.838-15.463 47.162 40-29.231 40 29.231z" />
+  </g>
+  <g class="iconic-star-md iconic-container iconic-md" data-width="32" data-height="31" display="none" transform="scale(4)">
+    <path class="iconic-property-fill" d="M22.185 19.173l9.815-7.173h-12.129l-3.871-12-3.871 12h-12.129l9.815 7.173-3.815 11.827 10-7.308 10 7.308z" />
+  </g>
+  <g class="iconic-star-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-property-fill" d="M11 10l5-4h-6l-2-6-2 6h-6l5 4-2 6 5-4 5.004 4z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/sun.svg b/app/javascript/iconic/svg/smart/sun.svg
new file mode 100755
index 0000000..bffa836
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/sun.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-sun" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Sun</title>
+  </g>
+  <g class="iconic-sun-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M64 30c-18.748 0-34 15.252-34 34s15.252 34 34 34 34-15.252 34-34-15.252-34-34-34z" class="iconic-property-fill" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M42.57 12.263l3.827 9.239" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M34.301 34.301l-14.142-14.142" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M12.263 42.57l9.239 3.827" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M22 64h-20" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M12.263 85.43l9.239-3.827" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M34.301 93.698l-14.142 14.143" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M42.57 115.737l3.827-9.238" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M64 106v20" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M85.43 115.737l-3.827-9.238" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M107.841 107.841l-14.143-14.143" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M115.737 85.43l-9.238-3.827" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M126 64h-20" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M115.737 42.57l-9.238 3.827" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M107.841 20.159l-14.143 14.142" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-minor iconic-property-accent iconic-property-stroke" d="M85.43 12.263l-3.827 9.239" fill="none" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-sun-ray iconic-sun-ray-major iconic-property-accent iconic-property-stroke" d="M64 2v20" fill="none" />
+  </g>
+  <g class="iconic-sun-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M16 8c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z" class="iconic-sun-center iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-sun-ray iconic-property-accent iconic-property-stroke" d="M7.515 7.515l-2.122-2.122m-1.393 10.607h-3m6.515 8.485l-2.122 2.122m10.607 1.393v3m10.607-4.393l-2.122-2.122m6.515-8.485h-3m-1.393-10.607l-2.122 2.122m-8.485-6.515v3"
+    fill="none" />
+  </g>
+  <g class="iconic-sun-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M8 4c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4z" class="iconic-sun-center iconic-property-fill" />
+    <circle cx="3" cy="3" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="1" cy="7.999" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="3" cy="13" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="8" cy="15" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="13" cy="13" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="15" cy="7.999" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="13" cy="3" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+    <circle cx="8" cy="1" r="1" class="iconic-sun-ray iconic-property-accent iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/syringe.svg b/app/javascript/iconic/svg/smart/syringe.svg
new file mode 100755
index 0000000..9998875
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/syringe.svg
@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-syringe" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Syringe</title>
+  </g>
+  <g class="iconic-syringe-lg iconic-container iconic-lg" data-width="126" data-height="128" display="inline" transform="translate(1)">
+    <path class="iconic-syringe-needle iconic-property-accent iconic-property-fill" d="M44 84l-44 44v-3.627l42-42.373z" />
+    <path transform="matrix(-.707 .707 -.707 -.707 197.449 -46.493)" class="iconic-syringe-plunger iconic-syringe-plunger-main iconic-property-fill" d="M97.54 9.161h21.628v16.971h-21.628z" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-syringe-plunger iconic-syringe-plunger-top iconic-property-stroke" d="M108 2l16 16" fill="none" />
+    <path transform="matrix(.707 -.707 .707 .707 -47.096 54.301)" class="iconic-syringe-tube iconic-syringe-tube-base iconic-property-fill" d="M37.757 76.929h8.485v14.142h-8.485z" />
+    <path d="M89 19l-12.293 12.293 5 5c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-5-5-4.586 4.586 3 3c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-3-3-4.586 4.586 3 3c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-3-3-4.586 4.586 5 5c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-5-5-4.586 4.586 3 3c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-3-3-4.586 4.586 3 3c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-3-3-4.586 4.586 5 5c.391.391.391 1.023 0 1.414-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-5-5-5.293 5.293 18 18 55-55-18-18z"
+    class="iconic-syringe-tube-main iconic-property-fill" />
+    <path stroke="#000" stroke-width="4" stroke-linecap="round" class="iconic-syringe-tube iconic-syringe-tube-top iconic-property-stroke" d="M80 10l34 34" fill="none" />
+  </g>
+  <g class="iconic-syringe-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-syringe-needle iconic-property-accent iconic-property-fill" d="M12 20l-12 12v-2l11-11z" />
+    <path class="iconic-syringe-plunger iconic-syringe-plunger-main iconic-property-fill" d="M29.438 3.5l-4 4-1.938-2 4-4z" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-syringe-plunger iconic-syringe-plunger-top iconic-property-stroke" d="M26.5.5l4 4" fill="none" />
+    <path transform="matrix(.707 -.707 .707 .707 -11.42 13.429)" class="iconic-syringe-tube iconic-syringe-tube-base iconic-property-fill" d="M9.086 18.379h2.828v4.243h-2.828z" />
+    <path d="M22 4l-2.647 2.647 1.5 1.5c.195.195.195.512 0 .707-.098.098-.226.146-.354.146s-.256-.049-.353-.146l-1.5-1.5-1.293 1.293.5.5c.195.195.195.512 0 .707-.098.098-.226.146-.354.146s-.256-.049-.353-.146l-.5-.5-1.293 1.293 1.5 1.5c.195.195.195.512 0 .707-.098.098-.226.146-.354.146s-.256-.049-.353-.146l-1.5-1.5-1.293 1.293.5.5c.195.195.195.512 0 .707-.098.098-.226.146-.354.146s-.256-.049-.353-.146l-.5-.5-1.293 1.293 1.5 1.5c.195.195.195.512 0 .707-.098.098-.226.146-.354.146s-.256-.049-.353-.146l-1.5-1.5-2.646 2.646 5 5 14-14-5-5z"
+    class="iconic-syringe-tube iconic-syringe-tube-main iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-syringe-tube iconic-syringe-tube-top iconic-property-stroke" d="M19.5 1.5l10 10" fill="none" />
+  </g>
+  <g class="iconic-syringe-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-syringe-needle iconic-property-accent iconic-property-fill" d="M5.969 10l-5.969 6v-2l5-5z" />
+    <path class="iconic-syringe-plunger iconic-syringe-plunger-main iconic-property-fill" d="M13.969 2l-2 2-.969-1 2-2z" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-syringe-plunger iconic-syringe-plunger-top iconic-property-stroke" d="M12.5.5l2 2" fill="none" />
+    <path d="M10 2l-1.146 1.147 1 1c.195.195.195.512 0 .707-.098.098-.226.147-.354.147s-.256-.049-.354-.146l-1-1-1.293 1.293 1 1c.195.195.195.512 0 .707-.098.098-.226.146-.353.146s-.256-.049-.354-.146l-1-1-1.293 1.293 1 1c.195.195.195.512 0 .707-.098.098-.226.146-.353.146s-.256-.049-.354-.146l-1-1-1.146 1.146 3 3 7-7-3-3z"
+    class="iconic-syringe-tube iconic-syringe-tube-main iconic-property-fill" />
+    <path stroke="#000" stroke-linecap="round" class="iconic-syringe-tube iconic-syringe-tube-top iconic-property-stroke" d="M8.5.5l6 6" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/tablet.svg b/app/javascript/iconic/svg/smart/tablet.svg
new file mode 100755
index 0000000..79331d8
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tablet.svg
@@ -0,0 +1,31 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="tablet" width="128" height="128" class="iconic iconic-tablet" viewBox="0 0 128 128">
+  <g><title>Tablet</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-tablet-clip-0">
+      <rect x="4" y="12" width="78" height="104"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-tablet-clip-0">
+      <rect x="1" y="3" width="20" height="25"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-tablet-clip-0">
+      <rect x="1" y="2" width="9" height="11"/>
+    </clipPath>
+  </defs>
+  <g data-width="86" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(21)">
+    <path d="M80 0h-74c-3.3 0-6 2.7-6 6v116c0 3.3 2.7 6 6 6h74c3.3 0 6-2.7 6-6v-116c0-3.3-2.7-6-6-6zm-37 6c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm0 118c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm39-8h-78v-104h78v104z" class="iconic-tablet-body iconic-property-fill"/>
+    <image class="iconic-tablet-screenshot-image" data-max-width="78" x="4" y="12" clip-path="url(#iconic-size-lg-tablet-clip-0)"/>
+  </g>
+  <g data-width="22" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4) translate(5)">
+    <path d="M20.2 0h-18.4c-1 0-1.8.8-1.8 1.8v28.5c0 1 .8 1.8 1.8 1.8h18.5c1 0 1.8-.8 1.8-1.8v-28.5c-.1-1-.9-1.8-1.9-1.8zm-9.2 31c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm10-3h-20v-25h20v25z" class="iconic-tablet-body iconic-property-fill"/>
+    <image class="iconic-tablet-screenshot-image" data-max-width="20" x="1" y="3" clip-path="url(#iconic-size-md-tablet-clip-0)"/>
+  </g>
+  <g data-width="11" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(2)">
+    <path d="M10.2 0h-9.4c-.5 0-.8.3-.8.8v14.5c0 .4.3.7.8.7h9.5c.4 0 .8-.3.8-.8v-14.4c-.1-.5-.4-.8-.9-.8zm-4.7 15c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5zm4.5-2h-9v-11h9v11z" class="iconic-tablet-body iconic-property-fill"/>
+    <image class="iconic-tablet-screenshot-image" data-max-width="9" x="1" y="2" clip-path="url(#iconic-size-sm-tablet-clip-0)"/>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["tablet"]=iconicApis["tablet"]||function(t){var e=function(e){t.setAttribute("data-screenshot",e);var i,r,n=t.querySelectorAll(".iconic-tablet-screenshot-image"),a=0,c=new Image;c.onload=function(){for(a=0;a<n.length;a++){n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",e),n[a].setAttribute("display","inline");var t=c.width/c.height,o=parseInt(n[a].getAttribute("data-max-width"));r=o,i=o/t,n[a].setAttribute("height",i+"px"),n[a].setAttribute("width",r+"px")}};var o=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi,s=new RegExp(o);if(e&&e.match(s))c.src=e;else for(a=0;a<n.length;a++)n[a].setAttribute("display","none"),n[a].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","")},i=function(){var i=t.getAttribute("data-screenshot")||"";e(i)};return{update:i,setScreenshot:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/tag.svg b/app/javascript/iconic/svg/smart/tag.svg
new file mode 100755
index 0000000..a810d15
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tag.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-tag" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Tag</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-tag-clip-0">
+      <path d="M48 0h-48v48l80 80 48-48-80-80zm-22 34c-4.418 0-8-3.582-8-8s3.582-8 8-8 8 3.582 8 8-3.582 8-8 8z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-tag-clip-0">
+      <path d="M12 0h-12v12.01l20 19.99 12-12-20-20zm-5.5 9c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5-1.119 2.5-2.5 2.5z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-tag-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M46.5 0h-45c-.828 0-1.5.672-1.5 1.5v45c0 .828.475 1.975 1.061 2.561l77.879 77.879c.586.586 1.536.586 2.121 0l45.879-45.879c.586-.586.586-1.536 0-2.121l-77.879-77.879c-.586-.586-1.732-1.061-2.561-1.061z" clip-path="url(#iconic-size-lg-tag-clip-0)"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-tag-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M11.5 0h-11c-.276 0-.5.224-.5.5v11.01c0 .276.158.658.354.854l19.293 19.283c.195.195.512.195.707 0l11.293-11.293c.195-.195.195-.512 0-.707l-19.293-19.293c-.195-.195-.578-.354-.854-.354z" clip-path="url(#iconic-size-md-tag-clip-0)" class="iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-tag-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M6 0h-6v6.005l10.006 9.995 5.994-6-10-10zm-2 6c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/tags.svg b/app/javascript/iconic/svg/smart/tags.svg
new file mode 100755
index 0000000..2e643b7
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tags.svg
@@ -0,0 +1,38 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-tags" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Tags</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-tags-clip-0">
+      <path d="M108 64l-32 32 6 6 38-38-68-64h-12z" />
+    </clipPath>
+    <clipPath id="iconic-size-lg-tags-clip-1">
+      <path d="M36 0h-36v36l68 64 36-36-68-64zm-14 28c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-tags-clip-0">
+      <path d="M32 16l-17-16h-3l17 16-8.5 8.5 1.5 1.5z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-tags-clip-1">
+      <path d="M10 0h-10v10l17 16 10-10-17-16zm-4 8c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-tags-clip-0">
+      <path d="M7 0l7 7-4 4 1.01 1 4.99-5-7-7z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-tags-lg iconic-container iconic-lg" data-width="120" data-height="102" display="inline" transform="translate(4 13)">
+    <path d="M16 1.5v33c0 .828.489 1.96 1.092 2.528l65.815 61.944c.603.568 1.567.553 2.153-.033l33.879-33.879c.586-.586.572-1.521-.032-2.089l-65.816-61.944c-.603-.568-1.764-1.028-2.592-1.028h-33c-.828 0-1.5.672-1.5 1.5z" clip-path="url(#iconic-size-lg-tags-clip-0)"
+    class="iconic-tags-back iconic-property-accent iconic-property-fill" />
+    <path d="M34.5 0h-33c-.828 0-1.5.672-1.5 1.5v33c0 .828.489 1.96 1.092 2.528l65.815 61.944c.603.568 1.567.553 2.153-.033l33.879-33.879c.586-.586.572-1.521-.032-2.089l-65.816-61.944c-.603-.568-1.764-1.028-2.592-1.028z" clip-path="url(#iconic-size-lg-tags-clip-1)"
+    class="iconic-tags-front iconic-property-fill" />
+  </g>
+  <g class="iconic-tags-md iconic-container iconic-md" data-width="32" data-height="26" display="none" transform="scale(4) translate(0 3)">
+    <path d="M5 .5v9c0 .276.163.653.364.843l16.272 15.315c.201.189.522.184.718-.011l9.293-9.293c.195-.195.191-.507-.011-.696l-16.272-15.315c-.201-.189-.588-.343-.864-.343h-9c-.276 0-.5.224-.5.5z" clip-path="url(#iconic-size-md-tags-clip-0)" class="iconic-tags-back iconic-property-accent iconic-property-fill"
+    />
+    <path d="M9.5 0h-9c-.276 0-.5.224-.5.5v9c0 .276.163.653.364.843l16.272 15.315c.201.189.522.184.718-.011l9.293-9.293c.195-.195.191-.507-.011-.696l-16.272-15.315c-.201-.189-.588-.343-.864-.343z" clip-path="url(#iconic-size-md-tags-clip-1)" class="iconic-tags-front iconic-property-fill"
+    />
+  </g>
+  <g class="iconic-tags-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path clip-path="url(#iconic-size-sm-tags-clip-0)" class="iconic-tags-back iconic-property-accent iconic-property-fill" d="M4 0l.01 5 6.99 7 5-5-7-7z" />
+    <path d="M5 0h-5v5l7 7 5-5-7-7zm-1.5 5c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z" class="iconic-tags-front iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/target.svg b/app/javascript/iconic/svg/smart/target.svg
new file mode 100755
index 0000000..c59bab9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/target.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-target" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Target</title>
+  </g>
+  <g class="iconic-target-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <circle cx="64" cy="64" r="12" class="iconic-target-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="6" cx="64" cy="64" r="35" class="iconic-target-ring iconic-target-ring-inner iconic-property-stroke" fill="none" />
+    <circle stroke="#000" stroke-width="6" cx="64" cy="64" r="61" class="iconic-target-ring iconic-target-ring-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-target-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <circle cx="16" cy="16" r="4" class="iconic-target-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" stroke-width="2" cx="16" cy="16" r="9" class="iconic-target-ring iconic-target-ring-inner iconic-property-stroke" fill="none" />
+    <circle stroke="#000" stroke-width="2" cx="16" cy="16" r="15" class="iconic-target-ring iconic-target-ring-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-target-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <circle cx="8" cy="8" r="2" class="iconic-target-center iconic-property-accent iconic-property-fill" />
+    <circle stroke="#000" cx="8" cy="8" r="4.5" class="iconic-target-ring iconic-target-ring-inner iconic-property-stroke" fill="none" />
+    <circle stroke="#000" cx="8" cy="8" r="7.5" class="iconic-target-ring iconic-target-ring-outer iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/task.svg b/app/javascript/iconic/svg/smart/task.svg
new file mode 100755
index 0000000..741d903
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/task.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-task" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Task</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-task-clip-0">
+      <path d="M27.718 48.407l-20.097-22.307 8.529-8.441 9.611 11.733 25.393-25.393h-51.154v56h56v-39.875z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-task-clip-0">
+      <path d="M10.491 10.991l-2.518-.482.034-6.934 2.575-2.575h-10.581v13h13v-5.519z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-task-clip-0">
+      <path d="M6.018 5.852l-1.549-4.108 1.684-1.743h-6.154v8h8v-4.13z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-task-lg iconic-container iconic-lg" data-width="128" data-height="60" display="inline" transform="translate(0 34)">
+    <path clip-path="url(#iconic-size-lg-task-clip-0)" stroke="#000" stroke-width="4" d="M52.5 58h-49c-.828 0-1.5-.672-1.5-1.5v-49c0-.828.672-1.5 1.5-1.5h49c.828 0 1.5.672 1.5 1.5v49c0 .828-.672 1.5-1.5 1.5z" class="iconic-task-check iconic-task-check-box iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-task-check iconic-task-check-mark iconic-property-accent iconic-property-stroke" d="M11.886 21.88l15.854 16.02 33.817-33.817" fill="none" />
+    <path stroke="#000" stroke-width="4" class="iconic-task-line iconic-task-line-3 iconic-property-stroke" d="M68 42h54" fill="none" />
+    <path stroke="#000" stroke-width="4" class="iconic-task-line iconic-task-line-2 iconic-property-stroke" d="M68 30h50" fill="none" />
+    <path stroke="#000" stroke-width="4" class="iconic-task-line iconic-task-line-1 iconic-property-stroke" d="M68 18h60" fill="none" />
+  </g>
+  <g class="iconic-task-md iconic-container iconic-md" data-width="32" data-height="14" display="none" transform="scale(4) translate(0 9)">
+    <path clip-path="url(#iconic-size-md-task-clip-0)" stroke="#000" stroke-width="2" d="M11.5 13h-10c-.276 0-.5-.224-.5-.5v-10c0-.276.224-.5.5-.5h10c.276 0 .5.224.5.5v10c0 .276-.224.5-.5.5z" class="iconic-task-check iconic-task-check-box iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="3" class="iconic-task-check iconic-task-check-mark iconic-property-accent iconic-property-stroke" d="M4.995 5.505l3.005 2.995 7.5-7.5" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-task-line iconic-task-line-2 iconic-property-stroke" d="M17 10h12" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-task-line iconic-task-line-1 iconic-property-stroke" d="M17 5h15" fill="none" />
+  </g>
+  <g class="iconic-task-sm iconic-container iconic-sm" data-width="16" data-height="8" display="none" transform="scale(8) translate(0 4)">
+    <path clip-path="url(#iconic-size-sm-task-clip-0)" stroke="#000" class="iconic-task-check iconic-task-check-box iconic-property-stroke" d="M.5.5h7v7h-7z" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-task-check iconic-task-check-mark iconic-property-accent iconic-property-stroke" d="M2.5 2.5l2 2 3.8-3.8" fill="none" />
+    <path stroke="#000" class="iconic-task-line iconic-task-line-2 iconic-property-stroke" d="M10 5.5h5" fill="none" />
+    <path stroke="#000" class="iconic-task-line iconic-task-line-1 iconic-property-stroke" d="M10 2.5h6" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/terminal.svg b/app/javascript/iconic/svg/smart/terminal.svg
new file mode 100755
index 0000000..df8319b
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/terminal.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-terminal" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Terminal</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-terminal-clip-0">
+      <path d="M0 0v106h128v-106h-128zm26 22l-18 10v-4l13-7-13-7 .068-4 17.932 10v2zm30 10h-26v-4h26v4z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-terminal-clip-0">
+      <path d="M0 0v28h32v-28h-32zm9 8l-6 3v-1l5-2.5-4.994-2.5.02-1 5.974 3v1zm12 3h-9.041v-1h9.041v1z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-terminal-clip-0">
+      <path d="M0 0v14h16v-14h-16zm6 5l-4 2v-1l3-1.469-3-1.531v-1l4 2v1zm7 2h-5v-1h5v1z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-terminal-lg iconic-container iconic-lg" data-width="128" data-height="106" display="inline" transform="translate(0 11)">
+    <path clip-path="url(#iconic-size-lg-terminal-clip-0)" d="M126.5 106h-125c-.828 0-1.5-.672-1.5-1.5v-103c0-.828.672-1.5 1.5-1.5h125c.828 0 1.5.672 1.5 1.5v103c0 .828-.672 1.5-1.5 1.5z" class="iconic-terminal-screen iconic-property-fill" />
+  </g>
+  <g class="iconic-terminal-md iconic-container iconic-md" data-width="32" data-height="28" display="none" transform="scale(4) translate(0 2)">
+    <path clip-path="url(#iconic-size-md-terminal-clip-0)" d="M31.5 28h-31c-.276 0-.5-.224-.5-.5v-27c0-.276.224-.5.5-.5h31c.276 0 .5.224.5.5v27c0 .276-.224.5-.5.5z" class="iconic-terminal-screen iconic-property-fill" />
+  </g>
+  <g class="iconic-terminal-sm iconic-container iconic-sm" data-width="16" data-height="14" display="none" transform="scale(8) translate(0 1)">
+    <path clip-path="url(#iconic-size-sm-terminal-clip-0)" d="M15.75 14h-15.5c-.138 0-.25-.112-.25-.25v-13.5c0-.138.112-.25.25-.25h15.5c.138 0 .25.112.25.25v13.5c0 .138-.112.25-.25.25z" class="iconic-terminal-screen iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/text.svg b/app/javascript/iconic/svg/smart/text.svg
new file mode 100755
index 0000000..834c9d0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/text.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-text" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Text</title>
+  </g>
+  <g class="iconic-text-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M124 0h-120l-4 28h4c0-11.046 8.954-20 20-20h32v106c0 5.523-4.477 10-10 10h-5.75v4h47.749v-4h-6c-5.523 0-10-4.477-10-10v-106h32c11.046 0 20 8.954 20 20h4l-4-28z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-text-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M31 0h-30l-1 8h1c0-2.761 2.239-5 5-5h7v25.5c0 1.381-1.119 2.5-2.5 2.5h-2.5v1h16v-1h-2.5c-1.381 0-2.5-1.119-2.5-2.5v-25.5h7c2.761 0 5 2.239 5 5h1l-1-8z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-text-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M15 0h-14l-1 4h1c0-1.105.895-2 2-2h3v12c0 .552-.448 1-1 1h-1v1h8v-1h-1c-.552 0-1-.448-1-1v-12h3c1.105 0 2 .895 2 2h1l-1-4z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/thermometer.svg b/app/javascript/iconic/svg/smart/thermometer.svg
new file mode 100755
index 0000000..4b10a3d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/thermometer.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-thermometer" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Thermometer</title>
+  </g>
+  <g class="iconic-thermometer-lg iconic-container iconic-lg" data-width="44" data-height="128" display="inline" transform="translate(42)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-6 iconic-property-stroke" d="M28 75h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-5 iconic-property-stroke" d="M28 63h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-4 iconic-property-stroke" d="M28 51h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-3 iconic-property-stroke" d="M28 39h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-2 iconic-property-stroke" d="M28 27h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-tick iconic-thermometer-tick-1 iconic-property-stroke" d="M28 15h2" fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" d="M13.999 86.578c-7.629 3.146-12.999 10.657-12.999 19.422 0 11.598 9.402 21 21 21s21-9.402 21-21c0-8.766-5.372-16.278-13.003-19.424l.003-77.576c0-4.418-3.582-8-8-8s-8 3.582-8 8l-.001 77.578z"
+    class="iconic-thermometer-body iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="6" stroke-linecap="round" class="iconic-thermometer-shaft iconic-property-stroke" d="M22 9v101" fill="none" />
+    <circle cx="22" cy="106" r="16" class="iconic-thermometer-well iconic-property-fill" />
+  </g>
+  <g class="iconic-thermometer-md iconic-container iconic-md" data-width="14" data-height="32" display="none" transform="scale(4) translate(9)">
+    <path stroke="#000" stroke-linecap="round" d="M10.5 19.53c1.798 1.156 3 3.174 3 5.47 0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5c0-2.292 1.208-4.301 3-5.459v-15.541c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5v15.53z" class="iconic-thermometer-body iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-shaft iconic-property-stroke" d="M7 4v22" fill="none" />
+    <circle cx="7" cy="25" r="4" class="iconic-thermometer-well iconic-property-fill" />
+  </g>
+  <g class="iconic-thermometer-sm iconic-container iconic-sm" data-width="8" data-height="16" display="none" transform="scale(8) translate(4)">
+    <path stroke="#000" stroke-linecap="round" d="M1.5 9.556c-.617.631-1 1.492-1 2.444 0 1.933 1.567 3.5 3.5 3.5s3.5-1.567 3.5-3.5c0-.952-.383-1.813-1-2.444v-6.556c0-1.381-1.119-2.5-2.5-2.5s-2.5 1.119-2.5 2.5v6.556z" class="iconic-thermometer-body iconic-property-stroke"
+    fill="none" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="round" class="iconic-thermometer-shaft iconic-property-stroke" d="M4 3v9" fill="none" />
+    <circle cx="4" cy="12" r="2" class="iconic-thermometer-well iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/thumb.svg b/app/javascript/iconic/svg/smart/thumb.svg
new file mode 100755
index 0000000..8e1a677
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/thumb.svg
@@ -0,0 +1,38 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="thumb" width="128" height="128" class="iconic iconic-thumb" viewBox="0 0 128 128">
+  <g><title>Thumb</title></g>
+  <g data-width="126" data-height="128" class="iconic-lg iconic-container" display="inline" transform="translate(1)">
+    <g class="iconic-thumbs-up">
+      <path d="M0 52l10 76h22v-76h-32zm26 72c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M117 54h-27c-5 0-9-4.5-9-9s5-15 5-31v-5c0-5-4-9-9-9h-6c-1.7 0-3 1.3-3 3v11c0 12.1-11.6 27.2-19.3 34.7-3.3 3.4-7.7 5.3-12.7 5.3v68s8 4 20 4h43c3.7 0 6.9-2.3 8.3-5.5 0 0 15-42.1 18.1-54.5.4-1.4.6-2.5.6-3 0-5.1-4-9-9-9z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path d="M10 0l-10 76h32v-76h-22zm16 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M125.4 62c-3.1-12.4-18.1-54.5-18.1-54.5-1.4-3.2-4.6-5.5-8.3-5.5h-43l-20 4v68c5 0 9.4 1.9 12.7 5.3 7.7 7.5 19.3 22.6 19.3 34.7v11c0 1.7 1.3 3 3 3h6c5 0 9-4 9-9v-5c0-16-5-26.5-5-31s4-9 9-9h27c5 0 9-3.9 9-9 0-.5-.2-1.6-.6-3z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-thumbs-up">
+      <path d="M0 13l2 19h5v-19h-7zm5 18c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M29.7 13h-7.2c-1.2 0-2.2-1.1-2.2-2.3s1.7-3.7 1.7-6.7v-1.5c0-1.4-1.1-2.5-2.5-2.5h-1.8c-.4 0-.7.3-.7.8v2.8c0 3-2.9 6.3-4.8 8.2-.9.7-2 1.2-3.2 1.2v17s2 1 5 1h11.2c.9 0 1.7-.6 2.1-1.4 0 0 3.8-10.5 4.5-13.6.1-.4.1-.6.1-.8.1-1.2-.9-2.2-2.2-2.2z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path d="M2 0l-2 19h7v-19h-5zm3 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z" class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill"/>
+      <path d="M31.9 16c-.8-3.1-4.5-13.6-4.5-13.6-.4-.8-1.2-1.4-2.1-1.4h-11.3l-5 1v17c1.2 0 2.3.5 3.2 1.3 1.9 1.9 4.8 5.1 4.8 8.2v2.8c0 .4.3.8.8.8h1.8c1.4 0 2.5-1.1 2.5-2.5v-1.5c0-3-1.7-5.6-1.7-6.7s1.4-2.4 2.6-2.4h6.8c1.2 0 2.2-1 2.2-2.2 0-.2 0-.4-.1-.8z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+  <g data-width="14" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1 1)">
+    <g class="iconic-thumbs-up">
+      <path class="iconic-thumbs-up-cuff iconic-property-accent iconic-property-fill" d="M0 6h3v8h-3z"/>
+      <path d="M13 6h-3c-.6 0-1-.5-1-1s.8-3.2 1-3.7c.1-.5-.2-1.1-.7-1.3-.5-.1-1 .2-1.3.7-.3.5-2.2 4.3-2.6 4.7s-.8.6-1.4.6v8h7c.4 0 .8-.3.9-.6 0 0 2.1-5.8 2.1-6.4s-.4-1-1-1z" class="iconic-thumbs-up-hand iconic-property-fill"/>
+    </g>
+    <g class="iconic-thumbs-down" display="none">
+      <path class="iconic-thumbs-down-cuff iconic-property-accent iconic-property-fill" d="M0 0h3v8h-3z"/>
+      <path d="M11.9.6c-.1-.3-.5-.6-.9-.6h-7v8c.6 0 1 .2 1.4.6.4.4 2.3 4.2 2.6 4.7.3.5.8.8 1.3.7.5-.2.8-.7.7-1.3-.2-.5-1-3.2-1-3.7s.4-1 1-1h3c.6 0 1-.4 1-1l-2.1-6.4z" class="iconic-thumbs-down-hand iconic-property-fill"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["thumb"]=iconicApis["thumb"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-thumbs-up"),a=t.querySelectorAll(".iconic-thumbs-down");i=r="none","down"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/iconic/svg/smart/tiara.svg b/app/javascript/iconic/svg/smart/tiara.svg
new file mode 100755
index 0000000..6507417
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tiara.svg
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-tiara" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Tiara</title>
+  </g>
+  <g class="iconic-tiara-lg iconic-container iconic-lg" data-width="128" data-height="48" display="inline" transform="translate(0 40)">
+    <path d="M120 46c-15.75 0-24-26-24-26s-7.667 15-14.417 5.583c-4.466-6.231-17.583-25.583-17.583-25.583s-13.172 19.11-17.583 25.583c-6.417 9.417-14.417-5.583-14.417-5.583s-7.999 26-23.999 26h-8.001v2h128v-2h-8zm-65-9l-3-5 3-5 3 5-3 5zm3-13l6-10 6 10-6 10-6-10zm15 13l-3-5 3-5 3 5-3 5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-tiara-md iconic-container iconic-md" data-width="32" data-height="12" display="none" transform="scale(4) translate(0 10)">
+    <path d="M31 11c-3.938 0-7-6-7-6s-1.604 3.427-3.604 1.396c-1.345-1.366-4.396-6.396-4.396-6.396s-3.022 5-4.396 6.396c-2 2.031-3.604-1.396-3.604-1.396s-3 6-7 6h-1v1h32v-1h-1zm-15-1l-2-3 2-3 2 3-2 3z" class="iconic-property-fill" />
+  </g>
+  <g class="iconic-tiara-sm iconic-container iconic-sm" data-width="16" data-height="6" display="none" transform="scale(8) translate(0 5)">
+    <path d="M15 5c-1.969 0-3-2.5-3-2.5s-1 1.516-2 .5c-.672-.683-2-3-2-3s-1.313 2.302-2 3c-1 1.016-2-.5-2-.5s-1 2.5-3 2.5c-.958 0-1 0-1 0v1h16v-1s-.042 0-1 0zm-7 0l-1-1 1-1 1 1-1 1z" class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/timer.svg b/app/javascript/iconic/svg/smart/timer.svg
new file mode 100755
index 0000000..06e59ee
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/timer.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-timer" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Timer</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-sm-timer-clip-0">
+      <path d="M13.783 3.622l-5.324 6.707-.036.045-.04.04c-.378.378-.88.586-1.414.586-.534 0-1.036-.208-1.414-.586s-.586-.88-.586-1.414.208-1.036.586-1.414l.042-.042.047-.037 6.738-5.293.272-.214h-12.654v14h14v-12.651l-.217.273z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-timer-lg iconic-container iconic-lg" data-width="116" data-height="128" display="inline" transform="translate(6)">
+    <path d="M52.343 64.343c-3.124 3.124-3.124 8.19 0 11.314 3.124 3.124 8.19 3.124 11.314 0 3.124-3.124 26.343-35.657 26.343-35.657s-34.533 21.219-37.657 24.343zm5.657 9.657c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z" class="iconic-timer-needle iconic-property-fill"
+    />
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-base iconic-property-fill" d="M52 4h12v12.147h-12z" />
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-top iconic-property-fill" d="M48 0h20v2h-20z" />
+    <circle stroke="#000" stroke-width="8" cx="58" cy="70" r="54" class="iconic-timer-body iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-timer-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-base iconic-property-fill" d="M13 1h3v4h-3z" />
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-top iconic-property-fill" d="M12 0h5v1h-5z" />
+    <path d="M15.561 18.561c-.586.586-1.536.586-2.121 0-.586-.586-.586-1.536 0-2.121.586-.586 8.561-6.439 8.561-6.439s-5.854 7.975-6.439 8.561z" class="iconic-timer-needle iconic-property-fill" />
+    <circle stroke="#000" stroke-width="3" cx="14.5" cy="17.5" r="13" class="iconic-timer-body iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-timer-sm iconic-container iconic-sm" data-width="14" data-height="16" display="none" transform="scale(8) translate(1)">
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-base iconic-property-fill" d="M6 0h2v3h-2z" />
+    <path class="iconic-timer-stop-button iconic-timer-stop-button-top iconic-property-fill" d="M5 0h4v1h-4z" />
+    <path d="M6.262 8.293c-.391.391-.391 1.024 0 1.414s1.024.391 1.414 0l5.324-6.707-6.738 5.293z" class="iconic-timer-needle iconic-property-fill" />
+    <circle clip-path="url(#iconic-size-sm-timer-clip-0)" stroke="#000" stroke-width="2" cx="7" cy="9" r="6" class="iconic-timer-body iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/tint.svg b/app/javascript/iconic/svg/smart/tint.svg
new file mode 100755
index 0000000..57c4c2e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tint.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-tint" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Tint</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-tint-clip-0">
+      <path d="M0 0v128h96v-128h-96zm42.92 115.912c-.384 1.898-2.052 3.208-3.916 3.208-.263 0-.53-.026-.797-.081-3.568-.722-6.935-1.844-10.007-3.334-10.381-5.037-17.065-14.014-19.33-25.96-.411-2.17 1.015-4.264 3.185-4.675 2.169-.41 4.264 1.015 4.675 3.185 1.8 9.495 6.833 16.309 14.962 20.253 2.467 1.197 5.192 2.103 8.1 2.691 2.166.438 3.565 2.549 3.127 4.714z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-md-tint-clip-0">
+      <path d="M0 0v32h24v-32h-24zm11.982 27.614c-.116.739-.754 1.267-1.48 1.267-.078 0-.156-.006-.235-.018-4.005-.629-6.613-3.238-7.155-7.157-.113-.82.46-1.578 1.281-1.691.815-.12 1.578.46 1.691 1.281.363 2.627 1.927 4.176 4.649 4.604.818.129 1.378.896 1.249 1.715z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-tint-clip-0">
+      <path d="M0 0v16h12v-16h-12zm6 14c-2.505 0-4-1.495-4-4 0-.552.448-1 1-1s1 .448 1 1c0 .931.228 2 2 2 .552 0 1 .448 1 1s-.448 1-1 1z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-tint-lg iconic-container iconic-lg" data-width="96" data-height="128" display="inline" transform="translate(16)">
+    <path d="M96 80c0 32-22.753 48-48 48s-48-16-48-48c0-36.571 48-80 48-80s48 43.429 48 80z" clip-path="url(#iconic-size-lg-tint-clip-0)" class="iconic-tint-drop iconic-property-fill" />
+  </g>
+  <g class="iconic-tint-md iconic-container iconic-md" data-width="24" data-height="32" display="none" transform="scale(4) translate(4)">
+    <path d="M24 20c0 8-5.688 12-12 12s-12-4-12-12c0-9.143 12-20 12-20s12 10.857 12 20z" clip-path="url(#iconic-size-md-tint-clip-0)" class="iconic-tint-drop iconic-property-fill" />
+  </g>
+  <g class="iconic-tint-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path d="M12 10c0 4-2.844 6-6 6s-6-2-6-6c0-4.571 6-10 6-10s6 5.429 6 10z" clip-path="url(#iconic-size-sm-tint-clip-0)" class="iconic-tint-drop iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/tools.svg b/app/javascript/iconic/svg/smart/tools.svg
new file mode 100755
index 0000000..8938b37
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/tools.svg
@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-tools" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Tools</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-tools-clip-0">
+      <path d="M0 0v128h128v-128h-128zm76.548 84.635l-68.49-68.491 4.029-4.029 68.49 68.491-4.029 4.029zm4.029-4.087l-64.462-64.462 4.029-4.029 64.462 64.462-4.029 4.029z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-tools-clip-0">
+      <path d="M0 0v32h32v-32h-32zm20 21l-1 1-17-17 1-1 2-2 17 17-2 2z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-tools-clip-0">
+      <path d="M0 0v16h16v-16h-16zm10 9l-2 2-6-6 2-2 1-1 6 6-1 1z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-tools-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path class="iconic-tools-screwdriver iconic-tools-screwdriver-head iconic-property-accent iconic-property-fill" d="M16.115 20.144l57.462 57.462 4.029-4.029-57.462-57.462-2.029-8.058-14.087-8.058-4.029 4.029 8.058 14.087z" />
+    <path d="M123.983 108.017l-35.983-36.017h-4l-2-2v-2l-2-2-14 14 2 2h2l2 2v4l36.017 35.983c2.079 2.454 5.179 4.017 8.648 4.017 6.26 0 11.335-5.075 11.335-11.335 0-3.469-1.562-6.569-4.017-8.648zm-12.276 13.69c-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-34-34c-.391-.391-.391-1.023 0-1.414s1.023-.391 1.414 0l34 34c.391.391.391 1.024 0 1.414zm6-4c-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-34-34c-.391-.391-.391-1.023 0-1.414s1.023-.391 1.414 0l34 34c.391.391.391 1.024 0 1.414zm4-6c-.195.195-.451.293-.707.293s-.512-.098-.707-.293l-34-34c-.391-.391-.391-1.023 0-1.414s1.023-.391 1.414 0l34 34c.391.391.391 1.024 0 1.414z"
+    class="iconic-tools-screwdriver iconic-tools-screwdriver-handle iconic-property-accent iconic-property-fill" />
+    <path clip-path="url(#iconic-size-lg-tools-clip-0)" d="M127.646 31.646l-1.293-1.293c-.673-.673-1.715-1.715-2.353-2.353-4-4-6 0-10-4s-2-8-6-12c-12-12-16-12-40-12 28 12.125 19.938 24.063 16 28l-36 36 8 8 36-36c5.875-5.875 7.875-6.125 12-2 4.083 4.083 0 6 4 10 1 1 3 3 3 3l.646.646c.195.195.513.195.707 0l15.293-15.293c.195-.194.195-.513 0-.707z"
+    class="iconic-tools-hammer iconic-tools-hammer-head iconic-property-fill" />
+    <path d="M57.154 52.949l-6.308 2.103c-1.572.524-3.796 1.898-4.967 3.07l-43.757 43.757c-1.172 1.172-1.521 3.323-.78 4.805l9.317 18.633c.741 1.482 2.088 1.567 3.009.189l4.728-7.074c.921-1.377 2.617-3.444 3.788-4.615l39.695-39.695c1.172-1.172 2.538-3.398 3.052-4.973l2.014-6.171c.514-1.575 1.854-3.775 2.993-4.915s1.113-3.012-.059-4.184l-3.757-3.757c-1.171-1.172-3.017-1.226-4.121-.121s-3.274 2.425-4.846 2.949z"
+    clip-path="url(#iconic-size-lg-tools-clip-0)" class="iconic-tools-hammer iconic-tools-hammer-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-tools-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-tools-screwdriver iconic-tools-screwdriver-head iconic-property-accent iconic-property-fill" d="M4 5l16 16 1-1-16-16-1-2-3-2-1 1 2 3z" />
+    <path d="M31 27.011l-9-9.011h-1l-1-1-3 3 1 1v1l9.011 8.989c.52.613 1.287 1.011 2.154 1.011 1.566 0 2.835-1.269 2.835-2.835 0-.867-.387-1.634-1-2.154z" class="iconic-tools-screwdriver iconic-tools-screwdriver-handle iconic-property-accent iconic-property-fill"
+    />
+    <path d="M31 7c-1-1-1 0-2-1s0-1-1-2-1-1-1-1c-3-3-4-3-10-3 7 3.031 4.984 6.016 4 7l-9 9 2 2 9-9c.984-.984 1.969-1.031 3 0s0 1 1 2 1 1 1 1l4-4s0 0-1-1z" clip-path="url(#iconic-size-md-tools-clip-0)" class="iconic-tools-hammer iconic-tools-hammer-head iconic-property-fill"
+    />
+    <path d="M14.526 13.158l-2.051.684c-.262.087-.633.316-.828.512l-11.293 11.293c-.195.195-.253.554-.13.801l2.553 5.106c.123.247.348.261.501.032l1.46-2.184c.153-.23.436-.574.631-.769l10.277-10.277c.195-.195.423-.566.509-.829l.658-2.018c.086-.263.313-.634.509-.829l.324-.324c.195-.195.195-.512 0-.707l-1.293-1.293c-.195-.195-.512-.195-.707 0l-.293.293c-.195.195-.566.424-.828.512z"
+    clip-path="url(#iconic-size-md-tools-clip-0)" class="iconic-tools-hammer iconic-tools-hammer-handle iconic-property-fill" />
+  </g>
+  <g class="iconic-tools-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-tools-screwdriver iconic-tools-screwdriver-head iconic-property-accent iconic-property-fill" d="M4 5l6 6 1-1-6-6v-2l-4-2-1 1 2 4z" />
+    <path d="M15.586 13.584c-.03-.03-5.082-5.08-5.082-5.08l-2.016 2s5.066 5.051 5.096 5.082c.553.553 1.448.553 2.001 0 .553-.553.553-1.449 0-2.001z" class="iconic-tools-screwdriver iconic-tools-screwdriver-handle iconic-property-accent iconic-property-fill"
+    />
+    <path d="M14 2c-2-2-3-2-6-2 2.96 1.002 3 2.948 2.04 3.96l-4.04 4.04 1 1 4-4c.001.001.001.001.002.002 1-1 .999-1.002 2-.001.515.515 0 0 .5.5s.5.5.5.5l1.999-1.999s-1-1.001-2-2.001z" clip-path="url(#iconic-size-sm-tools-clip-0)" class="iconic-tools-hammer iconic-tools-hammer-head iconic-property-fill"
+    />
+    <path d="M7.177 6.823c-.097.097-.289.177-.427.177h-.5c-.138 0-.33.08-.427.177l-5.646 5.646c-.097.097-.114.27-.038.385l1.723 2.584c.076.114.189.107.251-.015l.783-1.561c.062-.123.192-.303.289-.4l4.639-4.639c.097-.097.175-.289.173-.427l-.008-.484c-.002-.137.076-.329.173-.427l.662-.662c.097-.097.097-.256 0-.354l-.646-.646c-.097-.097-.256-.097-.354 0l-.646.646z"
+    clip-path="url(#iconic-size-sm-tools-clip-0)" class="iconic-tools-hammer iconic-tools-hammer-handle iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/transfer.svg b/app/javascript/iconic/svg/smart/transfer.svg
new file mode 100755
index 0000000..38eab10
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/transfer.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-transfer" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Transfer</title>
+  </g>
+  <g class="iconic-transfer-lg iconic-container iconic-lg" data-width="128" data-height="60" display="inline" transform="translate(0 34)">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-bottom iconic-property-accent iconic-property-stroke" d="M124 46h-100" fill="none" />
+    <path d="M1.296 46.756l21.409 12.488c.715.417 1.296.084 1.296-.744v-25c0-.828-.58-1.162-1.296-.744l-21.409 12.488c-.716.417-.716 1.094 0 1.512z" class="iconic-transfer-arrowhead iconic-transfer-arrowhead-bottom iconic-property-accent iconic-property-fill"
+    />
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-top iconic-property-stroke" d="M4 14h100" fill="none" />
+    <path d="M126.704 13.244l-21.409-12.488c-.716-.417-1.296-.084-1.296.744v25c0 .828.58 1.162 1.296.744l21.409-12.488c.716-.417.716-1.094 0-1.512z" class="iconic-transfer-arrowhead iconic-transfer-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-transfer-md iconic-container iconic-md" data-width="32" data-height="18" display="none" transform="scale(4) translate(0 7)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-bottom iconic-property-accent iconic-property-stroke" d="M30.5 13.5h-25" fill="none" />
+    <path d="M.4 13.2l5.2-3.9c.221-.166.4-.076.4.2v8c0 .276-.179.366-.4.2l-5.2-3.9c-.221-.166-.221-.434 0-.6z" class="iconic-transfer-arrowhead iconic-transfer-arrowhead-bottom iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-bottom iconic-property-stroke" d="M1.5 4.5h25" fill="none" />
+    <path d="M31.6 4.8l-5.2 3.9c-.221.166-.4.076-.4-.2v-8c0-.276.179-.366.4-.2l5.2 3.9c.221.166.221.434 0 .6z" class="iconic-transfer-arrowhead iconic-transfer-arrowhead-top iconic-property-fill" />
+  </g>
+  <g class="iconic-transfer-sm iconic-container iconic-sm" data-width="16" data-height="12" display="none" transform="scale(8) translate(0 2)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-bottom iconic-property-accent iconic-property-stroke" d="M15 9h-12" fill="none" />
+    <path class="iconic-transfer-arrowhead iconic-transfer-arrowhead-bottom iconic-property-accent iconic-property-fill" d="M3 12v-6l-3 3z" />
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-transfer-line iconic-transfer-line-top iconic-property-stroke" d="M1 3h12" fill="none" />
+    <path class="iconic-transfer-arrowhead iconic-transfer-arrowhead-top iconic-property-fill" d="M13 0v6l3-3z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/trash.svg b/app/javascript/iconic/svg/smart/trash.svg
new file mode 100755
index 0000000..7d5e832
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/trash.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-trash" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Trash</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-trash-clip-0">
+      <path d="M88 20v93c0 1.105-.895 2-2 2s-2-.895-2-2v-93h-12v93c0 1.105-.895 2-2 2s-2-.895-2-2v-93h-12v93c0 1.105-.895 2-2 2s-2-.895-2-2v-93h-12v93c0 1.105-.895 2-2 2s-2-.895-2-2v-93h-12v93c0 1.105-.895 2-2 2s-2-.895-2-2v-93h-12v108h92v-108h-12z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-trash-clip-0">
+      <path d="M23 7v21.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-21.5h-3v21.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-21.5h-3v21.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-21.5h-3v21.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-21.5h-3v21.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-21.5h-3v25h23v-25h-3z"
+      />
+    </clipPath>
+    <clipPath id="iconic-size-sm-trash-clip-0">
+      <path d="M11 5v8.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-8.5h-2v8.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-8.5h-2v8.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-8.5h-2v11h11v-11h-2z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-trash-lg iconic-container iconic-lg" data-width="108" data-height="128" display="inline" transform="translate(10)">
+    <path clip-path="url(#iconic-size-lg-trash-clip-0)" d="M97 128h-86c-1.657 0-3-1.343-3-3v-106c0-1.657 1.343-3 3-3h86c1.657 0 3 1.343 3 3v106c0 1.657-1.343 3-3 3z" class="iconic-trash-can iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M41 15.333v-11.333c0-1.657 1.343-3 3-3h20c1.657 0 3 1.343 3 3v11.333" class="iconic-trash-lid iconic-trash-lid-handle iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M104 10c-.086 0-.166.02-.25.025v-.025h-15.75c0-1.105-.895-2-2-2h-63.938v.006c-.021-.001-.041-.006-.063-.006-1.105 0-2 .895-2 2h-16c-2.209 0-4 1.791-4 4v4h108v-4c0-2.209-1.791-4-4-4z" class="iconic-trash-lid iconic-property-fill" />
+  </g>
+  <g class="iconic-trash-md iconic-container iconic-md" data-width="29" data-height="32" display="none" transform="scale(4) translate(1)">
+    <path clip-path="url(#iconic-size-md-trash-clip-0)" d="M25 32h-21c-.552 0-1-.448-1-1v-25c0-.552.448-1 1-1h21c.552 0 1 .448 1 1v25c0 .552-.448 1-1 1z" class="iconic-trash-can iconic-property-fill" />
+    <path stroke="#000" d="M11.5 3.958v-2.958c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v2.958" class="iconic-trash-lid iconic-trash-lid-handle iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M26 3h-3c0-.552-.448-1-1-1h-15c-.552 0-1 .448-1 1h-3c-1.657 0-3 1.343-3 3h29c0-1.657-1.343-3-3-3z" class="iconic-trash-lid iconic-property-fill" />
+  </g>
+  <g class="iconic-trash-sm iconic-container iconic-sm" data-width="15" data-height="16" display="none" transform="scale(8)">
+    <path clip-path="url(#iconic-size-sm-trash-clip-0)" d="M12.5 16h-10c-.276 0-.5-.224-.5-.5v-12c0-.276.224-.5.5-.5h10c.276 0 .5.224.5.5v12c0 .276-.224.5-.5.5z" class="iconic-trash-can iconic-property-fill" />
+    <path stroke="#000" d="M5.5 2.958v-2.208c0-.138.112-.25.25-.25h3.5c.138 0 .25.112.25.25v2.208" class="iconic-trash-lid iconic-trash-lid-handle iconic-property-accent iconic-property-stroke" fill="none" />
+    <path d="M15 4c0-1.105-.895-2-2-2h-11c-1.105 0-2 .895-2 2h15z" class="iconic-trash-lid iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/ungroup.svg b/app/javascript/iconic/svg/smart/ungroup.svg
new file mode 100755
index 0000000..312fc70
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/ungroup.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-ungroup" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Ungroup</title>
+  </g>
+  <g class="iconic-ungroup-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M106.7 82h-33c-.828 0-1.5-.672-1.5-1.5v-33c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v33c0 .828-.672 1.5-1.5 1.5z" class="iconic-ungroup-item iconic-ungroup-item-2 iconic-property-fill" />
+    <path d="M54.5 82h-33c-.828 0-1.5-.672-1.5-1.5v-33c0-.828.672-1.5 1.5-1.5h33c.828 0 1.5.672 1.5 1.5v33c0 .828-.672 1.5-1.5 1.5z" class="iconic-ungroup-item iconic-ungroup-item-1 iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-left iconic-ungroup-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M16 127h-15v-15" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-right iconic-ungroup-bound-top-right iconic-property-accent iconic-property-stroke" d="M112 1h15v15" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-left iconic-ungroup-bound-top-left iconic-property-accent iconic-property-stroke" d="M1 16v-15h15" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-right iconic-ungroup-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M127 112v15h-15" fill="none" />
+  </g>
+  <g class="iconic-ungroup-md iconic-container iconic-md" data-width="31" data-height="31" display="none" transform="scale(4)">
+    <path d="M25.5 20h-8c-.276 0-.5-.224-.5-.5v-8c0-.276.224-.5.5-.5h8c.276 0 .5.224.5.5v8c0 .276-.224.5-.5.5z" class="iconic-ungroup-item iconic-ungroup-item-2 iconic-property-fill" />
+    <path d="M13.5 20h-8c-.276 0-.5-.224-.5-.5v-8c0-.276.224-.5.5-.5h8c.276 0 .5.224.5.5v8c0 .276-.224.5-.5.5z" class="iconic-ungroup-item iconic-ungroup-item-1 iconic-property-fill" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-left iconic-ungroup-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M4 30.5h-3.5v-3.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-right iconic-ungroup-bound-top-right iconic-property-accent iconic-property-stroke" d="M27 .5h3.5v3.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-left iconic-ungroup-bound-top-left iconic-property-accent iconic-property-stroke" d="M.5 4v-3.5h3.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-right iconic-ungroup-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M30.5 27v3.5h-3.5" fill="none" />
+  </g>
+  <g class="iconic-ungroup-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-ungroup-item iconic-ungroup-item-2 iconic-property-fill" d="M9 5h6v6h-6z" />
+    <path class="iconic-ungroup-item iconic-ungroup-item-1 iconic-property-fill" d="M1 5h6v6h-6z" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-left iconic-ungroup-bound-bottom-left iconic-property-accent iconic-property-stroke" d="M3 15.5h-2.5v-2.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-right iconic-ungroup-bound-top-right iconic-property-accent iconic-property-stroke" d="M13 .5h2.5v2.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-top iconic-ungroup-bound-left iconic-ungroup-bound-top-left iconic-property-accent iconic-property-stroke" d="M.5 3v-2.5h2.5" fill="none" />
+    <path stroke="#000" class="iconic-ungroup-bound iconic-ungroup-bound-bottom iconic-ungroup-bound-right iconic-ungroup-bound-bottom-right iconic-property-accent iconic-property-stroke" d="M15.5 13v2.5h-2.5" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/vertical-align.svg b/app/javascript/iconic/svg/smart/vertical-align.svg
new file mode 100755
index 0000000..8ee9b0a
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/vertical-align.svg
@@ -0,0 +1,79 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="vertical-align" width="128" height="128" class="iconic iconic-vertical-align" viewBox="0 0 128 128">
+  <g><title>Vertical Align</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-vertical-align-center-clip-0">
+      <path d="M28 40v-40h72v40h-72zm0 6v40h72v-40h-72z"/>
+    </clipPath>
+    <clipPath id="iconic-size-md-vertical-align-center-clip-0">
+      <path d="M27 12v9h-22v-9h22zm0-3v-9h-22v9h22z"/>
+    </clipPath>
+    <clipPath id="iconic-size-sm-vertical-align-center-clip-0">
+      <path d="M1 4v-4h14v4h-14zm0 3v4h14v-4h-14z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="90" class="iconic-lg iconic-container" display="inline" transform="translate(0 19)">
+    <g class="iconic-vertical-align-top">
+      <path d="M98.5 74h-17c-.8 0-1.5-.7-1.5-1.5v-67c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v67c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-3 iconic-property-fill"/>
+      <path d="M72.5 54h-17c-.8 0-1.5-.7-1.5-1.5v-47c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v47c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-2 iconic-property-fill"/>
+      <path d="M46.5 90h-17c-.8 0-1.5-.7-1.5-1.5v-83c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v83c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-vertical-align-top-alignment-line iconic-property-accent iconic-property-stroke" d="M0 1h128" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-center" display="none">
+      <path clip-path="url(#iconic-size-lg-vertical-align-center-clip-0)" d="M98.5 78h-17c-.8 0-1.5-.7-1.5-1.5v-67c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v67c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-3 iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-lg-vertical-align-center-clip-0)" d="M72.5 68h-17c-.8 0-1.5-.7-1.5-1.5v-47c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v47c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-2 iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-lg-vertical-align-center-clip-0)" d="M46.5 86h-17c-.8 0-1.5-.7-1.5-1.5v-83c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v83c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-vertical-align-center-alignment-line iconic-property-accent iconic-property-stroke" d="M0 43h128" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-bottom" display="none">
+      <path d="M98.5 86h-17c-.8 0-1.5-.7-1.5-1.5v-67c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v67c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-3 iconic-property-fill"/>
+      <path d="M72.5 86h-17c-.8 0-1.5-.7-1.5-1.5v-47c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v47c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-2 iconic-property-fill"/>
+      <path d="M46.5 86h-17c-.8 0-1.5-.7-1.5-1.5v-83c0-.8.7-1.5 1.5-1.5h17c.8 0 1.5.7 1.5 1.5v83c0 .8-.7 1.5-1.5 1.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-miterlimit="10" class="iconic-vertical-align-bottom-alignment-line iconic-property-accent iconic-property-stroke" d="M0 89h128" fill="none"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="23" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 4)">
+    <g class="iconic-vertical-align-top">
+      <path d="M26.5 19h-5c-.3 0-.5-.2-.5-.5v-16c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v16c0 .3-.2.5-.5.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-3 iconic-property-fill"/>
+      <path d="M18.5 15h-5c-.3 0-.5-.2-.5-.5v-12c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-2 iconic-property-fill"/>
+      <path d="M10.5 23h-5c-.3 0-.5-.2-.5-.5v-20c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v20c0 .3-.2.5-.5.5z" class="iconic-vertical-align-top-element iconic-vertical-align-top-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-top-alignment-line iconic-property-accent iconic-property-stroke" d="M0 .5h32" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-center" display="none">
+      <path clip-path="url(#iconic-size-md-vertical-align-center-clip-0)" d="M26.5 19h-5c-.3 0-.5-.2-.5-.5v-16c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v16c0 .3-.2.5-.5.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-3 iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-md-vertical-align-center-clip-0)" d="M18.5 17h-5c-.3 0-.5-.2-.5-.5v-12c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-2 iconic-property-fill"/>
+      <path clip-path="url(#iconic-size-md-vertical-align-center-clip-0)" d="M10.5 21h-5c-.3 0-.5-.2-.5-.5v-20c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v20c0 .3-.2.5-.5.5z" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-center-alignment-line iconic-property-accent iconic-property-stroke" d="M0 10.5h32" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-bottom" display="none">
+      <path d="M26.5 21h-5c-.3 0-.5-.2-.5-.5v-16c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v16c0 .3-.2.5-.5.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-3 iconic-property-fill"/>
+      <path d="M18.5 21h-5c-.3 0-.5-.2-.5-.5v-12c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-2 iconic-property-fill"/>
+      <path d="M10.5 21h-5c-.3 0-.5-.2-.5-.5v-20c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5v20c0 .3-.2.5-.5.5z" class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-1 iconic-property-fill"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-bottom-alignment-line iconic-property-accent iconic-property-stroke" d="M0 22.5h32" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="13" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-vertical-align-top">
+      <path class="iconic-vertical-align-top-element iconic-vertical-align-top-element-3 iconic-property-fill" d="M11 2h4v9h-4z"/>
+      <path class="iconic-vertical-align-top-element iconic-vertical-align-top-element-2 iconic-property-fill" d="M6 2h4v7h-4z"/>
+      <path class="iconic-vertical-align-top-element iconic-vertical-align-top-element-1 iconic-property-fill" d="M1 2h4v11h-4z"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-top-alignment-line iconic-property-accent iconic-property-stroke" d="M0 .5h16" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-center" display="none">
+      <path clip-path="url(#iconic-size-sm-vertical-align-center-clip-0)" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-3 iconic-property-fill" d="M11 1h4v9h-4z"/>
+      <path clip-path="url(#iconic-size-sm-vertical-align-center-clip-0)" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-2 iconic-property-fill" d="M6 2h4v7h-4z"/>
+      <path clip-path="url(#iconic-size-sm-vertical-align-center-clip-0)" class="iconic-vertical-align-center-element iconic-vertical-align-center-element-1 iconic-property-fill" d="M1 0h4v11h-4z"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-center-alignment-line iconic-property-stroke" d="M0 5.5h16" fill="none"/>
+    </g>
+    <g class="iconic-vertical-align-bottom" display="none">
+      <path class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-3 iconic-property-fill" d="M11 2h4v9h-4z"/>
+      <path class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-2 iconic-property-fill" d="M6 4h4v7h-4z"/>
+      <path class="iconic-vertical-align-bottom-element iconic-vertical-align-bottom-element-1 iconic-property-fill" d="M1 0h4v11h-4z"/>
+      <path stroke="#000" stroke-miterlimit="10" class="iconic-vertical-align-bottom-alignment-line iconic-property-accent iconic-property-stroke" d="M0 12.5h16" fill="none"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["vertical-align"]=iconicApis["vertical-align"]||function(t){var e=function(e){t.setAttribute("data-vertical-alignment",e);var i,r,n,a=t.querySelectorAll(".iconic-vertical-align-top"),c=t.querySelectorAll(".iconic-vertical-align-center"),o=t.querySelectorAll(".iconic-vertical-align-bottom");switch(i=r=n="none",e){case"center":i="inline";break;case"bottom":n="inline";break;default:r="inline"}for(var s=0;s<a.length;s++)a[s].setAttribute("display",r),c[s].setAttribute("display",i),o[s].setAttribute("display",n)},i=function(){var i=t.getAttribute("data-vertical-alignment");i&&e(i)};return{update:i,setVerticalAlignment:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/video.svg b/app/javascript/iconic/svg/smart/video.svg
new file mode 100755
index 0000000..bb5c495
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/video.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-video" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Video</title>
+  </g>
+  <g class="iconic-video-lg iconic-container iconic-lg" data-width="128" data-height="58" display="inline" transform="translate(0 35)">
+    <path class="iconic-video-lens iconic-video-lens-barrel iconic-property-fill" d="M90 16.083h18v28h-18z" />
+    <path class="iconic-video-lens iconic-video-lens-hood iconic-property-fill" d="M110 16.083l6-4.083h12l-.083 36-12 .083-5.917-4z" />
+    <path d="M85 58h-82c-1.657 0-3-1.343-3-3v-52c0-1.657 1.343-3 3-3h82c1.657 0 3 1.343 3 3v52c0 1.657-1.343 3-3 3z" class="iconic-video-body iconic-property-fill" />
+  </g>
+  <g class="iconic-video-md iconic-container iconic-md" data-width="32" data-height="18" display="none" transform="scale(4) translate(0 7)">
+    <path d="M23 18h-22c-.552 0-1-.448-1-1v-16c0-.552.448-1 1-1h22c.552 0 1 .448 1 1v16c0 .552-.448 1-1 1z" class="iconic-video-body iconic-property-fill" />
+    <path class="iconic-video-lens iconic-property-fill" d="M25 6l5-3h2v12h-2l-5-3z" />
+  </g>
+  <g class="iconic-video-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path d="M11.75 10h-11.5c-.138 0-.25-.112-.25-.25v-9.5c0-.138.112-.25.25-.25h11.5c.138 0 .25.112.25.25v9.5c0 .138-.112.25-.25.25z" class="iconic-video-body iconic-property-fill" />
+    <path class="iconic-video-lens iconic-property-fill" d="M12 4l3-2h1v6h-1l-3-2z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/volume.svg b/app/javascript/iconic/svg/smart/volume.svg
new file mode 100755
index 0000000..badb669
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/volume.svg
@@ -0,0 +1,89 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="volume" width="128" height="128" class="iconic iconic-volume" viewBox="0 0 128 128">
+  <g><title>Volume</title></g>
+  <g data-width="128" data-height="104" class="iconic-lg iconic-container" display="inline" transform="translate(0 12)">
+    <g class="iconic-volume-high">
+      <path d="M52.9 5l-31.8 28c-.6.5-1.8 1-2.6 1h-17c-.8 0-1.5.7-1.5 1.5v33c0 .8.7 1.5 1.5 1.5h17c.8 0 2 .4 2.6 1l31.8 28c.6.5 1.6 1 2.1 1s1-.7 1-1.5v-93c0-.8-.4-1.5-1-1.5s-1.5.4-2.1 1z" class="iconic-volume-high-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" d="M70.1 37.9c3.7 3.6 5.9 8.6 5.9 14.1s-2.2 10.5-5.9 14.1" class="iconic-volume-high-wave iconic-volume-high-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="8" d="M87.1 20.9c8 8 12.9 19 12.9 31.1s-4.9 23.2-12.9 31.1" class="iconic-volume-high-wave iconic-volume-high-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="8" d="M104.1 3.9c12.3 12.3 19.9 29.3 19.9 48.1s-7.6 35.8-19.9 48.1" class="iconic-volume-high-wave iconic-volume-high-wave-outer iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="104" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(12 16)">
+    <g class="iconic-volume-medium" display="none">
+      <path d="M52.9 1l-31.8 28c-.6.5-1.8 1-2.6 1h-17c-.8 0-1.5.7-1.5 1.5v33c0 .8.7 1.5 1.5 1.5h17c.8 0 2 .4 2.6 1l31.8 28c.6.5 1.6 1 2.1 1s1-.7 1-1.5v-93c0-.8-.4-1.5-1-1.5s-1.5.4-2.1 1z" class="iconic-volume-medium-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" d="M70.1 33.9c3.7 3.6 5.9 8.6 5.9 14.1s-2.2 10.5-5.9 14.1" class="iconic-volume-medium-wave iconic-volume-medium-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="8" d="M87.1 16.9c8 8 12.9 19 12.9 31.1s-4.9 23.2-12.9 31.1" class="iconic-volume-medium-wave iconic-volume-medium-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="80" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(24 16)">
+    <g class="iconic-volume-low" display="none">
+      <path d="M52.9 1l-31.8 28c-.6.5-1.8 1-2.6 1h-17c-.8 0-1.5.7-1.5 1.5v33c0 .8.7 1.5 1.5 1.5h17c.8 0 2 .4 2.6 1l31.8 28c.6.5 1.6 1 2.1 1s1-.7 1-1.5v-93c0-.8-.4-1.5-1-1.5s-1.5.4-2.1 1z" class="iconic-volume-low-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" d="M70.1 33.9c3.7 3.6 5.9 8.6 5.9 14.1s-2.2 10.5-5.9 14.1" class="iconic-volume-low-wave iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="104" data-height="96" class="iconic-lg iconic-container" display="inline" transform="translate(12 16)">
+    <g class="iconic-volume-off" display="none">
+      <path d="M52.9 1l-31.8 28c-.6.5-1.8 1-2.6 1h-17c-.8 0-1.5.7-1.5 1.5v33c0 .8.7 1.5 1.5 1.5h17c.8 0 2 .4 2.6 1l31.8 28c.6.5 1.6 1 2.1 1s1-.7 1-1.5v-93c0-.8-.4-1.5-1-1.5s-1.5.4-2.1 1z" class="iconic-volume-off-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="8" stroke-linejoin="round" class="iconic-volume-off-mute iconic-property-accent iconic-property-stroke" d="M100 32l-32 32m32 0l-32-32" fill="none"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="26" class="iconic-md iconic-container" display="none" transform="scale(4) translate(0 3)">
+    <g class="iconic-volume-high">
+      <path d="M12.6 1.3l-7.2 6.4c-.2.2-.6.3-.9.3h-4c-.3 0-.5.2-.5.5v9c0 .3.2.5.5.5h4c.3 0 .7.1.9.3l7.2 6.3c.2.2.6.3.9.3.3 0 .5-.2.5-.5v-23c0-.2-.2-.4-.5-.4s-.7.1-.9.3z" class="iconic-volume-high-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" d="M17.5 9.5c.9.9 1.5 2.2 1.5 3.5s-.6 2.6-1.5 3.5" class="iconic-volume-high-wave iconic-volume-high-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="2" d="M21.8 5.2c2 2 3.2 4.7 3.2 7.8s-1.2 5.8-3.2 7.8" class="iconic-volume-high-wave iconic-volume-high-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="2" d="M26 1c3.1 3.1 5 7.3 5 12s-1.9 8.9-5 12" class="iconic-volume-high-wave iconic-volume-high-wave-outer iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="26" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(3 4)">
+    <g class="iconic-volume-medium" display="none">
+      <path d="M12.6.3l-7.2 6.4c-.2.2-.6.3-.9.3h-4c-.3 0-.5.2-.5.5v9c0 .3.2.5.5.5h4c.3 0 .7.1.9.3l7.2 6.3c.2.2.6.3.9.3.3 0 .5-.2.5-.5v-23c0-.2-.2-.4-.5-.4s-.7.1-.9.3z" class="iconic-volume-medium-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" d="M17.5 8.5c.9.9 1.5 2.1 1.5 3.5s-.6 2.6-1.5 3.5" class="iconic-volume-medium-wave iconic-volume-medium-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="2" d="M21.8 4.2c2 2 3.2 4.7 3.2 7.8s-1.2 5.8-3.2 7.8" class="iconic-volume-medium-wave iconic-volume-medium-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="20" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(6 4)">
+    <g class="iconic-volume-low" display="none">
+      <path d="M12.6.3l-7.2 6.4c-.2.2-.6.3-.9.3h-4c-.3 0-.5.2-.5.5v9c0 .3.2.5.5.5h4c.3 0 .7.1.9.3l7.2 6.3c.2.2.6.3.9.3.3 0 .5-.2.5-.5v-23c0-.2-.2-.4-.5-.4s-.7.1-.9.3z" class="iconic-volume-low-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" d="M17.5 8.5c.9.9 1.5 2.1 1.5 3.5s-.6 2.6-1.5 3.5" class="iconic-volume-low-wave iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="28" data-height="24" class="iconic-md iconic-container" display="none" transform="scale(4) translate(2 4)">
+    <g class="iconic-volume-off" display="none">
+      <path d="M12.6.3l-7.2 6.4c-.2.2-.6.3-.9.3h-4c-.3 0-.5.2-.5.5v9c0 .3.2.5.5.5h4c.3 0 .7.1.9.3l7.2 6.3c.2.2.6.3.9.3.3 0 .5-.2.5-.5v-23c0-.2-.2-.4-.5-.4s-.7.1-.9.3z" class="iconic-volume-off-speaker iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linejoin="round" class="iconic-volume-off-mute iconic-property-accent iconic-property-stroke" d="M26.5 7.5l-8 8m8 0l-8-8" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="14" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 1)">
+    <g class="iconic-volume-high">
+      <path class="iconic-volume-high-speaker iconic-property-fill" d="M6 1l-3 3h-3v6h3l3 3h1v-12z"/>
+      <path stroke="#000" d="M8.8 5.2c.4.5.7 1.1.7 1.8s-.3 1.3-.7 1.8" class="iconic-volume-high-wave iconic-volume-high-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" d="M10.9 3.1c1 1 1.6 2.4 1.6 3.9s-.6 2.9-1.6 3.9" class="iconic-volume-high-wave iconic-volume-high-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" d="M13 1c1.5 1.5 2.5 3.7 2.5 6s-1 4.5-2.5 6" class="iconic-volume-high-wave iconic-volume-high-wave-outer iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="13" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(1 2)">
+    <g class="iconic-volume-medium" display="none">
+      <path class="iconic-volume-medium-speaker iconic-property-fill" d="M6 0l-3 3h-3v6h3l3 3h1v-12z"/>
+      <path stroke="#000" d="M8.8 4.2c.4.5.7 1.1.7 1.8s-.3 1.3-.7 1.8" class="iconic-volume-medium-wave iconic-volume-medium-wave-inner iconic-property-accent iconic-property-stroke" fill="none"/>
+      <path stroke="#000" d="M10.9 2.1c1 1 1.6 2.4 1.6 3.9s-.6 2.9-1.6 3.9" class="iconic-volume-medium-wave iconic-volume-medium-wave-middle iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="10" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(3 2)">
+    <g class="iconic-volume-low" display="none">
+      <path class="iconic-volume-low-speaker iconic-property-fill" d="M6 0l-3 3h-3v6h3l3 3h1v-12z"/>
+      <path stroke="#000" d="M8.8 4.2c.4.5.7 1.1.7 1.8s-.3 1.3-.7 1.8" class="iconic-volume-low-wave iconic-property-accent iconic-property-stroke" fill="none"/>
+    </g>
+  </g>
+  <g data-width="15" data-height="12" class="iconic-sm iconic-container" display="none" transform="scale(8) translate(0 2)">
+    <g class="iconic-volume-off" display="none">
+      <path class="iconic-volume-off-speaker iconic-property-fill" d="M6 0l-3 3h-3v6h3l3 3h1v-12z"/>
+      <path stroke="#000" stroke-linejoin="round" class="iconic-volume-off-mute iconic-property-accent iconic-property-stroke" d="M14.5 3.5l-5 5m5 0l-5-5" fill="none"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["volume"]=iconicApis["volume"]||function(t){var e=function(e){t.setAttribute("data-level",e);var i,r,n,a,c=t.querySelectorAll(".iconic-volume-high"),o=t.querySelectorAll(".iconic-volume-medium"),s=t.querySelectorAll(".iconic-volume-low"),l=t.querySelectorAll(".iconic-volume-off");switch(i=r=n=a="none",e){case"medium":r="inline";break;case"low":n="inline";break;case"off":a="inline";break;default:i="inline"}for(var u=0;u<c.length;u++)c[u].setAttribute("display",i),o[u].setAttribute("display",r),s[u].setAttribute("display",n),l[u].setAttribute("display",a)},i=function(){var i=t.getAttribute("data-level");i&&e(i)};return{update:i,setLevel:e}};
+//]]>
+</script>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/warning.svg b/app/javascript/iconic/svg/smart/warning.svg
new file mode 100755
index 0000000..11c0a0e
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/warning.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-warning" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Warning</title>
+  </g>
+  <defs>
+    <clipPath id="iconic-size-lg-warning-clip-0">
+      <path d="M0 0v118h128v-118h-128zm64 98c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm4-29.833l-2 13.833h-4l-2-13.917v-18.083h8v18.167z" />
+    </clipPath>
+    <clipPath id="iconic-size-md-warning-clip-0">
+      <path d="M0 0v30h31v-30h-31zm15.5 26c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm1.5-10l-1 5h-1l-1-5v-6h3v6z" />
+    </clipPath>
+    <clipPath id="iconic-size-sm-warning-clip-0">
+      <path d="M0 0v16h16v-16h-16zm8 14c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1zm1-5l-1 1-1-1v-4h2v4z" />
+    </clipPath>
+  </defs>
+  <g class="iconic-warning-lg iconic-container iconic-lg" data-width="128" data-height="118" display="inline" transform="translate(0 5)">
+    <path d="M.715 116.681l62.57-115.363c.395-.728 1.035-.728 1.43 0l62.57 115.363c.395.728.044 1.319-.785 1.319h-125c-.828 0-1.18-.59-.785-1.319z" clip-path="url(#iconic-size-lg-warning-clip-0)" class="iconic-warning-body iconic-property-fill" />
+  </g>
+  <g class="iconic-warning-md iconic-container iconic-md" data-width="31" data-height="30" display="none" transform="scale(4) translate(0 1)">
+    <path d="M.23 29.556l15.041-29.112c.127-.245.332-.245.459 0l15.041 29.112c.127.245.006.444-.27.444h-30c-.276 0-.397-.199-.27-.444z" clip-path="url(#iconic-size-md-warning-clip-0)" class="iconic-warning-body iconic-property-fill" />
+  </g>
+  <g class="iconic-warning-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M0 15.75v-1.5c0-.138.05-.35.112-.474l6.776-13.553c.062-.123.224-.224.362-.224h1.5c.138 0 .3.1.362.224l6.776 13.553c.062.124.112.336.112.474v1.5c0 .138-.112.25-.25.25h-15.5c-.138 0-.25-.112-.25-.25z" clip-path="url(#iconic-size-sm-warning-clip-0)"
+    class="iconic-warning-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/weight.svg b/app/javascript/iconic/svg/smart/weight.svg
new file mode 100755
index 0000000..5f6e6a9
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/weight.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-weight" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Weight</title>
+  </g>
+  <g class="iconic-weight-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path class="iconic-weight-handle iconic-weight-handle-neck iconic-property-fill" d="M60 31.5h8v6h-8z" />
+    <circle stroke="#000" stroke-width="4" cx="64" cy="17" r="15" class="iconic-weight-handle iconic-weight-handle-ring iconic-property-stroke" fill="none" />
+    <path d="M31.507 37.417l-31.014 89.167c-.272.782.179 1.417 1.007 1.417h125c.828 0 1.279-.634 1.007-1.417l-31.014-89.167c-.272-.782-1.164-1.417-1.993-1.417h-61c-.828 0-1.721.634-1.993 1.417z" class="iconic-weight-body iconic-property-fill" />
+  </g>
+  <g class="iconic-weight-md iconic-container iconic-md" data-width="31" data-height="32" display="none" transform="scale(4)">
+    <path class="iconic-weight-handle iconic-weight-handle-neck iconic-property-fill" d="M14 8.5h3v2h-3z" />
+    <circle stroke="#000" cx="15.5" cy="4.5" r="4" class="iconic-weight-handle iconic-weight-handle-ring iconic-property-stroke" fill="none" />
+    <path d="M7.836 9.472l-7.671 22.056c-.091.261.06.472.336.472h30c.276 0 .426-.211.336-.472l-7.671-22.056c-.091-.261-.388-.472-.664-.472h-14c-.276 0-.574.211-.664.472z" class="iconic-weight-body iconic-property-fill" />
+  </g>
+  <g class="iconic-weight-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path class="iconic-weight-handle iconic-weight-handle-neck iconic-property-fill" d="M7 5h1.958v1h-1.958z" />
+    <circle stroke="#000" cx="8" cy="3" r="2.5" class="iconic-weight-handle iconic-weight-handle-ring iconic-property-stroke" fill="none" />
+    <path d="M3.907 6.232l-3.814 9.536c-.051.128.019.232.157.232h15.5c.138 0 .208-.104.157-.232l-3.814-9.536c-.051-.128-.205-.232-.343-.232h-7.5c-.138 0-.292.104-.343.232z" class="iconic-weight-body iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/wifi.svg b/app/javascript/iconic/svg/smart/wifi.svg
new file mode 100755
index 0000000..7d5c748
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/wifi.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-wifi" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Wifi</title>
+  </g>
+  <g class="iconic-wifi-lg iconic-container iconic-lg" data-width="128" data-height="88" display="inline" transform="translate(0 20)">
+    <path d="M52.686 76.686c2.895-2.895 6.895-4.686 11.314-4.686s8.418 1.791 11.314 4.686l-11.314 11.314-11.314-11.314z" class="iconic-wifi-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="8" d="M38.544 62.544c6.515-6.515 15.515-10.544 25.456-10.544s18.941 4.029 25.456 10.544" class="iconic-wifi-wave iconic-wifi-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" d="M21.574 45.574c10.858-10.858 25.858-17.574 42.426-17.574s31.569 6.716 42.426 17.574" class="iconic-wifi-wave iconic-wifi-wave-middle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="8" d="M4.603 28.603c15.201-15.201 36.201-24.603 59.397-24.603s44.196 9.402 59.397 24.603" class="iconic-wifi-wave iconic-wifi-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-wifi-md iconic-container iconic-md" data-width="32" data-height="22" display="none" transform="scale(4) translate(0 5)">
+    <path d="M13.172 19.172c.724-.724 1.724-1.172 2.828-1.172s2.105.448 2.828 1.172l-2.828 2.828-2.828-2.828z" class="iconic-wifi-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="3" d="M10 16c1.538-1.538 3.653-2.5 6-2.5s4.462.962 6 2.5" class="iconic-wifi-wave iconic-wifi-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M5.4 11.75c2.714-2.624 6.458-4.25 10.6-4.25s7.886 1.626 10.6 4.25" class="iconic-wifi-wave iconic-wifi-wave-middle iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="3" d="M1 7.5c3.838-3.71 9.144-6 15-6s11.162 2.29 15 6" class="iconic-wifi-wave iconic-wifi-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+  <g class="iconic-wifi-sm iconic-container iconic-sm" data-width="16" data-height="10" display="none" transform="scale(8) translate(0 3)">
+    <path d="M6.586 8.586c.362-.362.862-.586 1.414-.586s1.052.224 1.414.586l-1.414 1.414-1.414-1.414z" class="iconic-wifi-center iconic-property-accent iconic-property-fill" />
+    <path stroke="#000" stroke-width="2" d="M4.465 6.465c.905-.905 2.155-1.465 3.535-1.465s2.631.56 3.535 1.464" class="iconic-wifi-wave iconic-wifi-wave-inner iconic-property-stroke" fill="none" />
+    <path stroke="#000" stroke-width="2" d="M1.636 3.636c1.629-1.629 3.879-2.636 6.364-2.636s4.735 1.007 6.364 2.636" class="iconic-wifi-wave iconic-wifi-wave-outer iconic-property-stroke" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/wrench.svg b/app/javascript/iconic/svg/smart/wrench.svg
new file mode 100755
index 0000000..b68e746
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/wrench.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-wrench" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Wrench</title>
+  </g>
+  <g class="iconic-wrench-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path d="M127.575 20.425l-9.575 9.575h-20v-20l9.575-9.575c-1.484-.275-3.011-.425-4.575-.425-13.48 0-24.487 10.646-25 24 0 8.836-3.582 16.837-9.373 22.627l-65.991 66.009c-3.515 3.515-3.515 9.213 0 12.727 1.757 1.757 4.061 2.636 6.364 2.636s4.606-.879 6.364-2.636l66.009-65.991c5.791-5.791 13.791-9.373 22.627-9.373 13.354-.513 24-11.52 24-25 0-1.563-.151-3.091-.425-4.575zm-118.575 103.575c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-wrench-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path d="M31.677 5.323l-3.677 3.677h-5v-5l3.677-3.677c-.689-.209-1.419-.323-2.177-.323-4.142 0-7.5 3.358-7.5 7.5 0 2.168-.879 4.079-2.3 5.5l-13.821 13.879c-1.172 1.171-1.172 3.071 0 4.242.586.586 1.354.879 2.121.879s1.536-.293 2.121-.879l13.879-13.825v.004c1.421-1.421 3.332-2.3 5.5-2.3 4.142 0 7.5-3.358 7.5-7.5 0-.757-.115-1.487-.323-2.177zm-28.677 25.177c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z"
+    class="iconic-property-fill" />
+  </g>
+  <g class="iconic-wrench-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path d="M15.892 3.108l-1.892 1.892h-3v-3l1.892-1.892c-.288-.066-.584-.108-.892-.108-2.209 0-4 1.791-4 4 0 .764-.305 1.454-.794 1.966l-6.62 6.62c-.781.781-.781 2.047 0 2.828.39.391.902.586 1.414.586s1.024-.195 1.414-.586l6.62-6.62c.512-.489 1.202-.794 1.966-.794 2.209 0 4-1.791 4-4 0-.308-.042-.604-.108-.892zm-13.892 11.892c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1-.448 1-1 1z"
+    class="iconic-property-fill" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/x-thin.svg b/app/javascript/iconic/svg/smart/x-thin.svg
new file mode 100755
index 0000000..4b172f2
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/x-thin.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-x-thin" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>X Thin</title>
+  </g>
+  <g class="iconic-x-thin-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="8" stroke-linecap="square" class="iconic-property-stroke" d="M7 7l114 114m0-114l-114 114" fill="none" />
+  </g>
+  <g class="iconic-x-thin-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="3" stroke-linecap="square" class="iconic-property-stroke" d="M2.5 2.5l27 27m0-27l-27 27" fill="none" />
+  </g>
+  <g class="iconic-x-thin-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="2" stroke-linecap="square" class="iconic-property-stroke" d="M2 2l12 12m0-12l-12 12" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/x.svg b/app/javascript/iconic/svg/smart/x.svg
new file mode 100755
index 0000000..5880ad0
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/x.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-x" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>X</title>
+  </g>
+  <g class="iconic-x-lg iconic-container iconic-lg" data-width="128" data-height="128" display="inline">
+    <path stroke="#000" stroke-width="16" stroke-linecap="square" class="iconic-property-stroke" d="M13 13l102 102m0-102l-102 102" fill="none" />
+  </g>
+  <g class="iconic-x-md iconic-container iconic-md" data-width="32" data-height="32" display="none" transform="scale(4)">
+    <path stroke="#000" stroke-width="6" stroke-linecap="square" class="iconic-property-stroke" d="M4.5 4.5l23 23m0-23l-23 23" fill="none" />
+  </g>
+  <g class="iconic-x-sm iconic-container iconic-sm" data-width="16" data-height="16" display="none" transform="scale(8)">
+    <path stroke="#000" stroke-width="4" stroke-linecap="square" class="iconic-property-stroke" d="M3 3l10 10m0-10l-10 10" fill="none" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/yen.svg b/app/javascript/iconic/svg/smart/yen.svg
new file mode 100755
index 0000000..ab6c09d
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/yen.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="iconic iconic-yen" width="128" height="128" viewBox="0 0 128 128">
+  <g class="iconic-metadata">
+    <title>Yen</title>
+  </g>
+  <g class="iconic-yen-lg iconic-container iconic-lg" data-width="100" data-height="128" display="inline" transform="translate(14)">
+    <path stroke="#000" stroke-width="8" class="iconic-yen-strike iconic-yen-strike-bottom iconic-property-accent iconic-property-stroke" d="M2 78h96" fill="none" />
+    <path stroke="#000" stroke-width="8" class="iconic-yen-strike iconic-yen-strike-top iconic-property-accent iconic-property-stroke" d="M2 62h96" fill="none" />
+    <path class="iconic-yen-y iconic-property-fill" d="M0 0l44 64v64h12v-64l44-64h-12l-38 56-38-56z" />
+  </g>
+  <g class="iconic-yen-md iconic-container iconic-md" data-width="26" data-height="32" display="none" transform="scale(4) translate(3)">
+    <path stroke="#000" stroke-width="3" class="iconic-yen-strike iconic-yen-strike-bottom iconic-property-accent iconic-property-stroke" d="M0 20.5h26" />
+    <path stroke="#000" stroke-width="3" class="iconic-yen-strike iconic-yen-strike-top iconic-property-accent iconic-property-stroke" d="M0 14.5h26" />
+    <path class="iconic-yen-y iconic-property-fill" d="M0 0l11 16v16h4v-16l11-16h-4l-9 13-9-13z" />
+  </g>
+  <g class="iconic-yen-sm iconic-container iconic-sm" data-width="12" data-height="16" display="none" transform="scale(8) translate(2)">
+    <path stroke="#000" stroke-width="2" class="iconic-yen-strike iconic-yen-strike-bottom iconic-property-accent iconic-property-stroke" d="M0 12h12" fill="none" />
+    <path stroke="#000" stroke-width="2" class="iconic-yen-strike iconic-yen-strike-top iconic-property-accent iconic-property-stroke" d="M0 8h12" fill="none" />
+    <path class="iconic-yen-y iconic-property-fill" d="M0 0l5 8v8h2v-8l5-8h-2l-4 6.5-4-6.5z" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/app/javascript/iconic/svg/smart/zoom.svg b/app/javascript/iconic/svg/smart/zoom.svg
new file mode 100755
index 0000000..af1fbee
--- /dev/null
+++ b/app/javascript/iconic/svg/smart/zoom.svg
@@ -0,0 +1,56 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" data-icon="zoom" width="128" height="128" class="iconic iconic-zoom" viewBox="0 0 128 128">
+  <g><title>Zoom</title></g>
+  <defs>
+    <clipPath id="iconic-size-lg-zoom-in-clip-0">
+      <path d="M95.7 83.7l-6.7 6.7-1.4-1.4 6.7-6.7-4.3-4.3-12 12 38 38 12-12z"/>
+    </clipPath>
+    <clipPath id="iconic-size-lg-zoom-out-clip-0">
+      <path d="M95.7 83.7l-6.7 6.7-1.4-1.4 6.7-6.7-4.3-4.3-12 12 38 38 12-12z"/>
+    </clipPath>
+  </defs>
+  <g data-width="128" data-height="128" class="iconic-lg iconic-container" display="inline">
+    <g class="iconic-zoom-in">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-zoom-in-handle iconic-zoom-in-handle-connector iconic-property-stroke" d="M85 85l-7.9-7.9" fill="none"/>
+      <path d="M126.9 117.1l-9.9 9.9c-.6.6-1.5.6-2.1 0l-35.8-35.9c-.6-.6-.6-1.5 0-2.1l9.9-9.9c.6-.6 1.5-.6 2.1 0l35.9 35.9c.5.5.5 1.5-.1 2.1z" clip-path="url(#iconic-size-lg-zoom-in-clip-0)" class="iconic-zoom-in-handle iconic-property-fill"/>
+      <circle stroke="#000" stroke-width="8" stroke-miterlimit="10" cx="46" cy="46" r="42" class="iconic-zoom-in-rim iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M46 34v24m12-12h-24" fill="none"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path stroke="#000" stroke-width="8" stroke-miterlimit="10" class="iconic-zoom-out-handle iconic-zoom-out-handle-connector iconic-property-stroke" d="M85 85l-7.9-7.9" fill="none"/>
+      <path d="M126.9 117.1l-9.9 9.9c-.6.6-1.5.6-2.1 0l-35.8-35.9c-.6-.6-.6-1.5 0-2.1l9.9-9.9c.6-.6 1.5-.6 2.1 0l35.9 35.9c.5.5.5 1.5-.1 2.1z" clip-path="url(#iconic-size-lg-zoom-out-clip-0)" class="iconic-zoom-out-handle iconic-property-fill"/>
+      <circle stroke="#000" stroke-width="8" stroke-miterlimit="10" cx="46" cy="46" r="42" class="iconic-zoom-out-rim iconic-property-stroke" fill="none"/>
+      <path stroke="#000" stroke-width="4" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M58 46h-24" fill="none"/>
+    </g>
+  </g>
+  <g data-width="32" data-height="32" class="iconic-md iconic-container" display="none" transform="scale(4)">
+    <g class="iconic-zoom-in">
+      <path fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-zoom-in-handle iconic-zoom-in-handle-connector iconic-property-stroke" d="M19.5 19.6l9.4 9.4"/>
+      <circle stroke="#000" stroke-width="3" stroke-miterlimit="10" cx="12" cy="12" r="10.5" class="iconic-zoom-in-rim iconic-property-stroke" fill="none"/>
+      <path d="M23.6 20.4l-3.3 3.3c-.2.2-.2.5 0 .7l7.3 7.3c.2.2.5.2.7 0l3.3-3.3c.2-.2.2-.5 0-.7l-7.3-7.3c-.1-.2-.5-.2-.7 0z" class="iconic-zoom-in-handle iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M12 8v8m4-4h-8" fill="none"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path fill="none" stroke="#000" stroke-width="3" stroke-miterlimit="10" class="iconic-zoom-out-handle iconic-zoom-out-handle-connector iconic-property-stroke" d="M19.5 19.6l9.4 9.4"/>
+      <circle stroke="#000" stroke-width="3" stroke-miterlimit="10" cx="12" cy="12" r="10.5" class="iconic-zoom-out-rim iconic-property-stroke" fill="none"/>
+      <path d="M23.6 20.4l-3.3 3.3c-.2.2-.2.5 0 .7l7.3 7.3c.2.2.5.2.7 0l3.3-3.3c.2-.2.2-.5 0-.7l-7.3-7.3c-.1-.2-.5-.2-.7 0z" class="iconic-zoom-out-handle iconic-property-fill"/>
+      <path stroke="#000" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M16 12h-8" fill="none"/>
+    </g>
+  </g>
+  <g data-width="16" data-height="16" class="iconic-sm iconic-container" display="none" transform="scale(8)" stroke="#000" stroke-miterlimit="10" fill="none">
+    <g class="iconic-zoom-in">
+      <path stroke-width="3" stroke-linecap="round" class="iconic-zoom-in-handle iconic-property-stroke" d="M11 11l3.5 3.5"/>
+      <circle stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-zoom-in-rim iconic-property-stroke"/>
+      <path stroke-linecap="square" class="iconic-zoom-in-plus iconic-property-accent iconic-property-stroke" d="M6.5 4.5v4m2-2h-4"/>
+    </g>
+    <g class="iconic-zoom-out" display="none">
+      <path stroke-width="3" stroke-linecap="round" class="iconic-zoom-out-handle iconic-property-stroke" d="M11 11l3.5 3.5"/>
+      <circle stroke-width="2" cx="6.5" cy="6.5" r="5.5" class="iconic-zoom-out-rim iconic-property-stroke"/>
+      <path stroke-linecap="square" class="iconic-zoom-out-minus iconic-property-accent iconic-property-stroke" d="M8.5 6.5h-4"/>
+    </g>
+  </g>
+<script class="iconic-api" type="application/ecmascript">
+//<![CDATA[
+var iconicApis=window._Iconic?window._Iconic.smartIconApis:{};iconicApis["zoom"]=iconicApis["zoom"]||function(t){var e=function(e){t.setAttribute("data-state",e);var i,r,n=t.querySelectorAll(".iconic-zoom-in"),a=t.querySelectorAll(".iconic-zoom-out");i=r="none","out"===e?r="inline":i="inline";for(var c=0;c<n.length;c++)n[c].setAttribute("display",i),a[c].setAttribute("display",r)},i=function(){var i=t.getAttribute("data-state");i&&e(i)};return{update:i,setState:e}};
+//]]>
+</script>
+</svg>
diff --git a/app/javascript/styles/_iconic.scss b/app/javascript/styles/_iconic.scss
new file mode 100644
index 0000000..984e94c
--- /dev/null
+++ b/app/javascript/styles/_iconic.scss
@@ -0,0 +1,25 @@
+@mixin iconic-color($color) {
+  fill: $color;
+  stroke: $color;
+}
+
+/* Hide all icons that are waiting to be injected */
+img.iconic {
+  display: none;
+}
+
+/* Make sure filled and text elements only get fills */
+.iconic-property-fill, .iconic-property-text {
+  stroke: none !important;
+}
+
+/* Make sure stroked elements only get strokes */
+.iconic-property-stroke {
+  fill: none !important;
+}
+
+
+/* Theme-specific rules */
+.iconic * {
+  @include iconic-color(currentColor);
+}
\ No newline at end of file
diff --git a/app/javascript/styles/index.scss b/app/javascript/styles/index.scss
index 14a9556..f49c5e4 100644
--- a/app/javascript/styles/index.scss
+++ b/app/javascript/styles/index.scss
@@ -14,6 +14,7 @@
 
 @import "./responsive_controls";
 @import "./wide_modal";
+@import "./iconic";
 
 html {
   height: 100%;
diff --git a/config/webpack/environment.js b/config/webpack/environment.js
index 841c7df..0c8488d 100644
--- a/config/webpack/environment.js
+++ b/config/webpack/environment.js
@@ -3,9 +3,9 @@ const vue =  require('./loaders/vue');
 const svg =  require('./loaders/svg');
 
 environment.loaders.append('vue', vue);
-environment.loaders.append('svg', svg);
+//environment.loaders.append('svg', svg);
 
-const fileLoader = environment.loaders.get('file');
-fileLoader.exclude = /\.(svg)$/i;
+//const fileLoader = environment.loaders.get('file');
+//fileLoader.exclude = /\.(svg)$/i;
 
 module.exports = environment;
diff --git a/package.json b/package.json
index 826bd8d..0bc8022 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,6 @@
     "caniuse-lite": "^1.0.30000815",
     "css-loader": "^0.28.11",
     "lodash": "^4.17.5",
-    "open-iconic": "^1.1.1",
     "svg-loader": "^0.0.2",
     "vue": "^2.5.16",
     "vue-loader": "^14.2.2",
diff --git a/yarn.lock b/yarn.lock
index 8ff5715..5bedfae 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3776,10 +3776,6 @@ onecolor@^3.0.4:
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/onecolor/-/onecolor-3.0.5.tgz#36eff32201379efdf1180fb445e51a8e2425f9f6"
 
-open-iconic@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/open-iconic/-/open-iconic-1.1.1.tgz#9dcfc8c7cd3c61cdb4a236b1a347894c97adc0c6"
-
 opn@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.3.0.tgz#64871565c863875f052cfdf53d3e3cb5adb53b1c"

From 41117e2e7f5d72f0e5d9f46fb0ec3fce7e0824fc Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Wed, 5 Sep 2018 11:00:35 -0500
Subject: [PATCH 05/10] icon

---
 Gemfile                                       |  2 +-
 Gemfile.lock                                  | 92 +++++++++----------
 app/controllers/task_lists_controller.rb      |  2 +-
 app/javascript/components/AppIcon.vue         | 47 +++-------
 app/javascript/components/TheTaskListList.vue | 24 ++++-
 5 files changed, 84 insertions(+), 83 deletions(-)

diff --git a/Gemfile b/Gemfile
index 3773a2b..052cdc5 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
-gem 'rails', '5.2.0'
+gem 'rails', '5.2.1'
 gem 'pg', '~> 1.0.0'
 
 gem 'webpacker', '3.5.3'
diff --git a/Gemfile.lock b/Gemfile.lock
index 5c9b1d9..31ba591 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,50 +1,50 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (5.2.0)
-      actionpack (= 5.2.0)
+    actioncable (5.2.1)
+      actionpack (= 5.2.1)
       nio4r (~> 2.0)
       websocket-driver (>= 0.6.1)
-    actionmailer (5.2.0)
-      actionpack (= 5.2.0)
-      actionview (= 5.2.0)
-      activejob (= 5.2.0)
+    actionmailer (5.2.1)
+      actionpack (= 5.2.1)
+      actionview (= 5.2.1)
+      activejob (= 5.2.1)
       mail (~> 2.5, >= 2.5.4)
       rails-dom-testing (~> 2.0)
-    actionpack (5.2.0)
-      actionview (= 5.2.0)
-      activesupport (= 5.2.0)
+    actionpack (5.2.1)
+      actionview (= 5.2.1)
+      activesupport (= 5.2.1)
       rack (~> 2.0)
       rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    actionview (5.2.0)
-      activesupport (= 5.2.0)
+    actionview (5.2.1)
+      activesupport (= 5.2.1)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.3)
-    activejob (5.2.0)
-      activesupport (= 5.2.0)
+    activejob (5.2.1)
+      activesupport (= 5.2.1)
       globalid (>= 0.3.6)
-    activemodel (5.2.0)
-      activesupport (= 5.2.0)
-    activerecord (5.2.0)
-      activemodel (= 5.2.0)
-      activesupport (= 5.2.0)
+    activemodel (5.2.1)
+      activesupport (= 5.2.1)
+    activerecord (5.2.1)
+      activemodel (= 5.2.1)
+      activesupport (= 5.2.1)
       arel (>= 9.0)
-    activestorage (5.2.0)
-      actionpack (= 5.2.0)
-      activerecord (= 5.2.0)
+    activestorage (5.2.1)
+      actionpack (= 5.2.1)
+      activerecord (= 5.2.1)
       marcel (~> 0.3.1)
-    activesupport (5.2.0)
+    activesupport (5.2.1)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
     arel (9.0.0)
     bcrypt (3.1.12)
-    bootsnap (1.3.0)
+    bootsnap (1.3.1)
       msgpack (~> 1.0)
     builder (3.2.3)
     coderay (1.1.2)
@@ -77,7 +77,7 @@ GEM
       guard (~> 2.1)
       guard-compat (~> 1.1)
       rspec (>= 2.99.0, < 4.0)
-    i18n (1.0.1)
+    i18n (1.1.0)
       concurrent-ruby (~> 1.0)
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
@@ -111,42 +111,42 @@ GEM
       thread_safe (~> 0.3, >= 0.3.1)
     method_source (0.9.0)
     mimemagic (0.3.2)
-    mini_mime (1.0.0)
+    mini_mime (1.0.1)
     mini_portile2 (2.3.0)
     minitest (5.11.3)
     msgpack (1.2.4)
     multi_json (1.13.1)
     nenv (0.3.0)
     nio4r (2.3.1)
-    nokogiri (1.8.2)
+    nokogiri (1.8.4)
       mini_portile2 (~> 2.3.0)
     notiffany (0.1.1)
       nenv (~> 0.1)
       shellany (~> 0.0)
-    oj (3.6.2)
+    oj (3.6.7)
     parslet (1.8.2)
     pg (1.0.0)
     pry (0.11.3)
       coderay (~> 1.1.0)
       method_source (~> 0.9.0)
-    puma (3.11.4)
+    puma (3.12.0)
     rack (2.0.5)
     rack-proxy (0.6.4)
       rack
-    rack-test (1.0.0)
+    rack-test (1.1.0)
       rack (>= 1.0, < 3)
-    rails (5.2.0)
-      actioncable (= 5.2.0)
-      actionmailer (= 5.2.0)
-      actionpack (= 5.2.0)
-      actionview (= 5.2.0)
-      activejob (= 5.2.0)
-      activemodel (= 5.2.0)
-      activerecord (= 5.2.0)
-      activestorage (= 5.2.0)
-      activesupport (= 5.2.0)
+    rails (5.2.1)
+      actioncable (= 5.2.1)
+      actionmailer (= 5.2.1)
+      actionpack (= 5.2.1)
+      actionview (= 5.2.1)
+      activejob (= 5.2.1)
+      activemodel (= 5.2.1)
+      activerecord (= 5.2.1)
+      activestorage (= 5.2.1)
+      activesupport (= 5.2.1)
       bundler (>= 1.3.0)
-      railties (= 5.2.0)
+      railties (= 5.2.1)
       sprockets-rails (>= 2.0.0)
     rails-controller-testing (1.0.2)
       actionpack (~> 5.x, >= 5.0.1)
@@ -157,12 +157,12 @@ GEM
       nokogiri (>= 1.6)
     rails-html-sanitizer (1.0.4)
       loofah (~> 2.2, >= 2.2.2)
-    railties (5.2.0)
-      actionpack (= 5.2.0)
-      activesupport (= 5.2.0)
+    railties (5.2.1)
+      actionpack (= 5.2.1)
+      activesupport (= 5.2.1)
       method_source
       rake (>= 0.8.7)
-      thor (>= 0.18.1, < 2.0)
+      thor (>= 0.19.0, < 2.0)
     rake (12.3.1)
     rb-fsevent (0.10.3)
     rb-inotify (0.9.10)
@@ -192,7 +192,7 @@ GEM
     ruby_dep (1.5.0)
     shellany (0.0.1)
     signed_multiset (0.2.1)
-    sprockets (3.7.1)
+    sprockets (3.7.2)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
     sprockets-rails (3.2.1)
@@ -235,7 +235,7 @@ DEPENDENCIES
   oj (~> 3.6.2)
   pg (~> 1.0.0)
   puma (~> 3.11)
-  rails (= 5.2.0)
+  rails (= 5.2.1)
   rails-controller-testing
   redcarpet (~> 3.4.0)
   rspec-rails (~> 3.7.2)
diff --git a/app/controllers/task_lists_controller.rb b/app/controllers/task_lists_controller.rb
index 696d1dc..54086dd 100644
--- a/app/controllers/task_lists_controller.rb
+++ b/app/controllers/task_lists_controller.rb
@@ -4,7 +4,7 @@ class TaskListsController < ApplicationController
   before_action :set_task_list, only: [:show, :update, :destroy]
 
   def index
-    @task_lists = TaskList.for_user(current_user)
+    @task_lists = TaskList.for_user(current_user).order(created_at: :desc)
   end
 
   def show
diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index 2719458..d78478a 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <span class="icon" :class="sizeClass" @click="$emit('click', $event)" :style="{padding: wrapperPadding}">
-    <img ref="img" :class="['iconic', 'iconic-fluid', size]" :data-src="iconUrl" v-bind="extraIconAttributes" />
+  <span class="icon" :class="sizeClass" @click="$emit('click', $event)">
+    <img ref="img" :class="['iconic', 'iconic-fluid', size]" :data-src="iconUrl" v-bind="extraIconAttributes" :style="{padding: svgPadding}" />
   </span>
 </template>
 
@@ -33,7 +33,7 @@
   class SizeData {
     constructor(bulmaIconClass, defaultPadding) {
       this.bulmaIconClass = bulmaIconClass;
-      this.defaultPadding = defaultPadding;
+      this.defaultPadding = defaultPadding || null;
     }
   }
   
@@ -54,10 +54,10 @@
   };
 
   const sizeMap = {
-    sm: new SizeData('is-small', '2px'),
-    md: new SizeData('', '3px'),
-    lg: new SizeData('is-medium', '4px'),
-    xl: new SizeData('is-large', '5px')
+    sm: new SizeData('is-small'),
+    md: new SizeData(''),
+    lg: new SizeData('is-medium'),
+    xl: new SizeData('is-large')
   };
 
   export default {
@@ -89,6 +89,10 @@
         return iconMap[this.icon];
       },
 
+      sizeData() {
+        return sizeMap[this.size];
+      },
+
       iconUrl() {
         return this.iconData.url;
       },
@@ -103,11 +107,11 @@
       },
 
       sizeClass() {
-        return sizeMap[this.size].bulmaIconClass;
+        return this.sizeData.bulmaIconClass;
       },
 
-      wrapperPadding() {
-        return this.padding || sizeMap[this.size].defaultPadding;
+      svgPadding() {
+        return this.padding || this.sizeData.defaultPadding || "15%";
       }
     },
 
@@ -130,29 +134,6 @@
 
 <style lang="scss" scoped>
 
-  .icon /deep/ svg {
-    /*width: 100%;*/
-    /*height: 100%;*/
 
-    /*&.sm {*/
-      /*width: 0.75em;*/
-      /*height: 0.75em;*/
-    /*}*/
-
-    /*&.md {*/
-      /*width: 1em;*/
-      /*height: 1em;*/
-    /*}*/
-
-    /*&.lg {*/
-      /*width: 1.33em;*/
-      /*height: 1.33em;*/
-    /*}*/
-
-    /*&.xl {*/
-      /*width: 2em;*/
-      /*height: 2em;*/
-    /*}*/
-  }
 
 </style>
\ No newline at end of file
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index 2c09408..3446475 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -2,8 +2,17 @@
   <div>
     <h1>Tasks</h1>
 
+    <app-modal :open="listToDelete !== null" :title="'Delete ' + (listToDelete !== null ? listToDelete.name : '') + '?'" @dismiss="listToDelete = null">
+      <button class="button is-danger" @click="confirmListDelete">Confirm</button>
+      <button class="button is-primary" @click="listToDelete = null">Cancel</button>
+    </app-modal>
+
     <app-dropdown button-class="is-primary" :open="showListDropdown" :label="listSelectLabel" @open="showListDropdown = true" @close="showListDropdown = false">
-      <a class="dropdown-item" href="#" v-for="l in taskLists" @click="selectList(l)">{{l.name}}</a>
+      <div class="dropdown-item" v-for="l in taskLists">
+        <a href="#" @click="selectList(l)">{{l.name}}<button @click.stop="listToDelete = l" class="button is-small is-danger is-pulled-right"><app-icon icon="x" size="sm"></app-icon></button></a>
+
+      </div>
+
       <hr class="dropdown-divider" v-if="taskLists.length > 0">
       <div class="dropdown-item">
         <task-list-mini-form :task-list="newList" :validation-errors="newListValidationErrors" @save="saveNewList"></task-list-mini-form>
@@ -68,7 +77,8 @@
         newListValidationErrors: {},
         showAddItem: false,
         newItem: newItemTemplate(),
-        newItemValidationErrors: {}
+        newItemValidationErrors: {},
+        listToDelete: null
       }
     },
 
@@ -91,6 +101,8 @@
       saveNewList() {
         this.loadResource(
           api.postTaskList(this.newList)
+            .then(l => this.currentList = l)
+            .then(() => this.showListDropdown = false)
             .then(() => this.updateData())
             .then(() => { this.newList = newListTemplate(); this.newListValidationErrors = {}; } )
             .catch(Errors.onlyFor(Errors.ApiValidationError, err => this.newListValidationErrors = err.validationErrors()))
@@ -110,6 +122,14 @@
         if (this.currentList === null && this.taskLists.length > 0) {
           this.currentList = this.taskLists[0];
         }
+      },
+
+      confirmListDelete() {
+        this.loadResource(
+          api.deleteTaskList(this.listToDelete)
+            .then(() => this.updateData())
+            .then(() => this.listToDelete = null)
+        );
       }
     },
 

From 4b25f753f137a40519675e2e825299d1ee3ee236 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Wed, 5 Sep 2018 17:49:21 -0500
Subject: [PATCH 06/10] tasks

---
 Gemfile.lock                                  |  2 +-
 .../components/AppExpandTransition.vue        | 66 +++++++++++++
 app/javascript/components/TaskItemEdit.vue    | 60 ++++++++++++
 app/javascript/components/TaskItemList.vue    | 98 +++++++++++++++++++
 .../components/TaskListDropdownItem.vue       | 72 ++++++++++++++
 app/javascript/components/TheTaskListList.vue | 61 +++---------
 app/javascript/packs/application.js           |  2 +
 app/javascript/styles/_transitions.scss       | 21 ++++
 app/javascript/styles/_variables.scss         |  2 +
 app/javascript/styles/index.scss              |  1 +
 10 files changed, 336 insertions(+), 49 deletions(-)
 create mode 100644 app/javascript/components/AppExpandTransition.vue
 create mode 100644 app/javascript/components/TaskItemEdit.vue
 create mode 100644 app/javascript/components/TaskItemList.vue
 create mode 100644 app/javascript/components/TaskListDropdownItem.vue
 create mode 100644 app/javascript/styles/_transitions.scss

diff --git a/Gemfile.lock b/Gemfile.lock
index 31ba591..a8f67c3 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -245,4 +245,4 @@ DEPENDENCIES
   webpacker (= 3.5.3)
 
 BUNDLED WITH
-   1.16.1
+   1.16.2
diff --git a/app/javascript/components/AppExpandTransition.vue b/app/javascript/components/AppExpandTransition.vue
new file mode 100644
index 0000000..21d8cbd
--- /dev/null
+++ b/app/javascript/components/AppExpandTransition.vue
@@ -0,0 +1,66 @@
+<template>
+  <transition
+      name="expand"
+      :duration="500"
+      @enter="enter"
+      @after-enter="afterEnter"
+      @leave="leave">
+    <slot></slot>
+  </transition>
+</template>
+
+<script>
+
+  export default {
+    methods: {
+      enter(element, done) {
+        const width = getComputedStyle(element).width;
+
+        element.style.width = width;
+        element.style.position = 'absolute';
+        element.style.visibility = 'hidden';
+        element.style.height = 'auto';
+
+        const height = getComputedStyle(element).height;
+
+        element.style.width = null;
+        element.style.position = null;
+        element.style.visibility = null;
+        element.style.height = 0;
+
+        // Trigger the animation.
+        // We use `setTimeout` because we need
+        // to make sure the browser has finished
+        // painting after setting the `height`
+        // to `0` in the line above.
+        setTimeout(() => {
+          element.style.height = height;
+        });
+      },
+
+      afterEnter(element) {
+        element.style.height = 'auto';
+      },
+
+      leave(element, done) {
+        const height = getComputedStyle(element).height;
+
+        element.style.height = height;
+
+        setTimeout(() => {
+          element.style.height = 0;
+        });
+      }
+    }
+  }
+
+</script>
+
+<style scoped>
+  * {
+    will-change: height;
+    transform: translateZ(0);
+    backface-visibility: hidden;
+    perspective: 1000px;
+  }
+</style>
\ No newline at end of file
diff --git a/app/javascript/components/TaskItemEdit.vue b/app/javascript/components/TaskItemEdit.vue
new file mode 100644
index 0000000..b0c1d18
--- /dev/null
+++ b/app/javascript/components/TaskItemEdit.vue
@@ -0,0 +1,60 @@
+<template>
+  <div>
+
+    <div class="field">
+      <label class="label is-small">Name</label>
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Name" v-model="taskItem.name" @keydown="inputKeydown" ref="nameInput">
+      </div>
+    </div>
+
+    <div class="field">
+      <label class="label is-small">Quantity</label>
+      <div class="control">
+        <input class="input is-small" type="text" placeholder="Qty" v-model="taskItem.quantity" @keydown="inputKeydown">
+      </div>
+    </div>
+
+    <div class="field">
+      <div class="control">
+        <button class="button is-primary">Add</button>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+  export default {
+    props: {
+      taskItem: {
+        required: true,
+        type: Object
+      }
+    },
+
+    methods: {
+      inputKeydown(evt) {
+        switch (evt.key) {
+          case "Enter":
+            evt.preventDefault();
+            this.save();
+        }
+      },
+
+      save() {
+        this.$emit("save", this.taskItem);
+      }
+    },
+
+    mounted() {
+      this.$refs.nameInput.focus();
+    }
+  }
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/javascript/components/TaskItemList.vue b/app/javascript/components/TaskItemList.vue
new file mode 100644
index 0000000..503fc77
--- /dev/null
+++ b/app/javascript/components/TaskItemList.vue
@@ -0,0 +1,98 @@
+<template>
+  <div>
+
+    <app-expand-transition name="fade">
+      <task-item-edit :task-item="newItem" v-if="showAddItem"></task-item-edit>
+    </app-expand-transition>
+
+    <table class="table is-narrow">
+      <thead>
+      <tr>
+        <th></th>
+        <th>Name</th>
+        <th>Quantity</th>
+        <th>
+          <button class="button" @click="toggleShowAddItem">{{ showAddItem ? 'Done' : 'New Item' }}</button>
+        </th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr v-for="i in taskItems">
+        <td></td>
+        <td>{{ i.name }}</td>
+        <td>{{ i.quantity }}</td>
+        <td></td>
+      </tr>
+      <tr v-if="taskItems.length === 0">
+        <td colspan="4">
+          No Items
+        </td>
+      </tr>
+      </tbody>
+    </table>
+
+  </div>
+</template>
+
+<script>
+
+  import TaskItemEdit from "./TaskItemEdit";
+
+  const newItemTemplate = function() {
+    return {
+      name: '',
+      quantity: ''
+    };
+  };
+
+  export default {
+    props: {
+      taskItems: {
+        required: true,
+        type: Array
+      }
+    },
+
+    data() {
+      return {
+        showAddItem: false,
+        newItem: newItemTemplate(),
+        newItemValidationErrors: {}
+      };
+    },
+
+    methods: {
+
+      toggleShowAddItem() {
+        this.showAddItem = !this.showAddItem;
+        if (this.showAddItem) {
+          this.$nextTick(() => {
+            //this.$refs.quantityInput.focus();
+          });
+        }
+      }
+
+    },
+
+    components: {
+      TaskItemEdit
+    }
+  }
+
+</script>
+
+<style lang="scss" scoped>
+
+  .columns {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .column {
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+</style>
\ No newline at end of file
diff --git a/app/javascript/components/TaskListDropdownItem.vue b/app/javascript/components/TaskListDropdownItem.vue
new file mode 100644
index 0000000..9c84fae
--- /dev/null
+++ b/app/javascript/components/TaskListDropdownItem.vue
@@ -0,0 +1,72 @@
+<template>
+
+  <div class="dropdown-item" @mouseover="hovering = true" @mouseleave="hovering = false" :class="{hovered: hovering, 'is-active': active}" @click="selectList">
+    <span>{{taskList.name}}</span>
+    <button @click.stop="confirmingDelete = true" class="button is-small is-danger is-pulled-right"><app-icon icon="x" size="sm"></app-icon></button>
+    <div class="is-clearfix"></div>
+
+    <app-modal :open="confirmingDelete" :title="'Delete ' + taskList.name + '?'" @dismiss="confirmingDelete = false">
+      <button class="button is-danger" @click="deleteList">Confirm</button>
+      <button class="button is-primary" @click="confirmingDelete = false">Cancel</button>
+    </app-modal>
+
+  </div>
+
+</template>
+
+<script>
+
+  export default {
+    props: {
+      taskList: {
+        type: Object,
+        required: true
+      },
+
+      active: {
+        type: Boolean,
+        required: false,
+        default: false
+      }
+    },
+
+    data() {
+      return {
+        hovering: false,
+        confirmingDelete: false
+      };
+    },
+
+    methods: {
+      selectList() {
+        this.$emit("select", this.taskList);
+      },
+
+      deleteList() {
+        this.confirmingDelete = false;
+        this.$emit("delete", this.taskList);
+      }
+    }
+  }
+
+</script>
+
+<style lang="scss" scoped>
+
+  @import "~styles/variables";
+
+  div.dropdown-item {
+    cursor: pointer;
+
+    &.hovered {
+      color: $black;
+      background-color: $background;
+    }
+
+    &.is-active {
+      color: $link-invert;
+      background-color: $link;
+    }
+  }
+
+</style>
\ No newline at end of file
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index 3446475..f3534bd 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -2,16 +2,9 @@
   <div>
     <h1>Tasks</h1>
 
-    <app-modal :open="listToDelete !== null" :title="'Delete ' + (listToDelete !== null ? listToDelete.name : '') + '?'" @dismiss="listToDelete = null">
-      <button class="button is-danger" @click="confirmListDelete">Confirm</button>
-      <button class="button is-primary" @click="listToDelete = null">Cancel</button>
-    </app-modal>
-
     <app-dropdown button-class="is-primary" :open="showListDropdown" :label="listSelectLabel" @open="showListDropdown = true" @close="showListDropdown = false">
-      <div class="dropdown-item" v-for="l in taskLists">
-        <a href="#" @click="selectList(l)">{{l.name}}<button @click.stop="listToDelete = l" class="button is-small is-danger is-pulled-right"><app-icon icon="x" size="sm"></app-icon></button></a>
 
-      </div>
+      <task-list-dropdown-item v-for="l in taskLists" :task-list="l" :active="currentList !== null && currentList.id === l.id" @select="selectList" @delete="deleteList"></task-list-dropdown-item>
 
       <hr class="dropdown-divider" v-if="taskLists.length > 0">
       <div class="dropdown-item">
@@ -20,29 +13,9 @@
     </app-dropdown>
 
     <div v-if="currentList !== null">
-      <table class="table">
-        <tr>
-          <th></th>
-          <th>Name</th>
-          <th>Quantity</th>
-          <th></th>
-        </tr>
-        <tr v-if="showAddItem">
-          <th></th>
-          <th><input type="text"></th>
-          <th><input type="text"></th>
-          <th><button type="button" class="button">Add</button></th>
-        </tr>
-        <tr v-for="i in currentList.task_items">
-          <td></td>
-          <td>{{i.name}}</td>
-          <td>{{i.quantity}}</td>
-        </tr>
-      </table>
 
-      <div v-if="currentList.task_items.length === 0">
-        No Items
-      </div>
+      <task-item-list :task-items="currentList.task_items"></task-item-list>
+
     </div>
 
   </div>
@@ -53,6 +26,8 @@
   import api from "../lib/Api";
   import * as Errors from '../lib/Errors';
   import TaskListMiniForm from "./TaskListMiniForm";
+  import TaskListDropdownItem from "./TaskListDropdownItem";
+  import TaskItemList from "./TaskItemList";
 
   const newListTemplate = function() {
     return {
@@ -60,13 +35,6 @@
     };
   };
 
-  const newItemTemplate = function() {
-    return {
-      name: '',
-      quantity: ''
-    };
-  };
-
   export default {
     data() {
       return {
@@ -74,11 +42,7 @@
         showListDropdown: false,
         currentList: null,
         newList: newListTemplate(),
-        newListValidationErrors: {},
-        showAddItem: false,
-        newItem: newItemTemplate(),
-        newItemValidationErrors: {},
-        listToDelete: null
+        newListValidationErrors: {}
       }
     },
 
@@ -93,8 +57,8 @@
     },
 
     methods: {
-      selectList(l) {
-        this.currentList = l;
+      selectList(list) {
+        this.currentList = list;
         this.showListDropdown = false;
       },
 
@@ -124,11 +88,10 @@
         }
       },
 
-      confirmListDelete() {
+      deleteList(list) {
         this.loadResource(
-          api.deleteTaskList(this.listToDelete)
+          api.deleteTaskList(list)
             .then(() => this.updateData())
-            .then(() => this.listToDelete = null)
         );
       }
     },
@@ -138,7 +101,9 @@
     },
 
     components: {
-      TaskListMiniForm
+      TaskListMiniForm,
+      TaskListDropdownItem,
+      TaskItemList
     }
   }
 
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 88dce21..223e469 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -15,6 +15,7 @@ import AppConfirm from "../components/AppConfirm";
 import AppDateTime from "../components/AppDateTime";
 import AppDatePicker from "../components/AppDatePicker";
 import AppDropdown from "../components/AppDropdown";
+import AppExpandTransition from "../components/AppExpandTransition";
 import AppIcon from "../components/AppIcon";
 import AppModal from "../components/AppModal";
 import AppNavbar from "../components/AppNavbar";
@@ -29,6 +30,7 @@ Vue.component("AppConfirm", AppConfirm);
 Vue.component("AppDateTime", AppDateTime);
 Vue.component("AppDatePicker", AppDatePicker);
 Vue.component("AppDropdown", AppDropdown);
+Vue.component("AppExpandTransition", AppExpandTransition);
 Vue.component("AppIcon", AppIcon);
 Vue.component("AppModal", AppModal);
 Vue.component("AppNavbar", AppNavbar);
diff --git a/app/javascript/styles/_transitions.scss b/app/javascript/styles/_transitions.scss
new file mode 100644
index 0000000..cd9bc7f
--- /dev/null
+++ b/app/javascript/styles/_transitions.scss
@@ -0,0 +1,21 @@
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s, max-height .5s;
+  max-height: 300px;
+}
+.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+  opacity: 0;
+  max-height: 0;
+}
+
+
+.expand-enter-active,
+.expand-leave-active {
+  transition: height .5s ease-in-out;
+  overflow: hidden;
+}
+
+//.expand-enter,
+//.expand-leave-to {
+//  height: 0;
+//}
\ No newline at end of file
diff --git a/app/javascript/styles/_variables.scss b/app/javascript/styles/_variables.scss
index bb4405d..79b67f3 100644
--- a/app/javascript/styles/_variables.scss
+++ b/app/javascript/styles/_variables.scss
@@ -30,4 +30,6 @@ $modal-content-width: 750px;
 // Make all Bulma variables and functions available
 @import "~bulma/sass/utilities/initial-variables";
 @import "~bulma/sass/utilities/functions";
+@import "~bulma/sass/utilities/derived-variables";
 
+//$dropdown-item-hover-background-color: $white-ter;
\ No newline at end of file
diff --git a/app/javascript/styles/index.scss b/app/javascript/styles/index.scss
index f49c5e4..7881a35 100644
--- a/app/javascript/styles/index.scss
+++ b/app/javascript/styles/index.scss
@@ -15,6 +15,7 @@
 @import "./responsive_controls";
 @import "./wide_modal";
 @import "./iconic";
+@import "./transitions";
 
 html {
   height: 100%;

From 18603dc78364e021eca0113dcbd0fd96f6c16280 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Thu, 6 Sep 2018 18:16:13 -0500
Subject: [PATCH 07/10] tasks

---
 app/controllers/task_items_controller.rb      |   6 +-
 app/controllers/task_lists_controller.rb      |   2 +-
 app/javascript/components/App.vue             |  22 +-
 app/javascript/components/AppModal.vue        |   8 +-
 app/javascript/components/TaskItemEdit.vue    |   8 +-
 app/javascript/components/TaskItemList.vue    |  75 +-
 app/javascript/components/TheTaskListList.vue |  55 +-
 app/javascript/components/UserLogin.vue       |  35 +-
 app/javascript/lib/Api.js                     |   6 +-
 app/javascript/lib/GlobalMixins.js            |  10 +-
 app/javascript/lib/VuexResponsiveSync.js      |  44 +
 app/javascript/packs/application.js           |   2 +
 app/javascript/store/index.js                 | 121 ++-
 app/models/concerns/default_values.rb         |  95 ++
 app/models/recipe.rb                          |   2 -
 app/models/task_item.rb                       |   3 +
 app/models/view_models/recipe_criteria.rb     |   2 -
 app/views/home/sw.js.erb                      |  10 +-
 app/views/task_items/_task_item.json.jbuilder |   2 +-
 app/views/task_items/show.json.jbuilder       |   1 +
 app/views/task_lists/_task_list.json.jbuilder |   2 +-
 config/routes.rb                              |   2 +-
 config/webpack/environment.js                 |   2 +-
 config/webpack/loaders/svg.js                 |   5 +-
 .../20180906191333_update_task_items.rb       |  13 +
 db/schema.rb                                  |   3 +-
 lib/tasks/dev.rake                            |  25 +
 package.json                                  |   1 +
 yarn.lock                                     | 872 +++++++++---------
 29 files changed, 873 insertions(+), 561 deletions(-)
 create mode 100644 app/javascript/lib/VuexResponsiveSync.js
 create mode 100644 app/models/concerns/default_values.rb
 create mode 100644 app/views/task_items/show.json.jbuilder
 create mode 100644 db/migrate/20180906191333_update_task_items.rb
 create mode 100644 lib/tasks/dev.rake

diff --git a/app/controllers/task_items_controller.rb b/app/controllers/task_items_controller.rb
index 9147ead..10b71b2 100644
--- a/app/controllers/task_items_controller.rb
+++ b/app/controllers/task_items_controller.rb
@@ -9,7 +9,7 @@ class TaskItemsController < ApplicationController
     @task_item.task_list = @task_list
 
     if @task_item.save
-      render :show, status: :created, location: @task_item
+      render :show, status: :created, location: [@task_list, @task_item]
     else
       render json: @task_item.errors, status: :unprocessable_entity
     end
@@ -17,7 +17,7 @@ class TaskItemsController < ApplicationController
 
   def update
     if @task_item.update(task_item_params)
-      render :show, status: :ok, location: @task_item
+      render :show, status: :ok, location: [@task_list, @task_item]
     else
       render json: @task_item.errors, status: :unprocessable_entity
     end
@@ -31,7 +31,7 @@ class TaskItemsController < ApplicationController
   private
 
   def task_item_params
-    params.require(:task_item).permit(:name, :quantity)
+    params.require(:task_item).permit(:name, :quantity, :completed)
   end
 
   def set_task_list
diff --git a/app/controllers/task_lists_controller.rb b/app/controllers/task_lists_controller.rb
index 54086dd..99254fe 100644
--- a/app/controllers/task_lists_controller.rb
+++ b/app/controllers/task_lists_controller.rb
@@ -4,7 +4,7 @@ class TaskListsController < ApplicationController
   before_action :set_task_list, only: [:show, :update, :destroy]
 
   def index
-    @task_lists = TaskList.for_user(current_user).order(created_at: :desc)
+    @task_lists = TaskList.for_user(current_user).includes(:task_items).order(created_at: :desc)
   end
 
   def show
diff --git a/app/javascript/components/App.vue b/app/javascript/components/App.vue
index 3df7376..f77e325 100644
--- a/app/javascript/components/App.vue
+++ b/app/javascript/components/App.vue
@@ -46,27 +46,7 @@
     created() {
       if (this.user === null && this.authChecked === false) {
         this.checkAuthentication();
-      }
-
-      // Hard coded values taken directly from Bulma css
-      const mediaQueries = {
-        mobile: "screen and (max-width: 768px)",
-        tablet: "screen and (min-width: 769px)",
-        tabletOnly: "screen and (min-width: 769px) and (max-width: 1023px)",
-        touch: "screen and (max-width: 1023px)",
-        desktop: "screen and (min-width: 1024px)",
-        desktopOnly: "screen and (min-width: 1024px) and (max-width: 1215px)",
-        widescreen: "screen and (min-width: 1216px)",
-        widescreenOnly: "screen and (min-width: 1216px) and (max-width: 1407px)",
-        fullhd: "screen and (min-width: 1408px)"
-      };
-
-      for (let device in mediaQueries) {
-        const query = window.matchMedia(mediaQueries[device]);
-        query.onchange = (q) => {
-          this.$store.commit("setMediaQuery", {mediaName: device, value: q.matches});
-        };
-        query.onchange(query);
+        
       }
     },
 
diff --git a/app/javascript/components/AppModal.vue b/app/javascript/components/AppModal.vue
index f015190..c9cf5bf 100644
--- a/app/javascript/components/AppModal.vue
+++ b/app/javascript/components/AppModal.vue
@@ -6,7 +6,7 @@
         <header class="modal-card-head">
           <slot name="title">
             <p class="modal-card-title">{{ title }}</p>
-            <app-icon icon="x" aria-label="close" @click="close"></app-icon>
+            <app-icon class="close-button" icon="x" aria-label="close" @click="close"></app-icon>
           </slot>
         </header>
 
@@ -36,7 +36,7 @@
     },
 
     mounted() {
-      document.body.appendChild(this.$refs.modal);
+      this.$root.$el.appendChild(this.$refs.modal);
     },
 
     beforeDestroy() {
@@ -63,6 +63,8 @@
 
 <style lang="scss" scoped>
 
-
+  .close-button {
+    cursor: pointer;
+  }
 
 </style>
\ No newline at end of file
diff --git a/app/javascript/components/TaskItemEdit.vue b/app/javascript/components/TaskItemEdit.vue
index b0c1d18..298ce0c 100644
--- a/app/javascript/components/TaskItemEdit.vue
+++ b/app/javascript/components/TaskItemEdit.vue
@@ -17,7 +17,7 @@
 
     <div class="field">
       <div class="control">
-        <button class="button is-primary">Add</button>
+        <button class="button is-primary" @click="save">Add</button>
       </div>
     </div>
 
@@ -45,11 +45,15 @@
 
       save() {
         this.$emit("save", this.taskItem);
+      },
+
+      focus() {
+        this.$refs.nameInput.focus();
       }
     },
 
     mounted() {
-      this.$refs.nameInput.focus();
+      this.focus();
     }
   }
 
diff --git a/app/javascript/components/TaskItemList.vue b/app/javascript/components/TaskItemList.vue
index 503fc77..e8348f3 100644
--- a/app/javascript/components/TaskItemList.vue
+++ b/app/javascript/components/TaskItemList.vue
@@ -2,10 +2,10 @@
   <div>
 
     <app-expand-transition name="fade">
-      <task-item-edit :task-item="newItem" v-if="showAddItem"></task-item-edit>
+      <task-item-edit @save="save" :task-item="newItem" v-if="showAddItem" ref="itemEdit"></task-item-edit>
     </app-expand-transition>
 
-    <table class="table is-narrow">
+    <table class="table">
       <thead>
       <tr>
         <th></th>
@@ -17,8 +17,12 @@
       </tr>
       </thead>
       <tbody>
-      <tr v-for="i in taskItems">
-        <td></td>
+      <tr v-for="i in taskItems" :key="i.id" @click="toggleItem(i)">
+        <td>
+          <div class="check">
+            <app-icon v-if="i.completed" icon="check"></app-icon>
+          </div>
+        </td>
         <td>{{ i.name }}</td>
         <td>{{ i.quantity }}</td>
         <td></td>
@@ -36,40 +40,83 @@
 
 <script>
 
+  import * as Errors from '../lib/Errors';
+  import { mapActions } from "vuex";
+  import cloneDeep from "lodash/cloneDeep";
+
   import TaskItemEdit from "./TaskItemEdit";
 
-  const newItemTemplate = function() {
+  const newItemTemplate = function(listId) {
     return {
+      task_list_id: listId,
       name: '',
-      quantity: ''
+      quantity: '',
+      completed: false
     };
   };
 
   export default {
     props: {
-      taskItems: {
+      taskList: {
         required: true,
-        type: Array
+        type: Object
       }
     },
 
     data() {
       return {
         showAddItem: false,
-        newItem: newItemTemplate(),
+        newItem: null,
         newItemValidationErrors: {}
       };
     },
 
+    computed: {
+      taskItems() {
+        const top = [];
+        const bottom = [];
+        const list = (this.taskList ? this.taskList.task_items : []);
+
+        for (let i of list) {
+          if (!i.completed) {
+            top.push(i);
+          } else {
+            bottom.push(i);
+          }
+        }
+
+        return top.concat(bottom);
+      }
+    },
+
     methods: {
+      ...mapActions([
+        'createTaskItem',
+        'updateTaskItem'
+      ]),
+
+      save() {
+        this.loadResource(
+          this.createTaskItem(this.newItem)
+            .then(() => {
+              this.newItem = newItemTemplate(this.taskList.id);
+              this.$refs.itemEdit.focus();
+            })
+            .catch(Errors.onlyFor(Errors.ApiValidationError, err => this.newItemValidationErrors = err.validationErrors()))
+        )
+      },
+
+      toggleItem(i) {
+        const item = cloneDeep(i);
+        item.completed = !item.completed;
+        this.loadResource(
+          this.updateTaskItem(item)
+        )
+      },
 
       toggleShowAddItem() {
+        this.newItem = newItemTemplate(this.taskList.id);
         this.showAddItem = !this.showAddItem;
-        if (this.showAddItem) {
-          this.$nextTick(() => {
-            //this.$refs.quantityInput.focus();
-          });
-        }
       }
 
     },
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index f3534bd..21a92ef 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -4,7 +4,7 @@
 
     <app-dropdown button-class="is-primary" :open="showListDropdown" :label="listSelectLabel" @open="showListDropdown = true" @close="showListDropdown = false">
 
-      <task-list-dropdown-item v-for="l in taskLists" :task-list="l" :active="currentList !== null && currentList.id === l.id" @select="selectList" @delete="deleteList"></task-list-dropdown-item>
+      <task-list-dropdown-item v-for="l in taskLists" :key="l.id" :task-list="l" :active="currentTaskList !== null && currentTaskList.id === l.id" @select="selectList" @delete="deleteList"></task-list-dropdown-item>
 
       <hr class="dropdown-divider" v-if="taskLists.length > 0">
       <div class="dropdown-item">
@@ -12,9 +12,9 @@
       </div>
     </app-dropdown>
 
-    <div v-if="currentList !== null">
+    <div v-if="currentTaskList !== null">
 
-      <task-item-list :task-items="currentList.task_items"></task-item-list>
+      <task-item-list :task-list="currentTaskList"></task-item-list>
 
     </div>
 
@@ -25,6 +25,8 @@
 
   import api from "../lib/Api";
   import * as Errors from '../lib/Errors';
+  import { mapActions, mapMutations, mapState } from "vuex";
+
   import TaskListMiniForm from "./TaskListMiniForm";
   import TaskListDropdownItem from "./TaskListDropdownItem";
   import TaskItemList from "./TaskItemList";
@@ -38,66 +40,61 @@
   export default {
     data() {
       return {
-        taskLists: [],
         showListDropdown: false,
-        currentList: null,
         newList: newListTemplate(),
         newListValidationErrors: {}
       }
     },
 
     computed: {
+      ...mapState([
+        'taskLists',
+        'currentTaskList'
+      ]),
       listSelectLabel() {
-        if (this.currentList === null) {
+        if (this.currentTaskList === null) {
           return "Select or Create a List";
         } else {
-          return this.currentList.name;
+          return this.currentTaskList.name;
         }
       }
     },
 
     methods: {
+      ...mapActions([
+        'refreshTaskLists',
+        'createTaskList',
+        'deleteTaskList'
+      ]),
+      ...mapMutations([
+        'setCurrentTaskList'
+      ]),
+
       selectList(list) {
-        this.currentList = list;
+        this.setCurrentTaskList(list);
         this.showListDropdown = false;
       },
 
       saveNewList() {
         this.loadResource(
-          api.postTaskList(this.newList)
-            .then(l => this.currentList = l)
+          this.createTaskList(this.newList)
             .then(() => this.showListDropdown = false)
-            .then(() => this.updateData())
             .then(() => { this.newList = newListTemplate(); this.newListValidationErrors = {}; } )
             .catch(Errors.onlyFor(Errors.ApiValidationError, err => this.newListValidationErrors = err.validationErrors()))
         );
       },
 
-      updateData() {
-        return this.loadResource(api.getTaskLists(data => this.setNewData(data)));
-      },
-
-      setNewData(list) {
-        this.taskLists = list;
-        if (this.currentList !== null) {
-          this.currentList = this.taskLists.find(l => this.currentList.id === l.id) || null;
-        }
-
-        if (this.currentList === null && this.taskLists.length > 0) {
-          this.currentList = this.taskLists[0];
-        }
-      },
-
       deleteList(list) {
         this.loadResource(
-          api.deleteTaskList(list)
-            .then(() => this.updateData())
+          this.deleteTaskList(list)
         );
       }
     },
 
     created() {
-      this.updateData()
+      this.loadResource(
+        this.refreshTaskLists()
+      );
     },
 
     components: {
diff --git a/app/javascript/components/UserLogin.vue b/app/javascript/components/UserLogin.vue
index 12bf320..7cd741c 100644
--- a/app/javascript/components/UserLogin.vue
+++ b/app/javascript/components/UserLogin.vue
@@ -7,10 +7,10 @@
 
     <app-modal title="Login" :open="showLogin" @dismiss="showLogin = false">
       <div>
-        <form @submit.prevent="login">
+        <form @submit.prevent="performLogin">
 
-          <div v-if="error" class="notification is-danger">
-            {{error}}
+          <div v-if="loginMessage" class="notification is-danger">
+            {{loginMessage}}
           </div>
 
           <div class="field">
@@ -48,7 +48,7 @@
 <script>
 
   import api from "../lib/Api";
-  import { mapMutations } from "vuex";
+  import { mapActions, mapState } from "vuex";
 
   export default {
     data() {
@@ -61,14 +61,17 @@
     },
 
     computed: {
+      ...mapState([
+        'loginMessage'
+      ]),
       enableSubmit() {
         return this.username !== '' && this.password !== '' && !this.isLoading;
       }
     },
 
     methods: {
-      ...mapMutations([
-        'setUser'
+      ...mapActions([
+        'login'
       ]),
 
       openDialog() {
@@ -76,16 +79,18 @@
         this.$nextTick(() => this.$refs.usernameInput.focus());
       },
 
-      login() {
+      performLogin() {
         if (this.username !== '' && this.password !== '') {
-          this.loadResource(api.postLogin(this.username, this.password).then(data => {
-            if (data.success) {
-              this.setUser(data.user);
-              this.showLogin = false;
-            } else {
-              this.error = data.message;
-            }
-          }));
+          const params = {username: this.username, password: this.password};
+
+          this.loadResource(
+            this.login(params)
+              .then(data => {
+                if (data.success) {
+                  this.showLogin = false;
+                }
+              })
+          );
         }
       }
     },
diff --git a/app/javascript/lib/Api.js b/app/javascript/lib/Api.js
index 5035508..94defe3 100644
--- a/app/javascript/lib/Api.js
+++ b/app/javascript/lib/Api.js
@@ -387,13 +387,15 @@ class Api {
     return {
       task_item: {
         name: taskItem.name,
-        quantity: taskItem.quantity
+        quantity: taskItem.quantity,
+        completed: taskItem.completed
       }
     }
   }
 
   postTaskItem(listId, taskItem) {
-    return this.post(`/task_lists/${listId}/task_items`)
+    const params = this.buildTaskItemParams(taskItem);
+    return this.post(`/task_lists/${listId}/task_items`, params);
   }
 
   patchTaskItem(listId, taskItem) {
diff --git a/app/javascript/lib/GlobalMixins.js b/app/javascript/lib/GlobalMixins.js
index d6619b4..343d5d9 100644
--- a/app/javascript/lib/GlobalMixins.js
+++ b/app/javascript/lib/GlobalMixins.js
@@ -1,6 +1,6 @@
 
 import Vue from 'vue';
-import { mapGetters, mapMutations, mapState } from 'vuex';
+import { mapActions, mapGetters, mapMutations, mapState } from 'vuex';
 import api from "../lib/Api";
 
 Vue.mixin({
@@ -23,10 +23,12 @@ Vue.mixin({
     }
   },
   methods: {
+    ...mapActions([
+      'updateCurrentUser'
+    ]),
     ...mapMutations([
       'setError',
-      'setLoading',
-      'setUser'
+      'setLoading'
     ]),
 
     loadResource(promise) {
@@ -43,7 +45,7 @@ Vue.mixin({
     },
 
     checkAuthentication() {
-      return this.loadResource(api.getCurrentUser().then(user => this.setUser(user)));
+      return this.loadResource(this.updateCurrentUser());
     }
   }
 });
diff --git a/app/javascript/lib/VuexResponsiveSync.js b/app/javascript/lib/VuexResponsiveSync.js
new file mode 100644
index 0000000..13c14f4
--- /dev/null
+++ b/app/javascript/lib/VuexResponsiveSync.js
@@ -0,0 +1,44 @@
+// Adds a module to a vuex store with a set of media query states
+
+const defaultOptions = {
+  module: "mediaQueries"
+};
+
+// Hard coded values taken directly from Bulma css
+const mediaQueries = {
+  mobile: "screen and (max-width: 768px)",
+  tablet: "screen and (min-width: 769px)",
+  tabletOnly: "screen and (min-width: 769px) and (max-width: 1023px)",
+  touch: "screen and (max-width: 1023px)",
+  desktop: "screen and (min-width: 1024px)",
+  desktopOnly: "screen and (min-width: 1024px) and (max-width: 1215px)",
+  widescreen: "screen and (min-width: 1216px)",
+  widescreenOnly: "screen and (min-width: 1216px) and (max-width: 1407px)",
+  fullhd: "screen and (min-width: 1408px)"
+};
+
+export default function(store, options) {
+  let opts = Object.assign({}, defaultOptions, options || {});
+  const moduleName = opts.module;
+
+  const initialState = {};
+
+  for (let device in mediaQueries) {
+    const query = window.matchMedia(mediaQueries[device]);
+    query.onchange = (q) => {
+      store.commit(moduleName + "/MEDIA_QUERY_CHANGED", {mediaName: device, value: q.matches});
+    };
+    initialState[device] = query.matches;
+  }
+
+  store.registerModule(moduleName, {
+    namespaced: true,
+    state: initialState,
+    mutations: {
+      "MEDIA_QUERY_CHANGED" (state, data) {
+        state[data.mediaName] = data.value;
+      }
+    }
+  });
+
+}
\ No newline at end of file
diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
index 223e469..2e64fa3 100644
--- a/app/javascript/packs/application.js
+++ b/app/javascript/packs/application.js
@@ -3,6 +3,7 @@ import '../styles';
 import Vue from 'vue'
 import { sync } from 'vuex-router-sync';
 import { swInit } from "../lib/ServiceWorker";
+import responsiveSync from "../lib/VuexResponsiveSync";
 import VueProgressBar from "vue-progressbar";
 import config from '../config';
 import store from '../store';
@@ -57,6 +58,7 @@ Vue.use(VueProgressBar, {
 
 sync(store, router);
 swInit(store);
+responsiveSync(store);
 
 document.addEventListener('DOMContentLoaded', () => {
 
diff --git a/app/javascript/store/index.js b/app/javascript/store/index.js
index 69253c7..22cafbf 100644
--- a/app/javascript/store/index.js
+++ b/app/javascript/store/index.js
@@ -13,6 +13,10 @@ export default new Vuex.Store({
     error: null,
     authChecked: false,
     user: null,
+    loginMessage: null,
+
+    taskLists: [],
+    currentTaskList: null,
 
     // MediaQueryList objects in the root App component maintain this state.
     mediaQueries: {
@@ -62,14 +66,125 @@ export default new Vuex.Store({
       state.user = user;
     },
 
-    setMediaQuery(state, data) {
-      state.mediaQueries[data.mediaName] = data.value;
+    setLoginMessage(state, msg) {
+      state.loginMessage = msg;
+    },
+
+    setTaskLists(state, lists) {
+      state.taskLists = lists || [];
+    },
+
+    setCurrentTaskList(state, list) {
+      state.currentTaskList = list || null;
+    },
+
+    appendTaskItem(state, item) {
+      const listId = item.task_list_id;
+      const list = state.taskLists.find(l => l.id === listId);
+      if (list) {
+        list.task_items.push(item);
+      }
+    },
+
+    replaceTaskItem(state, item) {
+      const listId = item.task_list_id;
+      const list = state.taskLists.find(l => l.id === listId);
+      if (list) {
+        const taskIdx = list.task_items.findIndex(i => i.id === item.id);
+        if (taskIdx >= 0) {
+          list.task_items.splice(taskIdx, 1, item);
+        }
+      }
+    },
+
+    removeTaskItem(state, item) {
+      const listId = item.task_list_id;
+      const list = state.taskLists.find(l => l.id === listId);
+      if (list) {
+        const taskIdx = list.task_items.findIndex(i => i.id === item.id);
+        if (taskIdx >= 0) {
+          list.task_items.splice(taskIdx, 1);
+        }
+      }
     }
   },
   actions: {
+    updateCurrentUser({commit}) {
+      return api.getCurrentUser()
+        .then(user => {
+          commit("setUser", user);
+          return user;
+        });
+    },
+
+    login({commit}, authData) {
+      return api.postLogin(authData.username, authData.password)
+        .then(data => {
+          if (data.success) {
+            commit("setUser", data.user);
+            commit("setLoginMessage", null);
+          } else {
+            commit("setUser", null);
+            commit("setLoginMessage", data.message);
+          }
+          return data;
+        });
+    },
+
     logout({commit}) {
       return api.getLogout()
-        .then(() => commit("setUser", null));
+        .then(() => {
+          commit("setUser", null);
+        });
+    },
+
+    refreshTaskLists({commit, state}) {
+      const cb = function(data) {
+        commit("setTaskLists", data);
+        let ctl = null;
+
+        if (state.currentTaskList) {
+          ctl = data.find(l => l.id === state.currentTaskList.id);
+        }
+
+        ctl = ctl || data[0] || null;
+        commit("setCurrentTaskList", ctl);
+      };
+
+      return api.getTaskLists(cb)
+    },
+
+    createTaskList({commit, dispatch}, newList) {
+      return api.postTaskList(newList)
+        .then(data => commit("setCurrentTaskList", data))
+        .then(() => dispatch("refreshTaskLists"))
+    },
+
+    deleteTaskList({dispatch}, taskList) {
+      return api.deleteTaskList(taskList)
+        .then(() => dispatch("refreshTaskLists"));
+    },
+
+    createTaskItem({commit, dispatch}, taskItem) {
+
+      return api.postTaskItem(taskItem.task_list_id, taskItem)
+        .then(data => {
+          commit("appendTaskItem", data);
+          return data;
+        });
+    },
+
+    updateTaskItem({commit}, taskItem) {
+      return api.patchTaskItem(taskItem.task_list_id, taskItem)
+        .then(data => {
+          commit("replaceTaskItem", data);
+          return data;
+        });
+    },
+
+    deleteTaskItem({commit}, taskItem) {
+      return api.deleteTaskItem(taskItem.task_list_id, taskItem)
+        .then(() => commit("removeTaskItem", taskItem));
     }
   }
 });
\ No newline at end of file
diff --git a/app/models/concerns/default_values.rb b/app/models/concerns/default_values.rb
new file mode 100644
index 0000000..3eace90
--- /dev/null
+++ b/app/models/concerns/default_values.rb
@@ -0,0 +1,95 @@
+# == Default Values
+#
+# Allows default attributes values to be declared.  The callback used to set the values can be controlled via options.
+#
+# The following option keys are allowed:
+# `:on`.  If omitted, it defaults to :initialize.
+# :on may be one of the following: :initialize, :create, :update, :save
+#
+# `:empty`. If omitted, it defaults to only updating `nil` values
+# :empty should be a lambda (or proc) that accepts the current value of the attribute and returns true if the value
+# should be replaced by the default
+#
+# Examples:
+#   Sets `attr` to 'default' and `attr2` to 'default' any time the class is instantiated
+#     default_values {
+#       attr: 'default',
+#       attr2: 'default'
+#     }
+#
+#   Sets `roles` to [:super_admin] only when saving a new object and only if roles is an empty array (it will not update a nil value)
+#     default_values({roles: [:super_admin]}, {on: :create, empty: ->(v) { v == [] }})
+#
+module DefaultValues
+  extend ActiveSupport::Concern
+
+  DEFAULT_OPTIONS = { on: :initialize }
+
+  DefaultValue = Struct.new(:value, :options)
+
+  included do
+    class_attribute :_default_values
+    self._default_values = {}
+
+    after_initialize :set_default_values_initialize
+    before_create :set_default_values_create
+    before_update :set_default_values_update
+    before_save :set_default_values_save
+  end
+
+  def set_default_values_initialize
+    set_default_values(:initialize)
+  end
+
+  def set_default_values_create
+    set_default_values(:create)
+  end
+
+  def set_default_values_update
+    set_default_values(:update)
+  end
+
+  def set_default_values_save
+    set_default_values(:save)
+  end
+
+  def set_default_values(on)
+    _default_values.each do |k, dv|
+      if dv.options[:on].to_sym == on
+        v = dv.value
+        v_lambda = Proc === v ? v : -> { v }
+
+        tester = dv.options[:empty] || ->(x) { x.nil? }
+
+        self.send("#{k}=", self.instance_exec(&v_lambda)) if self.respond_to?(k) && tester.call(self.send(k))
+      end
+    end
+  end
+
+  module ClassMethods
+    # Copy defaults on inheritance.
+    def inherited(base)
+      base._default_values = _default_values.dup
+      super
+    end
+
+    def default_values(defaults_hash, options = {})
+      options = DEFAULT_OPTIONS.merge(options.symbolize_keys)
+
+      valid_ons = [:initialize, :create, :update, :save]
+
+      unless valid_ons.include? options[:on]
+        raise "Invalid options[:on] value: [#{options[:on]}].  Must be one of these symbols: #{valid_ons.join(', ')}"
+      end
+
+      if options[:empty].present?
+        proc = options[:empty]
+        raise "Invalid options[:empty].  Must be a Proc or Lambda with an arity of 1" unless (proc.is_a?(Proc) && proc.arity == 1)
+      end
+
+      defaults_hash.each do |k, v|
+        _default_values[k] = DefaultValue.new(v, options)
+      end
+    end
+  end
+end
\ No newline at end of file
diff --git a/app/models/recipe.rb b/app/models/recipe.rb
index b93bb5f..f887976 100644
--- a/app/models/recipe.rb
+++ b/app/models/recipe.rb
@@ -134,8 +134,6 @@ class Recipe < ApplicationRecord
       query = query.where(id: tags.joins(:recipes).pluck('recipes.id'))
     end
 
-    puts criteria.inspect
-
     query.page(criteria.page).per(criteria.per)
   end
 
diff --git a/app/models/task_item.rb b/app/models/task_item.rb
index 8b2c814..5f266ad 100644
--- a/app/models/task_item.rb
+++ b/app/models/task_item.rb
@@ -1,7 +1,10 @@
 class TaskItem < ApplicationRecord
+  include DefaultValues
 
   belongs_to :task_list
 
   validates :name, presence: true
 
+  default_values completed: false
+
 end
diff --git a/app/models/view_models/recipe_criteria.rb b/app/models/view_models/recipe_criteria.rb
index 53f6d2c..e1fa8f6 100644
--- a/app/models/view_models/recipe_criteria.rb
+++ b/app/models/view_models/recipe_criteria.rb
@@ -14,8 +14,6 @@ module ViewModels
           self.send(setter, params[attr])
         end
       end
-
-      puts self.inspect
     end
 
     def sort_column
diff --git a/app/views/home/sw.js.erb b/app/views/home/sw.js.erb
index feee6d9..0bf73e0 100644
--- a/app/views/home/sw.js.erb
+++ b/app/views/home/sw.js.erb
@@ -1,9 +1,10 @@
 
 <%
-  pack_assets = [asset_pack_path("application.js"), asset_pack_path("application.css")].select { |a| a.present? }
+  manifest_data = Webpacker::manifest.refresh
+  pack_assets = manifest_data.values.select { |asset| asset !~ /\.map$/ } #   [asset_pack_path("application.js"), asset_pack_path("application.css")].select { |a| a.present? }
 %>
 
-var cacheName = "parsley-cache-<%= File.mtime(Webpacker::manifest.config.public_manifest_path).to_i %>";
+var cacheName = "parsley-cache-<%= File.mtime(Webpacker::config.public_manifest_path).to_i %>";
 
 var staticAssets = [
   "/"
@@ -39,6 +40,11 @@ self.addEventListener('fetch', function(event) {
   var isCacheThenNetwork = event.request.headers.get("Cache-Then-Network") === "true";
   var x, asset;
 
+  // Any non-GET or non-http(s) request should be ignored
+  if (event.request.method !== 'GET' || event.request.url.indexOf('http') !== 0) {
+    return fetch(event.request);
+  }
+
   // Cache-first response for static assets
   for (x = 0; x < staticAssets.length; x++) {
     asset = staticAssets[x];
diff --git a/app/views/task_items/_task_item.json.jbuilder b/app/views/task_items/_task_item.json.jbuilder
index eea7dd2..4f4a5f6 100644
--- a/app/views/task_items/_task_item.json.jbuilder
+++ b/app/views/task_items/_task_item.json.jbuilder
@@ -1 +1 @@
-json.extract! task_item, :id, :name, :quantity, :created_on, :updated_on
\ No newline at end of file
+json.extract! task_item, :id, :task_list_id, :name, :quantity, :completed, :created_at, :updated_at
\ No newline at end of file
diff --git a/app/views/task_items/show.json.jbuilder b/app/views/task_items/show.json.jbuilder
new file mode 100644
index 0000000..f1fc61b
--- /dev/null
+++ b/app/views/task_items/show.json.jbuilder
@@ -0,0 +1 @@
+json.partial! 'task_items/task_item', task_item: @task_item
\ No newline at end of file
diff --git a/app/views/task_lists/_task_list.json.jbuilder b/app/views/task_lists/_task_list.json.jbuilder
index b2b67c8..39bd525 100644
--- a/app/views/task_lists/_task_list.json.jbuilder
+++ b/app/views/task_lists/_task_list.json.jbuilder
@@ -1,3 +1,3 @@
 
 json.extract! task_list, :id, :name, :created_at, :updated_at
-json.task_items task_list.task_items, partial: 'task_item/task_item', as: :task_item
+json.task_items task_list.task_items, partial: 'task_items/task_item', as: :task_item
diff --git a/config/routes.rb b/config/routes.rb
index e0f93cc..9bd9ce4 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -34,7 +34,7 @@ Rails.application.routes.draw do
   end
 
   resources :task_lists, only: [:index, :show, :create, :update, :destroy] do
-    resources :task_list_items, only: [:create, :update, :destroy]
+    resources :task_items, only: [:create, :update, :destroy]
   end
 
   resource :user, only: [:new, :create, :edit, :update]
diff --git a/config/webpack/environment.js b/config/webpack/environment.js
index 0c8488d..3b91fd3 100644
--- a/config/webpack/environment.js
+++ b/config/webpack/environment.js
@@ -3,7 +3,7 @@ const vue =  require('./loaders/vue');
 const svg =  require('./loaders/svg');
 
 environment.loaders.append('vue', vue);
-//environment.loaders.append('svg', svg);
+//environment.loaders.prepend('svg', svg);
 
 //const fileLoader = environment.loaders.get('file');
 //fileLoader.exclude = /\.(svg)$/i;
diff --git a/config/webpack/loaders/svg.js b/config/webpack/loaders/svg.js
index 16b6182..7b00dcc 100644
--- a/config/webpack/loaders/svg.js
+++ b/config/webpack/loaders/svg.js
@@ -2,6 +2,9 @@
 module.exports = {
   test: /\.svg$/,
   use: [{
-    loader: 'svg-loader'
+    loader: 'url-loader',
+    options: {
+      limit: 10000
+    }
   }]
 };
diff --git a/db/migrate/20180906191333_update_task_items.rb b/db/migrate/20180906191333_update_task_items.rb
new file mode 100644
index 0000000..a940e68
--- /dev/null
+++ b/db/migrate/20180906191333_update_task_items.rb
@@ -0,0 +1,13 @@
+class UpdateTaskItems < ActiveRecord::Migration[5.2]
+
+  class TaskItemMigrator < ActiveRecord::Base
+    self.table_name = 'task_items'
+  end
+
+  def change
+    add_column :task_items, :completed, :boolean
+
+    TaskItemMigrator.reset_column_information
+    TaskItemMigrator.update_all(completed: false)
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 4d2cb55..bbe10b1 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 2018_08_27_215102) do
+ActiveRecord::Schema.define(version: 2018_09_06_191333) do
 
   create_table "ingredient_units", force: :cascade do |t|
     t.integer "ingredient_id", null: false
@@ -132,6 +132,7 @@ ActiveRecord::Schema.define(version: 2018_08_27_215102) do
     t.string "quantity"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
+    t.boolean "completed"
     t.index ["task_list_id"], name: "index_task_items_on_task_list_id"
   end
 
diff --git a/lib/tasks/dev.rake b/lib/tasks/dev.rake
new file mode 100644
index 0000000..ec5b4de
--- /dev/null
+++ b/lib/tasks/dev.rake
@@ -0,0 +1,25 @@
+namespace :dev do
+
+  desc 'Run both rails server and webpack dev server'
+  task :run do
+
+    pids = []
+
+    pids << fork do
+      exec 'rails s'
+    end
+
+    pids << fork do
+      exec 'bin/webpack-dev-server'
+    end
+
+    begin
+      Process.wait
+    rescue SignalException
+      puts 'shutting down...'
+      pids.each { |pid| Process.kill("SIGINT", pid) }
+    end
+
+  end
+
+end
\ No newline at end of file
diff --git a/package.json b/package.json
index 0bc8022..f4d2a59 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "css-loader": "^0.28.11",
     "lodash": "^4.17.5",
     "svg-loader": "^0.0.2",
+    "url-loader": "1.0.1",
     "vue": "^2.5.16",
     "vue-loader": "^14.2.2",
     "vue-progressbar": "^0.7.4",
diff --git a/yarn.lock b/yarn.lock
index 5bedfae..23991d1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3,32 +3,33 @@
 
 
 "@rails/webpacker@^3.5.3":
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/@rails/webpacker/-/webpacker-3.5.3.tgz#8be7f4bfb1ce6f00c3456cbbe3dc363ca72bafc8"
+  version "3.5.5"
+  resolved "https://registry.yarnpkg.com/@rails/webpacker/-/webpacker-3.5.5.tgz#8911c66bcefc8bc6b91270e92f0d39e3c2d43116"
   dependencies:
     babel-core "^6.26.3"
-    babel-loader "^7.1.4"
+    babel-loader "^7.1.5"
     babel-plugin-syntax-dynamic-import "^6.18.0"
     babel-plugin-transform-class-properties "^6.24.1"
     babel-plugin-transform-object-rest-spread "^6.26.0"
     babel-polyfill "^6.26.0"
-    babel-preset-env "^1.6.1"
+    babel-preset-env "^1.7.0"
     case-sensitive-paths-webpack-plugin "^2.1.2"
     compression-webpack-plugin "^1.1.11"
     css-loader "^0.28.11"
     extract-text-webpack-plugin "^3.0.2"
     file-loader "^1.1.11"
     glob "^7.1.2"
-    js-yaml "^3.11.0"
-    node-sass "^4.9.0"
+    js-yaml "^3.12.0"
+    node-sass "^4.9.2"
+    optimize-css-assets-webpack-plugin "^3.2.0"
     path-complete-extname "^1.0.0"
     postcss-cssnext "^3.1.0"
     postcss-import "^11.1.0"
-    postcss-loader "^2.1.4"
+    postcss-loader "^2.1.5"
     sass-loader "^6.0.7"
-    style-loader "^0.20.3"
-    uglifyjs-webpack-plugin "^1.2.5"
-    webpack "^3.11.0"
+    style-loader "^0.21.0"
+    uglifyjs-webpack-plugin "^1.2.7"
+    webpack "^3.12.0"
     webpack-manifest-plugin "^1.3.2"
 
 abbrev@1:
@@ -53,21 +54,14 @@ acorn@^4.0.3:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
 
 acorn@^5.0.0:
-  version "5.6.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.6.2.tgz#b1da1d7be2ac1b4a327fb9eab851702c5045b4e7"
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.2.tgz#91fa871883485d06708800318404e72bfb26dcc5"
 
 ajv-keywords@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.2.0.tgz#e86b819c602cf8821ad637413698f1dec021847a"
 
-ajv@^4.9.1:
-  version "4.11.8"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
-  dependencies:
-    co "^4.6.0"
-    json-stable-stringify "^1.0.1"
-
-ajv@^5.0.0:
+ajv@^5.0.0, ajv@^5.1.0, ajv@^5.3.0:
   version "5.5.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
   dependencies:
@@ -77,13 +71,13 @@ ajv@^5.0.0:
     json-schema-traverse "^0.3.0"
 
 ajv@^6.1.0:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.5.0.tgz#4c8affdf80887d8f132c9c52ab8a2dc4d0b7b24c"
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.5.3.tgz#71a569d189ecf4f4f321224fecb166f071dd90f9"
   dependencies:
     fast-deep-equal "^2.0.1"
     fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.3.0"
-    uri-js "^4.2.1"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
 
 align-text@^0.1.1, align-text@^0.1.3:
   version "0.1.4"
@@ -211,17 +205,15 @@ asn1.js@^4.0.0:
     minimalistic-assert "^1.0.0"
 
 asn1@~0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
+  dependencies:
+    safer-buffer "~2.1.0"
 
 assert-plus@1.0.0, assert-plus@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
 
-assert-plus@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
-
 assert@^1.1.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
@@ -255,8 +247,8 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
 
 atob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.1.tgz#ae2d5a729477f289d60dd7f96a6314a22dd6c22a"
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
 
 autoprefixer@^6.3.1:
   version "6.7.7"
@@ -271,7 +263,7 @@ autoprefixer@^6.3.1:
 
 autoprefixer@^7.1.1:
   version "7.2.6"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-7.2.6.tgz#256672f86f7c735da849c4f07d008abb056067dc"
+  resolved "http://registry.npmjs.org/autoprefixer/-/autoprefixer-7.2.6.tgz#256672f86f7c735da849c4f07d008abb056067dc"
   dependencies:
     browserslist "^2.11.3"
     caniuse-lite "^1.0.30000805"
@@ -284,13 +276,13 @@ autosize@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/autosize/-/autosize-4.0.2.tgz#073cfd07c8bf45da4b9fd153437f5bafbba1e4c9"
 
-aws-sign2@~0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
 
-aws4@^1.2.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.7.0.tgz#d4d0e9b9dbfca77bf08eeb0a8a471550fe39e289"
+aws4@^1.6.0, aws4@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
 
 babel-code-frame@^6.26.0:
   version "6.26.0"
@@ -438,9 +430,9 @@ babel-helpers@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-loader@^7.1.4:
-  version "7.1.4"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.4.tgz#e3463938bd4e6d55d1c174c5485d406a188ed015"
+babel-loader@^7.1.5:
+  version "7.1.5"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.5.tgz#e3ee0cd7394aa557e013b02d3e492bfd07aa6d68"
   dependencies:
     find-cache-dir "^1.0.0"
     loader-utils "^1.0.2"
@@ -460,23 +452,23 @@ babel-plugin-check-es2015-constants@^6.22.0:
 
 babel-plugin-syntax-async-functions@^6.8.0:
   version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
+  resolved "http://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
 
 babel-plugin-syntax-class-properties@^6.8.0:
   version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
+  resolved "http://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
 
 babel-plugin-syntax-dynamic-import@^6.18.0:
   version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
+  resolved "http://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
 
 babel-plugin-syntax-exponentiation-operator@^6.8.0:
   version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
+  resolved "http://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
 
 babel-plugin-syntax-object-rest-spread@^6.8.0:
   version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
+  resolved "http://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
 
 babel-plugin-syntax-trailing-function-commas@^6.22.0:
   version "6.22.0"
@@ -703,7 +695,7 @@ babel-polyfill@^6.26.0:
     core-js "^2.5.0"
     regenerator-runtime "^0.10.5"
 
-babel-preset-env@^1.6.1:
+babel-preset-env@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.7.0.tgz#dea79fa4ebeb883cd35dab07e260c1c9c04df77a"
   dependencies:
@@ -827,8 +819,8 @@ batch@0.6.1:
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
 
 bcrypt-pbkdf@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
   dependencies:
     tweetnacl "^0.14.3"
 
@@ -847,8 +839,8 @@ block-stream@*:
     inherits "~2.0.0"
 
 bluebird@^3.1.1, bluebird@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.1.tgz#d9551f9de98f1fcda1e683d17ee91a0602ee2eb9"
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.2.tgz#1be0908e054a751754549c270489c1505d4ab15a"
 
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
   version "4.11.8"
@@ -880,12 +872,6 @@ bonjour@^3.5.0:
     multicast-dns "^6.0.1"
     multicast-dns-service-types "^1.1.0"
 
-boom@2.x.x:
-  version "2.10.1"
-  resolved "https://registry.yarnpkg.com/boom/-/boom-2.10.1.tgz#39c8918ceff5799f83f9492a848f625add0c766f"
-  dependencies:
-    hoek "2.x.x"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -940,12 +926,13 @@ browserify-cipher@^1.0.0:
     evp_bytestokey "^1.0.0"
 
 browserify-des@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.1.tgz#3343124db6d7ad53e26a8826318712bdc8450f9c"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
   dependencies:
     cipher-base "^1.0.1"
     des.js "^1.0.0"
     inherits "^2.0.1"
+    safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0:
   version "4.0.1"
@@ -994,8 +981,8 @@ browserslist@^3.2.6:
     electron-to-chromium "^1.3.47"
 
 buffer-from@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.0.tgz#87fcaa3a298358e0ade6e442cfce840740d1ad04"
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
 
 buffer-indexof@^1.0.0:
   version "1.1.1"
@@ -1007,7 +994,7 @@ buffer-xor@^1.0.3:
 
 buffer@^4.3.0:
   version "4.9.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  resolved "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
   dependencies:
     base64-js "^1.0.2"
     ieee754 "^1.1.4"
@@ -1103,21 +1090,17 @@ caniuse-api@^2.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
-  version "1.0.30000851"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000851.tgz#8a0d3ca4dde72068560acc98bacf75a359e8d3e3"
+  version "1.0.30000885"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000885.tgz#cdc98dd168ed59678650071f7f6a70910e275bc8"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000792, caniuse-lite@^1.0.30000805, caniuse-lite@^1.0.30000815, caniuse-lite@^1.0.30000844:
-  version "1.0.30000851"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000851.tgz#3b498aebf9f92cf6cff4ab54d13b557c0b590533"
+  version "1.0.30000885"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000885.tgz#e889e9f8e7e50e769f2a49634c932b8aee622984"
 
 case-sensitive-paths-webpack-plugin@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.1.2.tgz#c899b52175763689224571dad778742e133f0192"
 
-caseless@~0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.11.0.tgz#715b96ea9841593cc33067923f5ec60ebda4f7d7"
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -1131,7 +1114,7 @@ center-align@^0.1.1:
 
 chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  resolved "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   dependencies:
     ansi-styles "^2.2.1"
     escape-string-regexp "^1.0.2"
@@ -1148,8 +1131,8 @@ chalk@^2.0.1, chalk@^2.4.1:
     supports-color "^5.3.0"
 
 chokidar@^2.0.0, chokidar@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.0.3.tgz#dcbd4f6cbb2a55b4799ba8a840ac527e5f4b1176"
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.0.4.tgz#356ff4e2b0e8e43e322d18a372460bbcf3accd26"
   dependencies:
     anymatch "^2.0.0"
     async-each "^1.0.0"
@@ -1158,12 +1141,13 @@ chokidar@^2.0.0, chokidar@^2.0.2:
     inherits "^2.0.1"
     is-binary-path "^1.0.0"
     is-glob "^4.0.0"
+    lodash.debounce "^4.0.8"
     normalize-path "^2.1.1"
     path-is-absolute "^1.0.0"
     readdirp "^2.0.0"
-    upath "^1.0.0"
+    upath "^1.0.5"
   optionalDependencies:
-    fsevents "^1.1.2"
+    fsevents "^1.2.2"
 
 chownr@^1.0.1:
   version "1.0.1"
@@ -1242,12 +1226,12 @@ collection-visit@^1.0.0:
     object-visit "^1.0.0"
 
 color-convert@^1.3.0, color-convert@^1.8.2, color-convert@^1.9.0, color-convert@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.1.tgz#c1261107aeb2f294ebffec9ed9ecad529a6097ed"
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   dependencies:
-    color-name "^1.1.1"
+    color-name "1.1.3"
 
-color-name@^1.0.0, color-name@^1.1.1:
+color-name@1.1.3, color-name@^1.0.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
 
@@ -1258,8 +1242,8 @@ color-string@^0.3.0:
     color-name "^1.0.0"
 
 color-string@^1.4.0, color-string@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.2.tgz#26e45814bc3c9a7cbd6751648a41434514a773a9"
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
   dependencies:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
@@ -1298,16 +1282,12 @@ colors@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
 
-combined-stream@^1.0.5, combined-stream@~1.0.5:
+combined-stream@1.0.6, combined-stream@~1.0.5, combined-stream@~1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.6.tgz#723e7df6e801ac5613113a7e445a9b69cb632818"
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.9.0:
-  version "2.15.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.15.1.tgz#df46e867d0fc2aec66a34662b406a9ccafff5b0f"
-
 commander@~2.13.0:
   version "2.13.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
@@ -1320,15 +1300,15 @@ component-emitter@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
 
-compressible@~2.0.13:
+compressible@~2.0.14:
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.14.tgz#326c5f507fbb055f54116782b969a81b67a29da7"
   dependencies:
     mime-db ">= 1.34.0 < 2"
 
 compression-webpack-plugin@^1.1.11:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/compression-webpack-plugin/-/compression-webpack-plugin-1.1.11.tgz#8384c7a6ead1d2e2efb190bdfcdcf35878ed8266"
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/compression-webpack-plugin/-/compression-webpack-plugin-1.1.12.tgz#becd2aec620ace96bb3fe9a42a55cf48acc8b4d4"
   dependencies:
     cacache "^10.0.1"
     find-cache-dir "^1.0.0"
@@ -1337,15 +1317,15 @@ compression-webpack-plugin@^1.1.11:
     webpack-sources "^1.0.1"
 
 compression@^1.5.2:
-  version "1.7.2"
-  resolved "http://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69"
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.3.tgz#27e0e176aaf260f7f2c2813c3e440adb9f1993db"
   dependencies:
-    accepts "~1.3.4"
+    accepts "~1.3.5"
     bytes "3.0.0"
-    compressible "~2.0.13"
+    compressible "~2.0.14"
     debug "2.6.9"
     on-headers "~1.0.1"
-    safe-buffer "5.1.1"
+    safe-buffer "5.1.2"
     vary "~1.1.2"
 
 concat-map@0.0.1:
@@ -1394,8 +1374,10 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
 
 convert-source-map@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.1.tgz#b8278097b9bc229365de5c62cf5fcaed8b5599e5"
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20"
+  dependencies:
+    safe-buffer "~5.1.1"
 
 cookie-signature@1.0.6:
   version "1.0.6"
@@ -1440,6 +1422,15 @@ cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
     parse-json "^2.2.0"
     require-from-string "^1.1.0"
 
+cosmiconfig@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-4.0.0.tgz#760391549580bbd2df1e562bc177b13c290972dc"
+  dependencies:
+    is-directory "^0.3.1"
+    js-yaml "^3.9.0"
+    parse-json "^4.0.0"
+    require-from-string "^2.0.1"
+
 create-ecdh@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@@ -1483,12 +1474,6 @@ cross-spawn@^5.0.1:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cryptiles@2.x.x:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
-  dependencies:
-    boom "2.x.x"
-
 crypto-browserify@^3.11.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
@@ -1553,7 +1538,7 @@ cssesc@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
 
-cssnano@^3.10.0:
+cssnano@^3.10.0, cssnano@^3.4.0:
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-3.10.0.tgz#4f38f6cea2b9b17fa01490f23f1dc68ea65c1c38"
   dependencies:
@@ -1656,11 +1641,10 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
 
 define-properties@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.2.tgz#83a73f2fea569898fb737193c8f873caf6d45c94"
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
   dependencies:
-    foreach "^2.0.5"
-    object-keys "^1.0.8"
+    object-keys "^1.0.12"
 
 define-property@^0.2.5:
   version "0.2.5"
@@ -1734,8 +1718,8 @@ detect-libc@^1.0.2:
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
 
 detect-node@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.3.tgz#a2033c09cc8e158d37748fbde7507832bd6ce127"
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
 
 diffie-hellman@^5.0.0:
   version "5.0.3"
@@ -1776,22 +1760,23 @@ duplexify@^3.4.2, duplexify@^3.6.0:
     stream-shift "^1.0.0"
 
 ecc-jsbn@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
   dependencies:
     jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
 
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
 electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.47:
-  version "1.3.48"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.48.tgz#d3b0d8593814044e092ece2108fc3ac9aea4b900"
+  version "1.3.63"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.63.tgz#6485f5f4f3375358aa8fa23c2029ada208483b8d"
 
 elliptic@^6.0.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -1830,9 +1815,9 @@ errno@^0.1.3, errno@~0.1.7:
   dependencies:
     prr "~1.0.1"
 
-error-ex@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc"
+error-ex@^1.2.0, error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
   dependencies:
     is-arrayish "^0.2.1"
 
@@ -1855,8 +1840,8 @@ es-to-primitive@^1.1.1:
     is-symbol "^1.0.1"
 
 es5-ext@^0.10.14, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
-  version "0.10.45"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.45.tgz#0bfdf7b473da5919d5adf3bd25ceb754fccc3653"
+  version "0.10.46"
+  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.46.tgz#efd99f67c5a7ec789baa3daa7f79870388f7f572"
   dependencies:
     es6-iterator "~2.0.3"
     es6-symbol "~3.1.1"
@@ -1929,8 +1914,8 @@ esprima@^2.6.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
 
 esprima@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.0.tgz#4499eddcd1110e0b218bacf2fa7f7f59f55ca804"
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
 
 esrecurse@^4.1.0:
   version "4.2.1"
@@ -2016,7 +2001,7 @@ expand-range@^1.8.1:
 
 express@^4.16.2:
   version "4.16.3"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.16.3.tgz#6af8a502350db3246ecc4becf6b5a34d22f7ed53"
+  resolved "http://registry.npmjs.org/express/-/express-4.16.3.tgz#6af8a502350db3246ecc4becf6b5a34d22f7ed53"
   dependencies:
     accepts "~1.3.5"
     array-flatten "1.1.1"
@@ -2062,9 +2047,9 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
-extend@~3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
+extend@~3.0.1, extend@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
 
 extglob@^0.3.1:
   version "0.3.2"
@@ -2205,8 +2190,8 @@ flush-write-stream@^1.0.0:
     readable-stream "^2.0.4"
 
 follow-redirects@^1.0.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.0.tgz#234f49cf770b7f35b40e790f636ceba0c3a0ab77"
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.7.tgz#a39e4804dacb90202bca76a9e2ac10433ca6a69a"
   dependencies:
     debug "^3.1.0"
 
@@ -2230,20 +2215,16 @@ for-own@^1.0.0:
   dependencies:
     for-in "^1.0.1"
 
-foreach@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
-
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
 
-form-data@~2.1.1:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1"
+form-data@~2.3.1, form-data@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.2.tgz#4970498be604c20c005d4f5c23aecd21d6b49099"
   dependencies:
     asynckit "^0.4.0"
-    combined-stream "^1.0.5"
+    combined-stream "1.0.6"
     mime-types "^2.1.12"
 
 forwarded@~0.1.2:
@@ -2296,7 +2277,7 @@ fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
 
-fsevents@^1.1.2:
+fsevents@^1.2.2:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.4.tgz#f41dcb1af2582af3692da36fc55cbd8e1041c426"
   dependencies:
@@ -2335,19 +2316,9 @@ gaze@^1.0.0:
   dependencies:
     globule "^1.0.0"
 
-generate-function@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/generate-function/-/generate-function-2.0.0.tgz#6858fe7c0969b7d4e9093337647ac79f60dfbe74"
-
-generate-object-property@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/generate-object-property/-/generate-object-property-1.2.0.tgz#9c0e1c40308ce804f4783618b937fa88f99d50d0"
-  dependencies:
-    is-property "^1.0.0"
-
 get-caller-file@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
 
 get-stdin@^4.0.1:
   version "4.0.1"
@@ -2387,19 +2358,9 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
-  dependencies:
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "2 || 3"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.2, glob@~7.1.1:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.2.tgz#c19c9df9a028702d678612384a6552404c636d15"
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
@@ -2438,25 +2399,23 @@ handle-thing@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4"
 
-har-schema@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-1.0.5.tgz#d263135f43307c02c602afc8fe95970c0151369e"
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
 
-har-validator@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-2.0.6.tgz#cdcbc08188265ad119b6a5a7c8ab70eecfb5d27d"
+har-validator@~5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.0.3.tgz#ba402c266194f15956ef15e0fcf242993f6a7dfd"
   dependencies:
-    chalk "^1.1.1"
-    commander "^2.9.0"
-    is-my-json-valid "^2.12.4"
-    pinkie-promise "^2.0.0"
+    ajv "^5.1.0"
+    har-schema "^2.0.0"
 
-har-validator@~4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-4.2.1.tgz#33481d0f1bbff600dd203d75812a6a5fba002e2a"
+har-validator@~5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.0.tgz#44657f5688a22cfd4b72486e81b3a3fb11742c29"
   dependencies:
-    ajv "^4.9.1"
-    har-schema "^1.0.5"
+    ajv "^5.3.0"
+    har-schema "^2.0.0"
 
 has-ansi@^2.0.0:
   version "2.0.0"
@@ -2525,20 +2484,11 @@ hash-sum@^1.0.2:
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
 
 hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846"
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.5.tgz#e38ab4b85dfb1e0c40fe9265c0e9b54854c23812"
   dependencies:
     inherits "^2.0.3"
-    minimalistic-assert "^1.0.0"
-
-hawk@~3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/hawk/-/hawk-3.1.3.tgz#078444bd7c1640b0fe540d2c9b73d59678e8e1c4"
-  dependencies:
-    boom "2.x.x"
-    cryptiles "2.x.x"
-    hoek "2.x.x"
-    sntp "1.x.x"
+    minimalistic-assert "^1.0.1"
 
 he@^1.1.0:
   version "1.1.1"
@@ -2552,10 +2502,6 @@ hmac-drbg@^1.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoek@2.x.x:
-  version "2.16.3"
-  resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
-
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -2564,8 +2510,8 @@ home-or-tmp@^2.0.0:
     os-tmpdir "^1.0.1"
 
 hosted-git-info@^2.1.4:
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.6.0.tgz#23235b29ab230c576aab0d4f13fc046b0b038222"
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.7.1.tgz#97f236977bd6e125408930ff6de3eec6281ec047"
 
 hpack.js@^2.1.6:
   version "2.1.6"
@@ -2627,11 +2573,11 @@ http-proxy@^1.16.2:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
-http-signature@~1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
   dependencies:
-    assert-plus "^0.2.0"
+    assert-plus "^1.0.0"
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
@@ -2644,8 +2590,8 @@ iconv-lite@0.4.19:
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
 
 iconv-lite@^0.4.4:
-  version "0.4.23"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.23.tgz#297871f63be507adcfbfca715d0cd0eed84e9a63"
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
@@ -2660,8 +2606,8 @@ icss-utils@^2.1.0:
     postcss "^6.0.1"
 
 ieee754@^1.1.4:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.11.tgz#c16384ffe00f5b7835824e67b6f2bd44a5229455"
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.12.tgz#50bf24e5b9c8bb98af4964c941cdb0918da7b60b"
 
 iferr@^0.1.5:
   version "0.1.5"
@@ -2673,6 +2619,18 @@ ignore-walk@^3.0.1:
   dependencies:
     minimatch "^3.0.4"
 
+import-cwd@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
+  dependencies:
+    import-from "^2.1.0"
+
+import-from@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  dependencies:
+    resolve-from "^3.0.0"
+
 import-local@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-1.0.0.tgz#5e4ffdc03f4fe6c009c6729beb29631c2f8227bc"
@@ -2745,9 +2703,9 @@ ip@^1.1.0, ip@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
 
-ipaddr.js@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.6.0.tgz#e3fa357b773da619f26e95f049d055c72796f86b"
+ipaddr.js@1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.8.0.tgz#eaa33d6ddd7ace8f7f6fe0c9ca0440e706738b1e"
 
 is-absolute-url@^2.0.0:
   version "2.1.0"
@@ -2770,8 +2728,8 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
 
 is-arrayish@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.1.tgz#c2dfc386abaa0c3e33c48db3fe87059e69065efd"
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
 
 is-binary-path@^1.0.0:
   version "1.0.1"
@@ -2790,8 +2748,8 @@ is-builtin-module@^1.0.0:
     builtin-modules "^1.0.0"
 
 is-callable@^1.1.1, is-callable@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.3.tgz#86eb75392805ddc33af71c92a0eedf74ee7604b2"
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
 
 is-data-descriptor@^0.1.4:
   version "0.1.4"
@@ -2891,20 +2849,6 @@ is-glob@^4.0.0:
   dependencies:
     is-extglob "^2.1.1"
 
-is-my-ip-valid@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-my-ip-valid/-/is-my-ip-valid-1.0.0.tgz#7b351b8e8edd4d3995d4d066680e664d94696824"
-
-is-my-json-valid@^2.12.4:
-  version "2.17.2"
-  resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.17.2.tgz#6b2103a288e94ef3de5cf15d29dd85fc4b78d65c"
-  dependencies:
-    generate-function "^2.0.0"
-    generate-object-property "^1.1.0"
-    is-my-ip-valid "^1.0.0"
-    jsonpointer "^4.0.0"
-    xtend "^4.0.0"
-
 is-number@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
@@ -2921,12 +2865,6 @@ is-number@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
 
-is-odd@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-odd/-/is-odd-2.0.0.tgz#7646624671fd7ea558ccd9a2795182f2958f1b24"
-  dependencies:
-    is-number "^4.0.0"
-
 is-path-cwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
@@ -2961,10 +2899,6 @@ is-primitive@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
 
-is-property@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"
-
 is-regex@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
@@ -3028,14 +2962,18 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
 
 js-base64@^2.1.8, js-base64@^2.1.9:
-  version "2.4.5"
-  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.5.tgz#e293cd3c7c82f070d700fc7a1ca0a2e69f101f92"
+  version "2.4.9"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.9.tgz#748911fb04f48a60c4771b375cac45a80df11c03"
 
-js-tokens@^3.0.0, js-tokens@^3.0.2:
+"js-tokens@^3.0.0 || ^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+
+js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
 
-js-yaml@^3.11.0, js-yaml@^3.4.3:
+js-yaml@^3.12.0, js-yaml@^3.4.3, js-yaml@^3.9.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.0.tgz#eaed656ec8344f10f527c6bfa1b6e2244de167d1"
   dependencies:
@@ -3065,20 +3003,22 @@ json-loader@^0.5.4:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
 
+json-parse-better-errors@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+
 json-schema-traverse@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz#349a6d44c53a51de89b40805c5d5e59b417d3340"
 
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+
 json-schema@0.2.3:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
 
-json-stable-stringify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
-  dependencies:
-    jsonify "~0.0.0"
-
 json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -3097,14 +3037,6 @@ jsonfile@^2.1.0:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
-
-jsonpointer@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-4.0.1.tgz#4fd92cb34e0e9db3c89c8622ecf51f9b978c6cb9"
-
 jsprim@^1.2.2:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
@@ -3144,6 +3076,13 @@ klaw@^1.0.0:
   optionalDependencies:
     graceful-fs "^4.1.9"
 
+last-call-webpack-plugin@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/last-call-webpack-plugin/-/last-call-webpack-plugin-2.1.2.tgz#ad80c6e310998294d2ed2180a68e9589e4768c44"
+  dependencies:
+    lodash "^4.17.4"
+    webpack-sources "^1.0.1"
+
 lazy-cache@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
@@ -3208,6 +3147,10 @@ lodash.clonedeep@^4.3.2:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+
 lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -3250,10 +3193,10 @@ longest@^1.0.1:
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
 
 loose-envify@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   dependencies:
-    js-tokens "^3.0.0"
+    js-tokens "^3.0.0 || ^4.0.0"
 
 loud-rejection@^1.0.0:
   version "1.6.0"
@@ -3387,19 +3330,15 @@ miller-rabin@^4.0.0:
     bn.js "^4.0.0"
     brorand "^1.0.1"
 
-"mime-db@>= 1.34.0 < 2":
-  version "1.34.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.34.0.tgz#452d0ecff5c30346a6dc1e64b1eaee0d3719ff9a"
+"mime-db@>= 1.34.0 < 2", mime-db@~1.36.0:
+  version "1.36.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.36.0.tgz#5020478db3c7fe93aad7bbcc4dcf869c43363397"
 
-mime-db@~1.33.0:
-  version "1.33.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.33.0.tgz#a3492050a5cb9b63450541e39d9788d2272783db"
-
-mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.18, mime-types@~2.1.7:
-  version "2.1.18"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.18.tgz#6f323f60a83d11146f831ff11fd66e2fe5503bb8"
+mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.18, mime-types@~2.1.19:
+  version "2.1.20"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.20.tgz#930cb719d571e903738520f8470911548ca2cc19"
   dependencies:
-    mime-db "~1.33.0"
+    mime-db "~1.36.0"
 
 mime@1.4.1:
   version "1.4.1"
@@ -3409,11 +3348,15 @@ mime@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
 
+mime@^2.0.3:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.3.1.tgz#b1621c54d63b97c47d3cfe7f7215f7d64517c369"
+
 mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
 
-minimalistic-assert@^1.0.0:
+minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
 
@@ -3421,7 +3364,7 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
 
-"minimatch@2 || 3", minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2:
+minimatch@^3.0.2, minimatch@^3.0.4, minimatch@~3.0.2:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   dependencies:
@@ -3429,15 +3372,15 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
 
 minimist@0.0.8:
   version "0.0.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+  resolved "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
 minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+  resolved "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
 minipass@^2.2.1, minipass@^2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.3.tgz#a7dcc8b7b833f5d368759cce544dccb55f50f233"
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.4.tgz#4768d7605ed6194d6d576169b9e12ef71e9d9957"
   dependencies:
     safe-buffer "^5.1.2"
     yallist "^3.0.0"
@@ -3479,7 +3422,7 @@ mixin-object@^2.0.1:
 
 mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
   version "0.5.1"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  resolved "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   dependencies:
     minimist "0.0.8"
 
@@ -3510,19 +3453,18 @@ multicast-dns@^6.0.1:
     thunky "^1.0.2"
 
 nan@^2.10.0, nan@^2.9.2:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.10.0.tgz#96d0cd610ebd58d4b4de9cc0c6828cda99c7548f"
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.11.0.tgz#574e360e4d954ab16966ec102c0c049fd961a099"
 
 nanomatch@^1.2.9:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.9.tgz#879f7150cb2dab7a471259066c104eee6e0fa7c2"
+  version "1.2.13"
+  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
   dependencies:
     arr-diff "^4.0.0"
     array-unique "^0.3.2"
     define-property "^2.0.2"
     extend-shallow "^3.0.2"
     fragment-cache "^0.2.1"
-    is-odd "^2.0.0"
     is-windows "^1.0.2"
     kind-of "^6.0.2"
     object.pick "^1.3.0"
@@ -3530,9 +3472,9 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-needle@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.1.tgz#b5e325bd3aae8c2678902fa296f729455d1d3a7d"
+needle@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-2.2.2.tgz#1120ca4c41f2fcc6976fd28a8968afe239929418"
   dependencies:
     debug "^2.1.2"
     iconv-lite "^0.4.4"
@@ -3543,8 +3485,8 @@ negotiator@0.6.1:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
 neo-async@^2.5.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.5.1.tgz#acb909e327b1e87ec9ef15f41b8a269512ad41ee"
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.5.2.tgz#489105ce7bc54e709d736b195f82135048c50fcc"
 
 next-tick@1:
   version "1.0.0"
@@ -3554,9 +3496,9 @@ node-forge@0.7.5:
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.5.tgz#6c152c345ce11c52f465c2abd957e8639cd674df"
 
-node-gyp@^3.3.1:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.7.0.tgz#789478e8f6c45e277aa014f3e28f958f286f9203"
+node-gyp@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.8.0.tgz#540304261c330e80d0d5edce253a68cb3964218c"
   dependencies:
     fstream "^1.0.0"
     glob "^7.0.3"
@@ -3565,7 +3507,7 @@ node-gyp@^3.3.1:
     nopt "2 || 3"
     npmlog "0 || 1 || 2 || 3 || 4"
     osenv "0"
-    request ">=2.9.0 <2.82.0"
+    request "^2.87.0"
     rimraf "2"
     semver "~5.3.0"
     tar "^2.0.0"
@@ -3600,23 +3542,23 @@ node-libs-browser@^2.0.0:
     vm-browserify "0.0.4"
 
 node-pre-gyp@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.10.0.tgz#6e4ef5bb5c5203c6552448828c852c40111aac46"
+  version "0.10.3"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz#3070040716afdc778747b61b6887bf78880b80fc"
   dependencies:
     detect-libc "^1.0.2"
     mkdirp "^0.5.1"
-    needle "^2.2.0"
+    needle "^2.2.1"
     nopt "^4.0.1"
     npm-packlist "^1.1.6"
     npmlog "^4.0.2"
-    rc "^1.1.7"
+    rc "^1.2.7"
     rimraf "^2.6.1"
     semver "^5.3.0"
     tar "^4"
 
-node-sass@^4.9.0:
-  version "4.9.0"
-  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.9.0.tgz#d1b8aa855d98ed684d6848db929a20771cc2ae52"
+node-sass@^4.9.2:
+  version "4.9.3"
+  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.9.3.tgz#f407cf3d66f78308bb1e346b24fa428703196224"
   dependencies:
     async-foreach "^0.1.3"
     chalk "^1.1.1"
@@ -3631,9 +3573,9 @@ node-sass@^4.9.0:
     meow "^3.7.0"
     mkdirp "^0.5.1"
     nan "^2.10.0"
-    node-gyp "^3.3.1"
+    node-gyp "^3.8.0"
     npmlog "^4.0.0"
-    request "~2.79.0"
+    request "2.87.0"
     sass-graph "^2.2.4"
     stdout-stream "^1.4.0"
     "true-case-path" "^1.0.2"
@@ -3680,12 +3622,12 @@ normalize-url@^1.4.0:
     sort-keys "^1.0.0"
 
 npm-bundled@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.3.tgz#7e71703d973af3370a9591bafe3a63aca0be2308"
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.5.tgz#3c1732b7ba936b3a10325aef616467c0ccbcc979"
 
 npm-packlist@^1.1.6:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.1.10.tgz#1039db9e985727e464df066f4cf0ab6ef85c398a"
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.1.11.tgz#84e8c683cbe7867d34b1d357d893ce29e28a02de"
   dependencies:
     ignore-walk "^3.0.1"
     npm-bundled "^1.0.1"
@@ -3713,10 +3655,14 @@ number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
 
-oauth-sign@~0.8.1:
+oauth-sign@~0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
 
+oauth-sign@~0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
+
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -3729,9 +3675,9 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
-object-keys@^1.0.8:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.11.tgz#c54601778ad560f1142ce0e01bcca8b56d13426d"
+object-keys@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.12.tgz#09c53855377575310cca62f55bb334abff7b3ed2"
 
 object-visit@^1.0.0:
   version "1.0.1"
@@ -3782,11 +3728,18 @@ opn@^5.1.0:
   dependencies:
     is-wsl "^1.1.0"
 
-original@>=0.0.5:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/original/-/original-1.0.1.tgz#b0a53ff42ba997a8c9cd1fb5daaeb42b9d693190"
+optimize-css-assets-webpack-plugin@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-3.2.0.tgz#09a40c4cefde1dd0142444a873c56aa29eb18e6f"
   dependencies:
-    url-parse "~1.4.0"
+    cssnano "^3.4.0"
+    last-call-webpack-plugin "^2.1.2"
+
+original@>=0.0.5:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
+  dependencies:
+    url-parse "^1.4.3"
 
 os-browserify@^0.3.0:
   version "0.3.0"
@@ -3798,7 +3751,7 @@ os-homedir@^1.0.0, os-homedir@^1.0.1:
 
 os-locale@^1.4.0:
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  resolved "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
   dependencies:
     lcid "^1.0.0"
 
@@ -3882,6 +3835,13 @@ parse-json@^2.2.0:
   dependencies:
     error-ex "^1.2.0"
 
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
 parseurl@~1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.2.tgz#fc289d4ed8993119460c156253262cdc8de65bf3"
@@ -3925,8 +3885,8 @@ path-key@^2.0.0:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
 
 path-parse@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
 
 path-to-regexp@0.1.7:
   version "0.1.7"
@@ -3956,9 +3916,9 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-performance-now@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
 
 pify@^2.0.0, pify@^2.3.0:
   version "2.3.0"
@@ -4000,8 +3960,8 @@ pleeease-filters@^4.0.0:
     postcss "^6.0.1"
 
 portfinder@^1.0.9:
-  version "1.0.13"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.13.tgz#bb32ecd87c27104ae6ee44b5a3ccbf0ebb1aede9"
+  version "1.0.17"
+  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.17.tgz#a8a1691143e46c4735edefcf4fbcccedad26456a"
   dependencies:
     async "^1.5.2"
     debug "^2.2.0"
@@ -4251,7 +4211,7 @@ postcss-initial@^2.0.0:
     lodash.template "^4.2.4"
     postcss "^6.0.1"
 
-postcss-load-config@^1.1.0, postcss-load-config@^1.2.0:
+postcss-load-config@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
   dependencies:
@@ -4260,6 +4220,13 @@ postcss-load-config@^1.1.0, postcss-load-config@^1.2.0:
     postcss-load-options "^1.2.0"
     postcss-load-plugins "^2.3.0"
 
+postcss-load-config@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.0.0.tgz#f1312ddbf5912cd747177083c5ef7a19d62ee484"
+  dependencies:
+    cosmiconfig "^4.0.0"
+    import-cwd "^2.0.0"
+
 postcss-load-options@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
@@ -4274,13 +4241,13 @@ postcss-load-plugins@^2.3.0:
     cosmiconfig "^2.1.1"
     object-assign "^4.1.0"
 
-postcss-loader@^2.1.4:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.1.5.tgz#3c6336ee641c8f95138172533ae461a83595e788"
+postcss-loader@^2.1.5:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.1.6.tgz#1d7dd7b17c6ba234b9bed5af13e0bea40a42d740"
   dependencies:
     loader-utils "^1.1.0"
     postcss "^6.0.0"
-    postcss-load-config "^1.2.0"
+    postcss-load-config "^2.0.0"
     schema-utils "^0.4.0"
 
 postcss-media-minmax@^3.0.0:
@@ -4518,8 +4485,8 @@ postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0
     supports-color "^3.2.3"
 
 postcss@^6.0, postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.14, postcss@^6.0.17, postcss@^6.0.18, postcss@^6.0.22, postcss@^6.0.5, postcss@^6.0.6, postcss@^6.0.8:
-  version "6.0.22"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.22.tgz#e23b78314905c3b90cbd61702121e7a78848f2a3"
+  version "6.0.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
   dependencies:
     chalk "^2.4.1"
     source-map "^0.6.1"
@@ -4534,8 +4501,8 @@ preserve@^0.2.0:
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
 prettier@^1.7.0:
-  version "1.13.5"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.13.5.tgz#7ae2076998c8edce79d63834e9b7b09fead6bfd0"
+  version "1.14.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.14.2.tgz#0ac1c6e1a90baa22a62925f41963c841983282f9"
 
 private@^0.1.6, private@^0.1.8:
   version "0.1.8"
@@ -4554,11 +4521,11 @@ promise-inflight@^1.0.1:
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
 
 proxy-addr@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.3.tgz#355f262505a621646b3130a728eb647e22055341"
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.4.tgz#ecfc733bf22ff8c6f407fa275327b9ab67e48b93"
   dependencies:
     forwarded "~0.1.2"
-    ipaddr.js "1.6.0"
+    ipaddr.js "1.8.0"
 
 prr@~1.0.1:
   version "1.0.1"
@@ -4568,6 +4535,10 @@ pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
 
+psl@^1.1.24:
+  version "1.1.29"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.29.tgz#60f580d360170bb722a797cc704411e6da850c67"
+
 public-encrypt@^4.0.0:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.2.tgz#46eb9107206bf73489f8b85b69d91334c6610994"
@@ -4613,13 +4584,9 @@ qs@6.5.1:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.1.tgz#349cdf6eef89ec45c12d7d5eb3fc0c870343a6d8"
 
-qs@~6.3.0:
-  version "6.3.2"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.3.2.tgz#e75bd5f6e268122a2a0e0bda630b2550c166502c"
-
-qs@~6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+qs@~6.5.1, qs@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
 
 query-string@^4.1.0:
   version "4.3.4"
@@ -4641,8 +4608,8 @@ querystringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.0.0.tgz#fa3ed6e68eb15159457c89b37bc6472833195755"
 
 randomatic@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.0.0.tgz#d35490030eb4f7578de292ce6dfb04a91a128923"
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.0.tgz#36f2ca708e9e567f5ed2ec01949026d50aa10116"
   dependencies:
     is-number "^4.0.0"
     kind-of "^6.0.0"
@@ -4674,7 +4641,7 @@ raw-body@2.3.2:
     iconv-lite "0.4.19"
     unpipe "1.0.0"
 
-rc@^1.1.7:
+rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   dependencies:
@@ -4832,8 +4799,8 @@ remove-trailing-separator@^1.0.1:
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
 
 repeat-element@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
 
 repeat-string@^1.5.2, repeat-string@^1.6.1:
   version "1.6.1"
@@ -4845,57 +4812,55 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
-"request@>=2.9.0 <2.82.0":
-  version "2.81.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
+request@2.87.0:
+  version "2.87.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.87.0.tgz#32f00235cd08d482b4d0d68db93a829c0ed5756e"
   dependencies:
-    aws-sign2 "~0.6.0"
-    aws4 "^1.2.1"
+    aws-sign2 "~0.7.0"
+    aws4 "^1.6.0"
     caseless "~0.12.0"
     combined-stream "~1.0.5"
-    extend "~3.0.0"
+    extend "~3.0.1"
     forever-agent "~0.6.1"
-    form-data "~2.1.1"
-    har-validator "~4.2.1"
-    hawk "~3.1.3"
-    http-signature "~1.1.0"
+    form-data "~2.3.1"
+    har-validator "~5.0.3"
+    http-signature "~1.2.0"
     is-typedarray "~1.0.0"
     isstream "~0.1.2"
     json-stringify-safe "~5.0.1"
-    mime-types "~2.1.7"
-    oauth-sign "~0.8.1"
-    performance-now "^0.2.0"
-    qs "~6.4.0"
-    safe-buffer "^5.0.1"
-    stringstream "~0.0.4"
-    tough-cookie "~2.3.0"
+    mime-types "~2.1.17"
+    oauth-sign "~0.8.2"
+    performance-now "^2.1.0"
+    qs "~6.5.1"
+    safe-buffer "^5.1.1"
+    tough-cookie "~2.3.3"
     tunnel-agent "^0.6.0"
-    uuid "^3.0.0"
+    uuid "^3.1.0"
 
-request@~2.79.0:
-  version "2.79.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
+request@^2.87.0:
+  version "2.88.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
   dependencies:
-    aws-sign2 "~0.6.0"
-    aws4 "^1.2.1"
-    caseless "~0.11.0"
-    combined-stream "~1.0.5"
-    extend "~3.0.0"
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
     forever-agent "~0.6.1"
-    form-data "~2.1.1"
-    har-validator "~2.0.6"
-    hawk "~3.1.3"
-    http-signature "~1.1.0"
+    form-data "~2.3.2"
+    har-validator "~5.1.0"
+    http-signature "~1.2.0"
     is-typedarray "~1.0.0"
     isstream "~0.1.2"
     json-stringify-safe "~5.0.1"
-    mime-types "~2.1.7"
-    oauth-sign "~0.8.1"
-    qs "~6.3.0"
-    stringstream "~0.0.4"
-    tough-cookie "~2.3.0"
-    tunnel-agent "~0.4.1"
-    uuid "^3.0.0"
+    mime-types "~2.1.19"
+    oauth-sign "~0.9.0"
+    performance-now "^2.1.0"
+    qs "~6.5.2"
+    safe-buffer "^5.1.2"
+    tough-cookie "~2.4.3"
+    tunnel-agent "^0.6.0"
+    uuid "^3.3.2"
 
 require-directory@^2.1.1:
   version "2.1.1"
@@ -4905,6 +4870,10 @@ require-from-string@^1.1.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-1.2.1.tgz#529c9ccef27380adfec9a2f965b649bbee636418"
 
+require-from-string@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+
 require-main-filename@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
@@ -4928,8 +4897,8 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
 
 resolve@^1.1.7, resolve@^1.4.0:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.7.1.tgz#aadd656374fd298aee895bc026b8297418677fd3"
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.8.1.tgz#82f1ec19a423ac1fbd080b0bab06ba36e84a7a26"
   dependencies:
     path-parse "^1.0.5"
 
@@ -4974,7 +4943,7 @@ safe-buffer@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
 
-safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+safe-buffer@5.1.2, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
 
@@ -4984,7 +4953,7 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2:
+"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
 
@@ -5017,9 +4986,9 @@ schema-utils@^0.3.0:
   dependencies:
     ajv "^5.0.0"
 
-schema-utils@^0.4.0, schema-utils@^0.4.5:
-  version "0.4.5"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.5.tgz#21836f0608aac17b78f9e3e24daff14a5ca13a3e"
+schema-utils@^0.4.0, schema-utils@^0.4.3, schema-utils@^0.4.5:
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
   dependencies:
     ajv "^6.1.0"
     ajv-keywords "^3.1.0"
@@ -5042,8 +5011,8 @@ selfsigned@^1.9.1:
     node-forge "0.7.5"
 
 "semver@2 || 3 || 4 || 5", semver@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
+  version "5.5.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.1.tgz#7dfdd8814bdb7cabc7be0fb1d734cfb66c940477"
 
 semver@~5.3.0:
   version "5.3.0"
@@ -5196,15 +5165,9 @@ snapdragon@^0.8.1:
     source-map-resolve "^0.5.0"
     use "^3.1.0"
 
-sntp@1.x.x:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
-  dependencies:
-    hoek "2.x.x"
-
-sockjs-client@1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.1.4.tgz#5babe386b775e4cf14e7520911452654016c8b12"
+sockjs-client@1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.1.5.tgz#1bb7c0f7222c40f42adf14f4442cbd1269771a83"
   dependencies:
     debug "^2.6.6"
     eventsource "0.1.6"
@@ -5356,8 +5319,8 @@ statuses@~1.4.0:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
 
 stdout-stream@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.0.tgz#a2c7c8587e54d9427ea9edb3ac3f2cd522df378b"
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de"
   dependencies:
     readable-stream "^2.0.1"
 
@@ -5369,8 +5332,8 @@ stream-browserify@^2.0.1:
     readable-stream "^2.0.2"
 
 stream-each@^1.1.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.2.tgz#8e8c463f91da8991778765873fe4d960d8f616bd"
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
   dependencies:
     end-of-stream "^1.1.0"
     stream-shift "^1.0.0"
@@ -5414,10 +5377,6 @@ string_decoder@^1.0.0, string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-stringstream@~0.0.4:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.6.tgz#7880225b0d4ad10e30927d167a1d6f2fd3b33a72"
-
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -5454,9 +5413,9 @@ strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
 
-style-loader@^0.20.3:
-  version "0.20.3"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.20.3.tgz#ebef06b89dec491bcb1fdb3452e913a6fd1c10c4"
+style-loader@^0.21.0:
+  version "0.21.0"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.21.0.tgz#68c52e5eb2afc9ca92b6274be277ee59aea3a852"
   dependencies:
     loader-utils "^1.1.0"
     schema-utils "^0.4.5"
@@ -5478,8 +5437,8 @@ supports-color@^4.2.1:
     has-flag "^2.0.0"
 
 supports-color@^5.1.0, supports-color@^5.3.0, supports-color@^5.4.0:
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.4.0.tgz#1c6b337402c2137605efe19f10fec390f6faab54"
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   dependencies:
     has-flag "^3.0.0"
 
@@ -5512,8 +5471,8 @@ tar@^2.0.0:
     inherits "2"
 
 tar@^4:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.4.tgz#ec8409fae9f665a4355cc3b4087d0820232bb8cd"
+  version "4.4.6"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.6.tgz#63110f09c00b4e60ac8bcfe1bf3c8660235fbc9b"
   dependencies:
     chownr "^1.0.1"
     fs-minipass "^1.2.5"
@@ -5535,8 +5494,8 @@ thunky@^1.0.2:
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.0.2.tgz#a862e018e3fb1ea2ec3fce5d55605cf57f247371"
 
 time-stamp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-2.0.0.tgz#95c6a44530e15ba8d6f4a3ecb8c3a3fac46da357"
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-2.1.0.tgz#6c5c0b2bc835a244616abcfddf81ce13a1975c9f"
 
 timers-browserify@^2.0.4:
   version "2.0.10"
@@ -5574,12 +5533,19 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
-tough-cookie@~2.3.0:
+tough-cookie@~2.3.3:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.4.tgz#ec60cee38ac675063ffc97a5c18970578ee83655"
   dependencies:
     punycode "^1.4.1"
 
+tough-cookie@~2.4.3:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
+  dependencies:
+    psl "^1.1.24"
+    punycode "^1.4.1"
+
 trim-newlines@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
@@ -5589,10 +5555,10 @@ trim-right@^1.0.1:
   resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
 
 "true-case-path@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.2.tgz#7ec91130924766c7f573be3020c34f8fdfd00d62"
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d"
   dependencies:
-    glob "^6.0.4"
+    glob "^7.1.2"
 
 tty-browserify@0.0.0:
   version "0.0.0"
@@ -5604,10 +5570,6 @@ tunnel-agent@^0.6.0:
   dependencies:
     safe-buffer "^5.0.1"
 
-tunnel-agent@~0.4.1:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.4.3.tgz#6373db76909fe570e08d73583365ed828a74eeeb"
-
 tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
@@ -5651,9 +5613,9 @@ uglifyjs-webpack-plugin@^0.4.6:
     uglify-js "^2.8.29"
     webpack-sources "^1.0.1"
 
-uglifyjs-webpack-plugin@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.2.5.tgz#2ef8387c8f1a903ec5e44fa36f9f3cbdcea67641"
+uglifyjs-webpack-plugin@^1.2.7:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.3.0.tgz#75f548160858163a08643e086d5fefe18a5d67de"
   dependencies:
     cacache "^10.0.4"
     find-cache-dir "^1.0.0"
@@ -5711,11 +5673,11 @@ unset-value@^1.0.0:
     has-value "^0.3.1"
     isobject "^3.0.0"
 
-upath@^1.0.0:
+upath@^1.0.5:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.1.0.tgz#35256597e46a581db4793d0ce47fa9aebfc9fabd"
 
-uri-js@^4.2.1:
+uri-js@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
   dependencies:
@@ -5725,9 +5687,17 @@ urix@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
 
-url-parse@^1.1.8, url-parse@~1.4.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.1.tgz#4dec9dad3dc8585f862fed461d2e19bbf623df30"
+url-loader@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.0.1.tgz#61bc53f1f184d7343da2728a1289ef8722ea45ee"
+  dependencies:
+    loader-utils "^1.1.0"
+    mime "^2.0.3"
+    schema-utils "^0.4.3"
+
+url-parse@^1.1.8, url-parse@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.3.tgz#bfaee455c889023219d757e045fa6a684ec36c15"
   dependencies:
     querystringify "^2.0.0"
     requires-port "^1.0.0"
@@ -5740,10 +5710,8 @@ url@^0.11.0:
     querystring "0.2.0"
 
 use@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/use/-/use-3.1.0.tgz#14716bf03fdfefd03040aef58d8b4b85f3a7c544"
-  dependencies:
-    kind-of "^6.0.2"
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
 
 util-deprecate@~1.0.1:
   version "1.0.2"
@@ -5765,13 +5733,13 @@ utils-merge@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
 
-uuid@^3.0.0, uuid@^3.0.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.2.1.tgz#12c528bb9d58d0b9265d9a2f6f0fe8be17ff1f14"
+uuid@^3.0.1, uuid@^3.1.0, uuid@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
 
 validate-npm-package-license@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.3.tgz#81643bcbef1bdfecd4623793dc4648948ba98338"
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
   dependencies:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
@@ -5833,15 +5801,15 @@ vue-router@^3.0.1:
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.0.1.tgz#d9b05ad9c7420ba0f626d6500d693e60092cc1e9"
 
 vue-style-loader@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.0.tgz#7588bd778e2c9f8d87bfc3c5a4a039638da7a863"
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
   dependencies:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
 vue-template-compiler@^2.5.16:
-  version "2.5.16"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.16.tgz#93b48570e56c720cdf3f051cc15287c26fbd04cb"
+  version "2.5.17"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.17.tgz#52a4a078c327deb937482a509ae85c06f346c3cb"
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"
@@ -5851,8 +5819,8 @@ vue-template-es2015-compiler@^1.6.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.6.0.tgz#dc42697133302ce3017524356a6c61b7b69b4a18"
 
 vue@^2.5.16:
-  version "2.5.16"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.16.tgz#07edb75e8412aaeed871ebafa99f4672584a0085"
+  version "2.5.17"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.5.17.tgz#0f8789ad718be68ca1872629832ed533589c6ada"
 
 vuex-router-sync@^5.0.0:
   version "5.0.0"
@@ -5887,8 +5855,8 @@ webpack-dev-middleware@1.12.2:
     time-stamp "^2.0.0"
 
 webpack-dev-server@^2.11.2:
-  version "2.11.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.11.2.tgz#1f4f4c78bf1895378f376815910812daf79a216f"
+  version "2.11.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-2.11.3.tgz#3fd48a402164a6569d94d3d17f131432631b4873"
   dependencies:
     ansi-html "0.0.7"
     array-includes "^3.0.3"
@@ -5911,7 +5879,7 @@ webpack-dev-server@^2.11.2:
     selfsigned "^1.9.1"
     serve-index "^1.7.2"
     sockjs "0.3.19"
-    sockjs-client "1.1.4"
+    sockjs-client "1.1.5"
     spdy "^3.4.1"
     strip-ansi "^3.0.0"
     supports-color "^5.1.0"
@@ -5926,13 +5894,13 @@ webpack-manifest-plugin@^1.3.2:
     lodash ">=3.5 <5"
 
 webpack-sources@^1.0.1, webpack-sources@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.1.0.tgz#a101ebae59d6507354d71d8013950a3a8b7a5a54"
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.2.0.tgz#18181e0d013fce096faf6f8e6d41eeffffdceac2"
   dependencies:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
-webpack@^3.11.0:
+webpack@^3.11.0, webpack@^3.12.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/webpack/-/webpack-3.12.0.tgz#3f9e34360370602fcf639e97939db486f4ec0d74"
   dependencies:
@@ -6010,7 +5978,7 @@ worker-farm@^1.5.2:
 
 wrap-ansi@^2.0.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
+  resolved "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
   dependencies:
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
@@ -6059,7 +6027,7 @@ yargs-parser@^7.0.0:
 
 yargs@6.6.0:
   version "6.6.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
   dependencies:
     camelcase "^3.0.0"
     cliui "^3.2.0"
@@ -6113,7 +6081,7 @@ yargs@^8.0.2:
 
 yargs@~3.10.0:
   version "3.10.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  resolved "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
   dependencies:
     camelcase "^1.0.2"
     cliui "^2.1.0"

From b1e5c221015823af62634b1491647e02b2e41957 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Fri, 7 Sep 2018 21:56:13 -0500
Subject: [PATCH 08/10] task lists

---
 app/controllers/task_items_controller.rb      | 20 ++++-
 app/javascript/components/AppDropdown.vue     | 15 +++-
 app/javascript/components/AppIcon.vue         | 26 +++---
 app/javascript/components/TaskItemList.vue    | 20 +++--
 .../components/TaskListDropdownItem.vue       |  2 +-
 app/javascript/components/TheRecipeList.vue   | 48 ++++++++---
 app/javascript/components/TheTaskListList.vue | 57 ++++++++++++-
 app/javascript/lib/Api.js                     | 19 ++++-
 app/javascript/store/index.js                 | 35 +++++---
 app/views/home/sw.js.erb                      |  9 ++-
 config/routes.rb                              |  7 +-
 db/schema.rb                                  |  1 +
 spec/controllers/task_item_controller_spec.rb | 80 +++++++++++++++++++
 spec/factories/task_items.rb                  |  1 +
 spec/models/task_item_spec.rb                 |  2 +-
 spec/models/task_list_spec.rb                 |  2 +-
 16 files changed, 288 insertions(+), 56 deletions(-)
 create mode 100644 spec/controllers/task_item_controller_spec.rb

diff --git a/app/controllers/task_items_controller.rb b/app/controllers/task_items_controller.rb
index 10b71b2..c706e29 100644
--- a/app/controllers/task_items_controller.rb
+++ b/app/controllers/task_items_controller.rb
@@ -2,7 +2,7 @@ class TaskItemsController < ApplicationController
 
   before_action :ensure_valid_user
   before_action :set_task_list
-  before_action :set_task_item, only: [:update, :destroy]
+  before_action :set_task_item, only: [:update]
 
   def create
     @task_item = TaskItem.new(task_item_params)
@@ -24,7 +24,23 @@ class TaskItemsController < ApplicationController
   end
 
   def destroy
-    @task_item.destroy
+    ids = Array.wrap(params[:id]) + Array.wrap(params[:ids])
+    TaskItem.transaction do
+      @task_items = @task_list.task_items.find(ids)
+      @task_items.each { |i| i.destroy }
+    end
+
+    head :no_content
+  end
+
+  def complete
+    ids = Array.wrap(params[:id]) + Array.wrap(params[:ids])
+    new_status = !params[:invert].present?
+    TaskItem.transaction do
+      @task_items = @task_list.task_items.find(ids)
+      @task_items.each { |i| i.update_attribute(:completed, new_status) }
+    end
+
     head :no_content
   end
 
diff --git a/app/javascript/components/AppDropdown.vue b/app/javascript/components/AppDropdown.vue
index 8acb916..c37dfb7 100644
--- a/app/javascript/components/AppDropdown.vue
+++ b/app/javascript/components/AppDropdown.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="dropdown" :class="{'is-active': open}">
+  <div class="dropdown" :class="{'is-active': open, 'is-hoverable': hover}">
     <div class="dropdown-trigger">
       <slot name="button">
         <button type="button" class="button" :class="buttonClass" @click="toggle">
           <span>{{ label }}</span>
-          <app-icon icon="caret-bottom"></app-icon>
+          <app-icon icon="caret-bottom" size="xs"></app-icon>
         </button>
       </slot>
     </div>
@@ -24,8 +24,15 @@
   export default {
     props: {
       open: {
-        required: true,
-        type: Boolean
+        required: false,
+        type: Boolean,
+        default: false
+      },
+
+      hover: {
+        required: false,
+        type: Boolean,
+        default: false
       },
 
       label: {
diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index d78478a..1c22293 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -1,6 +1,6 @@
 <template>
   <span class="icon" :class="sizeClass" @click="$emit('click', $event)">
-    <img ref="img" :class="['iconic', 'iconic-fluid', size]" :data-src="iconUrl" v-bind="extraIconAttributes" :style="{padding: svgPadding}" />
+    <img ref="img" :class="['iconic', 'iconic-fluid', size]" v-bind="extraIconAttributes" :style="{padding: svgPadding}" />
   </span>
 </template>
 
@@ -13,6 +13,7 @@
   import CircleCheck from "../iconic/svg/smart/circle-check";
   import Link from "../iconic/svg/smart/link";
   import Lock from "../iconic/svg/smart/lock";
+  import Menu from "../iconic/svg/smart/menu";
   import Person from "../iconic/svg/smart/person";
   import Pencil from "../iconic/svg/smart/pencil";
   import Star from "../iconic/svg/smart/star";
@@ -26,7 +27,8 @@
   class IconData {
     constructor(url, dataAttributes) {
       this.url = url;
-      this.dataAttributes = dataAttributes || [];
+      this.dataAttributes = dataAttributes || {};
+      this.dataAttributes['src'] = url;
     }
   }
 
@@ -46,6 +48,7 @@
     'link-intact': new IconData(Link, {state: 'intact'}),
     'lock-locked': new IconData(Lock, {state: 'locked'}),
     'lock-unlocked': new IconData(Lock, {state: 'unlocked'}),
+    menu: new IconData(Menu),
     pencil: new IconData(Pencil),
     person: new IconData(Person),
     star: new IconData(Star),
@@ -54,6 +57,7 @@
   };
 
   const sizeMap = {
+    xs: new SizeData('is-small', '25%'),
     sm: new SizeData('is-small'),
     md: new SizeData(''),
     lg: new SizeData('is-medium'),
@@ -93,10 +97,6 @@
         return sizeMap[this.size];
       },
 
-      iconUrl() {
-        return this.iconData.url;
-      },
-
       extraIconAttributes() {
         const attrs = {};
 
@@ -117,16 +117,20 @@
 
     mounted() {
       const self = this;
-      iconicInstance.inject(this.$refs.img, {
-        each: function(svg) { self.injectedSvg = svg; }
+      setTimeout(() => {
+        iconicInstance.inject(this.$refs.img, {
+          each: function(svg) { self.injectedSvg = svg; }
+        });
       });
     },
 
     updated() {
-      for(let attr in this.extraIconAttributes) {
-        this.injectedSvg.setAttribute(attr, this.extraIconAttributes[attr]);
+      if (this.injectedSvg) {
+        for(let attr in this.extraIconAttributes) {
+          this.injectedSvg.setAttribute(attr, this.extraIconAttributes[attr]);
+        }
+        iconicInstance.update(this.injectedSvg);
       }
-      iconicInstance.update(this.injectedSvg);
     }
   }
 
diff --git a/app/javascript/components/TaskItemList.vue b/app/javascript/components/TaskItemList.vue
index e8348f3..3eb9e3c 100644
--- a/app/javascript/components/TaskItemList.vue
+++ b/app/javascript/components/TaskItemList.vue
@@ -21,6 +21,7 @@
         <td>
           <div class="check">
             <app-icon v-if="i.completed" icon="check"></app-icon>
+            <span class="icon" v-else></span>
           </div>
         </td>
         <td>{{ i.name }}</td>
@@ -92,7 +93,8 @@
     methods: {
       ...mapActions([
         'createTaskItem',
-        'updateTaskItem'
+        'updateTaskItem',
+        'completeTaskItems'
       ]),
 
       save() {
@@ -107,11 +109,13 @@
       },
 
       toggleItem(i) {
-        const item = cloneDeep(i);
-        item.completed = !item.completed;
         this.loadResource(
-          this.updateTaskItem(item)
-        )
+          this.completeTaskItems({
+            taskList: this.taskList,
+            taskItems: [i],
+            completed: !i.completed
+          })
+        );
       },
 
       toggleShowAddItem() {
@@ -130,6 +134,8 @@
 
 <style lang="scss" scoped>
 
+  @import "../styles/variables";
+
   .columns {
     margin-top: 0;
     margin-bottom: 0;
@@ -142,4 +148,8 @@
     margin-bottom: 0;
   }
 
+  div.check .icon {
+    border: 2px solid $link;
+  }
+
 </style>
\ No newline at end of file
diff --git a/app/javascript/components/TaskListDropdownItem.vue b/app/javascript/components/TaskListDropdownItem.vue
index 9c84fae..b3c6c3f 100644
--- a/app/javascript/components/TaskListDropdownItem.vue
+++ b/app/javascript/components/TaskListDropdownItem.vue
@@ -1,7 +1,7 @@
 <template>
 
   <div class="dropdown-item" @mouseover="hovering = true" @mouseleave="hovering = false" :class="{hovered: hovering, 'is-active': active}" @click="selectList">
-    <span>{{taskList.name}}</span>
+    <span>{{taskList.name}} ({{ taskList.task_items.length }})</span>
     <button @click.stop="confirmingDelete = true" class="button is-small is-danger is-pulled-right"><app-icon icon="x" size="sm"></app-icon></button>
     <div class="is-clearfix"></div>
 
diff --git a/app/javascript/components/TheRecipeList.vue b/app/javascript/components/TheRecipeList.vue
index e38c544..2321501 100644
--- a/app/javascript/components/TheRecipeList.vue
+++ b/app/javascript/components/TheRecipeList.vue
@@ -6,7 +6,7 @@
 
     <app-pager :current-page="currentPage" :total-pages="totalPages" paged-item-name="recipe" @changePage="changePage"></app-pager>
 
-    <table class="table is-fullwidth">
+    <table class="table is-fullwidth" :class="{ small: mediaQueries.touch }">
       <thead>
         <tr>
           <th v-for="h in tableHeader" :key="h.name">
@@ -52,23 +52,30 @@
           <td class="recipe-time">{{ formatRecipeTime(r.total_time, r.active_time) }}</td>
           <td><app-date-time :date-time="r.created_at" :show-time="false"></app-date-time></td>
           <td>
-            <div class="field is-grouped">
-              <div class="control">
-                <router-link v-if="isLoggedIn" :to="{name: 'new_log', params: { recipeId: r.id } }" class="button is-primary">
-                  <app-icon icon="star" size="md"></app-icon>
+            <app-dropdown hover v-if="isLoggedIn" class="is-right">
+              <button slot="button" class="button">
+                <app-icon icon="menu"></app-icon>
+              </button>
+
+              <div class="dropdown-item">
+                <router-link :to="{name: 'new_log', params: { recipeId: r.id } }" class="button is-primary is-fullwidth">
+                  <app-icon icon="star" size="md"></app-icon> <span>Add Log Entry</span>
                 </router-link>
               </div>
-              <div class="control">
-                <router-link v-if="isLoggedIn" :to="{name: 'edit_recipe', params: { id: r.id } }" class="button is-primary">
-                  <app-icon icon="pencil" size="md"></app-icon>
+
+              <div class="dropdown-item">
+                <router-link :to="{name: 'edit_recipe', params: { id: r.id } }" class="button is-primary is-fullwidth">
+                  <app-icon icon="pencil" size="md"></app-icon> <span>Edit Recipe</span>
                 </router-link>
               </div>
-              <div class="control">
-                <button v-if="isLoggedIn" type="button" class="button is-danger" @click="deleteRecipe(r)">
-                  <app-icon icon="x" size="md"></app-icon>
+
+              <div class="dropdown-item">
+                <button type="button" class="button is-danger is-fullwidth" @click="deleteRecipe(r)">
+                  <app-icon icon="x" size="md"></app-icon> <span>Delete Recipe</span>
                 </button>
               </div>
-            </div>
+
+            </app-dropdown>
           </td>
         </tr>
       </tbody>
@@ -85,6 +92,7 @@
 
   import api from "../lib/Api";
   import debounce from "lodash/debounce";
+  import { mapState } from "vuex";
 
   export default {
     data() {
@@ -103,6 +111,9 @@
     },
 
     computed: {
+      ...mapState([
+        "mediaQueries"
+      ]),
       recipes() {
         if (this.recipeData) {
           return this.recipeData.recipes;
@@ -227,4 +238,17 @@
   .recipe-time {
     white-space: nowrap;
   }
+
+  .table th {
+    white-space: nowrap;
+  }
+
+  .table.small {
+    td, th {
+      &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5), &:nth-of-type(6) {
+        display: none;
+      }
+    }
+  }
+
 </style>
\ No newline at end of file
diff --git a/app/javascript/components/TheTaskListList.vue b/app/javascript/components/TheTaskListList.vue
index 21a92ef..3ab264c 100644
--- a/app/javascript/components/TheTaskListList.vue
+++ b/app/javascript/components/TheTaskListList.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>Tasks</h1>
+    <h1 class="title is-3">Tasks</h1>
 
     <app-dropdown button-class="is-primary" :open="showListDropdown" :label="listSelectLabel" @open="showListDropdown = true" @close="showListDropdown = false">
 
@@ -11,10 +11,19 @@
         <task-list-mini-form :task-list="newList" :validation-errors="newListValidationErrors" @save="saveNewList"></task-list-mini-form>
       </div>
     </app-dropdown>
+    <br><br>
 
     <div v-if="currentTaskList !== null">
 
-      <task-item-list :task-list="currentTaskList"></task-item-list>
+      <div class="box">
+        <button class="button" @click="deleteCompletedItems">Clear Completed</button>
+        <button class="button" @click="completeAllItems">Check All</button>
+        <button class="button" @click="unCompleteAllItems">Uncheck All</button>
+      </div>
+
+      <div class="box">
+        <task-item-list :task-list="currentTaskList"></task-item-list>
+      </div>
 
     </div>
 
@@ -64,7 +73,9 @@
       ...mapActions([
         'refreshTaskLists',
         'createTaskList',
-        'deleteTaskList'
+        'deleteTaskList',
+        'deleteTaskItems',
+        'completeTaskItems'
       ]),
       ...mapMutations([
         'setCurrentTaskList'
@@ -88,6 +99,46 @@
         this.loadResource(
           this.deleteTaskList(list)
         );
+      },
+
+      completeAllItems() {
+        const toComplete = this.currentTaskList.task_items.filter(i => !i.completed);
+        this.loadResource(
+          this.completeTaskItems({
+            taskList: this.currentTaskList,
+            taskItems: toComplete,
+            completed: true
+          })
+        )
+      },
+
+      unCompleteAllItems() {
+        const toUnComplete = this.currentTaskList.task_items.filter(i => i.completed);
+        this.loadResource(
+          this.completeTaskItems({
+            taskList: this.currentTaskList,
+            taskItems: toUnComplete,
+            completed: false
+          })
+        )
+      },
+
+      deleteCompletedItems() {
+        this.loadResource(
+          this.deleteTaskItems({
+            taskList: this.currentTaskList,
+            taskItems: this.currentTaskList.task_items.filter(i => i.completed)
+          })
+        );
+      },
+
+      deleteAllItems() {
+        this.loadResource(
+          this.deleteTaskItems({
+            taskList: this.currentTaskList,
+            taskItems: this.currentTaskList.task_items
+          })
+        );
       }
     },
 
diff --git a/app/javascript/lib/Api.js b/app/javascript/lib/Api.js
index 94defe3..f653e7c 100644
--- a/app/javascript/lib/Api.js
+++ b/app/javascript/lib/Api.js
@@ -403,8 +403,23 @@ class Api {
     return this.patch(`/task_lists/${listId}/task_items/${taskItem.id}`, params);
   }
 
-  deleteTaskItem(listId, taskItem) {
-    return this.del(`/task_lists/${listId}/task_items/${taskItem.id}`);
+  deleteTaskItems(listId, taskItems) {
+    const params = {
+      ids: taskItems.map(i => i.id)
+    };
+    return this.del(`/task_lists/${listId}/task_items/`, params);
+  }
+
+  completeTaskItems(listId, taskItems, invert = false) {
+    const params = {
+      ids: taskItems.map(i => i.id)
+    };
+
+    if (invert === true) {
+      params.invert = true;
+    }
+
+    return this.patch(`/task_lists/${listId}/task_items/complete`, params);
   }
 
   getAdminUserList() {
diff --git a/app/javascript/store/index.js b/app/javascript/store/index.js
index 22cafbf..9bc900c 100644
--- a/app/javascript/store/index.js
+++ b/app/javascript/store/index.js
@@ -97,14 +97,26 @@ export default new Vuex.Store({
       }
     },
 
-    removeTaskItem(state, item) {
-      const listId = item.task_list_id;
+    removeTaskItems(state, payload) {
+      const listId = payload.taskList.id;
       const list = state.taskLists.find(l => l.id === listId);
       if (list) {
-        const taskIdx = list.task_items.findIndex(i => i.id === item.id);
-        if (taskIdx >= 0) {
-          list.task_items.splice(taskIdx, 1);
-        }
+
+        list.task_items = list.task_items.filter(item => {
+          return payload.taskItems.findIndex(i => i.id === item.id) === -1;
+        });
+      }
+    },
+
+    setTaskItemCompletion(state, payload) {
+      const listId = payload.taskList.id;
+      const list = state.taskLists.find(l => l.id === listId);
+      if (list) {
+        list.task_items.forEach(item => {
+          if (payload.taskItems.findIndex(i => i.id === item.id) >= 0) {
+            item.completed = payload.completed;
+          }
+        });
       }
     }
   },
@@ -182,9 +194,14 @@ export default new Vuex.Store({
         });
     },
 
-    deleteTaskItem({commit}, taskItem) {
-      return api.deleteTaskItem(taskItem.task_list_id, taskItem)
-        .then(() => commit("removeTaskItem", taskItem));
+    deleteTaskItems({commit}, payload) {
+      return api.deleteTaskItems(payload.taskList.id, payload.taskItems)
+        .then(() => commit("removeTaskItems", payload));
+    },
+
+    completeTaskItems({commit}, payload) {
+      return api.completeTaskItems(payload.taskList.id, payload.taskItems, !payload.completed)
+        .then(() => commit("setTaskItemCompletion", payload));
     }
   }
 });
\ No newline at end of file
diff --git a/app/views/home/sw.js.erb b/app/views/home/sw.js.erb
index 0bf73e0..3606b1b 100644
--- a/app/views/home/sw.js.erb
+++ b/app/views/home/sw.js.erb
@@ -1,10 +1,11 @@
 
 <%
   manifest_data = Webpacker::manifest.refresh
-  pack_assets = manifest_data.values.select { |asset| asset !~ /\.map$/ } #   [asset_pack_path("application.js"), asset_pack_path("application.css")].select { |a| a.present? }
+  manifest_timestamp = File.mtime(Webpacker::config.public_manifest_path).to_i
+  pack_assets = manifest_data.values.select { |asset| asset !~ /\.map$/ }
 %>
 
-var cacheName = "parsley-cache-<%= File.mtime(Webpacker::config.public_manifest_path).to_i %>";
+var cacheName = "parsley-cache-<%= manifest_timestamp %>";
 
 var staticAssets = [
   "/"
@@ -27,7 +28,7 @@ self.addEventListener('activate', function(event) {
     caches.keys().then(function (keyList) {
       return Promise.all(keyList.map(function (key) {
         if (key !== cacheName) {
-          console.log('[ServiceWorker] Removing old cache', key);
+          console.log(`[ServiceWorker] Removing old cache: ${key}`);
           return caches.delete(key);
         }
       }));
@@ -42,7 +43,7 @@ self.addEventListener('fetch', function(event) {
 
   // Any non-GET or non-http(s) request should be ignored
   if (event.request.method !== 'GET' || event.request.url.indexOf('http') !== 0) {
-    return fetch(event.request);
+    return;
   }
 
   // Cache-first response for static assets
diff --git a/config/routes.rb b/config/routes.rb
index 9bd9ce4..773d14b 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -34,7 +34,12 @@ Rails.application.routes.draw do
   end
 
   resources :task_lists, only: [:index, :show, :create, :update, :destroy] do
-    resources :task_items, only: [:create, :update, :destroy]
+    resources :task_items, only: [:create, :update] do
+      collection do
+        delete '/', action: :destroy, as: :destroy
+        patch 'complete', action: :complete
+      end
+    end
   end
 
   resource :user, only: [:new, :create, :edit, :update]
diff --git a/db/schema.rb b/db/schema.rb
index bbe10b1..98cb2e9 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -83,6 +83,7 @@ ActiveRecord::Schema.define(version: 2018_09_06_191333) do
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
     t.text "preparation"
+    t.integer "recipe_as_ingredient_id"
     t.index ["recipe_id"], name: "index_recipe_ingredients_on_recipe_id"
   end
 
diff --git a/spec/controllers/task_item_controller_spec.rb b/spec/controllers/task_item_controller_spec.rb
new file mode 100644
index 0000000..d4ed112
--- /dev/null
+++ b/spec/controllers/task_item_controller_spec.rb
@@ -0,0 +1,80 @@
+require 'rails_helper'
+
+RSpec.describe TaskItemsController, type: :controller do
+
+  render_views
+
+  before(:each) do
+    request.accept = "application/json"
+  end
+
+  let(:user) {
+    create(:user)
+  }
+
+  let(:task_list) { create(:task_list, user: user) }
+
+  let(:valid_session) { {user_id: user.id} }
+
+  describe 'POST #create' do
+    it 'creates a task_item' do
+      expect do
+        post :create, params: {task_list_id: task_list.id, task_item: {name: 'name'}}, session: valid_session
+      end.to change(TaskItem, :count).by 1
+    end
+  end
+
+  describe 'PATCH #update' do
+    it 'updates a task_item' do
+      i = create(:task_item, task_list: task_list)
+      patch :update, params: {task_list_id: task_list.id, id: i.id, task_item: {name: 'new name'}}, session: valid_session
+      i.reload
+      expect(i.name).to eq 'new name'
+    end
+  end
+
+  describe 'DELETE #destroy' do
+    it 'destroys the item' do
+      i = create(:task_item, task_list: task_list)
+      delete :destroy, params: {task_list_id: task_list.id, id: i.id}, session: valid_session
+      expect(TaskItem.where(id: i.id).count).to eq 0
+    end
+
+    it 'destroys an array of items' do
+      i1 = create(:task_item, task_list: task_list)
+      i2 = create(:task_item, task_list: task_list)
+      i3 = create(:task_item, task_list: task_list)
+      delete :destroy, params: {task_list_id: task_list.id, ids: [i1.id, i2.id, i3.id]}, session: valid_session
+      expect(TaskItem.where(id: [i1.id, i2.id, i3.id]).count).to eq 0
+    end
+  end
+
+  describe 'PATCH complete' do
+    it 'sets all given items to completed' do
+      i1 = create(:task_item, task_list: task_list)
+      i2 = create(:task_item, task_list: task_list)
+      i3 = create(:task_item, task_list: task_list)
+
+      patch :complete, params: {task_list_id: task_list.id, ids: [i1.id, i2.id, i3.id]}, session: valid_session
+
+      [i1, i2, i3].each do |i|
+        i.reload
+        expect(i.completed).to be_truthy
+      end
+    end
+
+    it 'sets all given items to not completed' do
+      i1 = create(:task_item, task_list: task_list)
+      i2 = create(:task_item, task_list: task_list)
+      i3 = create(:task_item, task_list: task_list)
+
+      patch :complete, params: {task_list_id: task_list.id, ids: [i1.id, i2.id, i3.id], invert: true}, session: valid_session
+
+      [i1, i2, i3].each do |i|
+        i.reload
+        expect(i.completed).to be_falsey
+      end
+    end
+  end
+
+end
\ No newline at end of file
diff --git a/spec/factories/task_items.rb b/spec/factories/task_items.rb
index 1e6dee4..e1aaf7c 100644
--- a/spec/factories/task_items.rb
+++ b/spec/factories/task_items.rb
@@ -3,5 +3,6 @@ FactoryBot.define do
     task_list
     name "MyString"
     quantity "MyString"
+    completed false
   end
 end
diff --git a/spec/models/task_item_spec.rb b/spec/models/task_item_spec.rb
index 691d29e..b941aff 100644
--- a/spec/models/task_item_spec.rb
+++ b/spec/models/task_item_spec.rb
@@ -1,5 +1,5 @@
 require 'rails_helper'
 
 RSpec.describe TaskItem, type: :model do
-  pending "add some examples to (or delete) #{__FILE__}"
+
 end
diff --git a/spec/models/task_list_spec.rb b/spec/models/task_list_spec.rb
index 21e2bf2..2143202 100644
--- a/spec/models/task_list_spec.rb
+++ b/spec/models/task_list_spec.rb
@@ -1,5 +1,5 @@
 require 'rails_helper'
 
 RSpec.describe TaskList, type: :model do
-  pending "add some examples to (or delete) #{__FILE__}"
+  
 end

From db028887761d1093c719f92da1214a1853818e3d Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Sun, 9 Sep 2018 16:37:25 -0500
Subject: [PATCH 09/10] icons

---
 app/javascript/components/AppIcon.vue | 194 ++++++++++++++++++++++----
 config/webpack/environment.js         |   6 +-
 config/webpack/loaders/svg.js         |  16 ++-
 config/webpack/loaders/svg_loader.js  |  27 ++++
 lib/tasks/dev.rake                    |  47 +++++--
 5 files changed, 244 insertions(+), 46 deletions(-)
 create mode 100644 config/webpack/loaders/svg_loader.js

diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index 1c22293..bc115db 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -1,6 +1,6 @@
 <template>
-  <span class="icon" :class="sizeClass" @click="$emit('click', $event)">
-    <img ref="img" :class="['iconic', 'iconic-fluid', size]" v-bind="extraIconAttributes" :style="{padding: svgPadding}" />
+  <span class="icon" :class="sizeClass" @click="$emit('click', $event)" ref="container">
+
   </span>
 </template>
 
@@ -19,16 +19,102 @@
   import Star from "../iconic/svg/smart/star";
   import StarEmpty from "../iconic/svg/smart/star-empty";
   import X from "../iconic/svg/smart/x";
-
-  const iconicInstance = IconicJs({
-    autoInjectSelector: null
-  });
+  
+  const SVG_CACHE = {};
+  let REMAP_COUNT = 0;
   
   class IconData {
-    constructor(url, dataAttributes) {
-      this.url = url;
+    constructor(svgData, dataAttributes) {
+      this.svgData = svgData;
       this.dataAttributes = dataAttributes || {};
-      this.dataAttributes['src'] = url;
+      this.svgTemplate = null;
+    }
+
+    getSvg() {
+      if (this.svgTemplate === null) {
+        const iconicName = this.svgData.attributes.class;
+
+        this.svgTemplate = SVG_CACHE[iconicName] || null;
+
+        if (this.svgTemplate === null) {
+          this.svgTemplate = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+          SVG_CACHE[iconicName] = this.svgTemplate;
+
+          for (let attr in this.svgData.attributes) {
+            this.svgTemplate.setAttribute(attr, this.svgData.attributes[attr]);
+          }
+          this.svgTemplate.innerHTML = this.svgData.content;
+
+
+          // Find then prune the scripts
+          const scripts = [...this.svgTemplate.querySelectorAll('script')];
+
+          scripts.filter(s => {
+            let scriptType = s.getAttribute("type");
+            return !scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript'
+          }).forEach(s => {
+            new Function(s.innerText || s.textContent)(window);
+            this.svgTemplate.removeChild(s);
+          });
+        }
+      }
+
+      const clone = this.svgTemplate.cloneNode(true);
+      this.remapIds(clone);
+      this.attachIconicApi(clone);
+      for (let attr in this.dataAttributes) {
+        clone.setAttribute(`data-${attr}`, this.dataAttributes[attr]);
+      }
+      return clone;
+    }
+
+    remapIds(svg) {
+      const iriElementsAndProperties = {
+        'clipPath': ['clip-path'],
+        'color-profile': ['color-profile'],
+        'cursor': ['cursor'],
+        'filter': ['filter'],
+        'linearGradient': ['fill', 'stroke'],
+        'marker': ['marker', 'marker-start', 'marker-mid', 'marker-end'],
+        'mask': ['mask'],
+        'pattern': ['fill', 'stroke'],
+        'radialGradient': ['fill', 'stroke']
+      };
+
+      REMAP_COUNT += 1;
+
+      let element, elementDefs, properties, currentId, newId;
+      Object.keys(iriElementsAndProperties).forEach(function (key) {
+        element = key;
+        properties = iriElementsAndProperties[key];
+
+        elementDefs = svg.querySelectorAll('defs ' + element + '[id]');
+        for (var i = 0, elementsLen = elementDefs.length; i < elementsLen; i++) {
+          currentId = elementDefs[i].id;
+          newId = currentId + '-' + REMAP_COUNT;
+
+          // All of the properties that can reference this element type
+          var referencingElements;
+          properties.forEach(function (property) {
+            // :NOTE: using a substring match attr selector here to deal with IE "adding extra quotes in url() attrs"
+            referencingElements = svg.querySelectorAll('[' + property + '*="' + currentId + '"]');
+            for (var j = 0, referencingElementLen = referencingElements.length; j < referencingElementLen; j++) {
+              referencingElements[j].setAttribute(property, 'url(#' + newId + ')');
+            }
+          });
+
+          elementDefs[i].id = newId;
+        }
+      });
+    }
+
+    attachIconicApi(svg) {
+      const key = svg.getAttribute("data-icon");
+      const apis = window.iconicSmartIconApis;
+      if (key && apis[key]) {
+        const iconApi = apis[key](svg);
+        for (let func in iconApi) svg[func] = iconApi[func]
+      }
     }
   }
 
@@ -38,6 +124,43 @@
       this.defaultPadding = defaultPadding || null;
     }
   }
+
+  class IconicQueue {
+    constructor(iconicInstance) {
+      this.iconic = iconicInstance;
+      this.updateQueue = [];
+      this.isTimerRunning = false;
+    }
+
+    processQueues() {
+      if (this.updateQueue.length > 0) {
+        console.log(`updating ${this.updateQueue.length}`);
+        this.iconic.update(this.updateQueue);
+        this.updateQueue.forEach(s => (s.style.visibility = null));
+        this.updateQueue = [];
+      }
+
+      this.isTimerRunning = false;
+    }
+
+    ensureTimer() {
+      if (!this.isTimerRunning) {
+        this.isTimerRunning = true;
+        setTimeout(() => this.processQueues());
+      }
+    }
+
+    updateSvg(svgElem) {
+      this.updateQueue.push(svgElem);
+      this.ensureTimer();
+    }
+  }
+
+  const iconicInstance = IconicJs({
+    autoInjectSelector: "#notreal-noinjection"
+  });
+
+  const iconicQueue = new IconicQueue(iconicInstance);
   
   const iconMap = {
     'caret-bottom': new IconData(Caret, {direction: 'bottom'}),
@@ -97,15 +220,6 @@
         return sizeMap[this.size];
       },
 
-      extraIconAttributes() {
-        const attrs = {};
-
-        for (let attr in this.iconData.dataAttributes) {
-          attrs[`data-${attr}`] = this.iconData.dataAttributes[attr];
-        }
-        return attrs;
-      },
-
       sizeClass() {
         return this.sizeData.bulmaIconClass;
       },
@@ -115,22 +229,42 @@
       }
     },
 
-    mounted() {
-      const self = this;
-      setTimeout(() => {
-        iconicInstance.inject(this.$refs.img, {
-          each: function(svg) { self.injectedSvg = svg; }
+    methods: {
+      insertSvg() {
+        const parent = this.$refs.container;
+
+        while (parent.firstChild) {
+          parent.removeChild(parent.firstChild);
+        }
+
+        const svg = this.iconData.getSvg();
+        this.injectedSvg = svg;
+
+        svg.style.padding = this.svgPadding;
+        svg.style.visibility = "hidden";
+        svg.classList.add("iconic-fluid");
+        parent.appendChild(svg);
+
+
+        setTimeout(() => {
+          //svg.style.visibility = "visible";
+          //iconicInstance.update(svg);
+          iconicQueue.updateSvg(svg);
         });
-      });
+      }
     },
 
-    updated() {
-      if (this.injectedSvg) {
-        for(let attr in this.extraIconAttributes) {
-          this.injectedSvg.setAttribute(attr, this.extraIconAttributes[attr]);
+    mounted() {
+      let self = this;
+      this.$watch(
+        function() { return this.icon + this.size + this.padding },
+        function() {
+          this.insertSvg();
+        },
+        {
+          immediate: true
         }
-        iconicInstance.update(this.injectedSvg);
-      }
+      )
     }
   }
 
diff --git a/config/webpack/environment.js b/config/webpack/environment.js
index 3b91fd3..dc70989 100644
--- a/config/webpack/environment.js
+++ b/config/webpack/environment.js
@@ -3,9 +3,9 @@ const vue =  require('./loaders/vue');
 const svg =  require('./loaders/svg');
 
 environment.loaders.append('vue', vue);
-//environment.loaders.prepend('svg', svg);
+environment.loaders.prepend('svg', svg);
 
-//const fileLoader = environment.loaders.get('file');
-//fileLoader.exclude = /\.(svg)$/i;
+const fileLoader = environment.loaders.get('file');
+fileLoader.exclude = /\.(svg)$/i;
 
 module.exports = environment;
diff --git a/config/webpack/loaders/svg.js b/config/webpack/loaders/svg.js
index 7b00dcc..b1da427 100644
--- a/config/webpack/loaders/svg.js
+++ b/config/webpack/loaders/svg.js
@@ -1,10 +1,18 @@
+const path = require("path");
 
 module.exports = {
   test: /\.svg$/,
   use: [{
-    loader: 'url-loader',
-    options: {
-      limit: 10000
-    }
+    loader: path.join(__dirname, 'svg_loader.js')
   }]
 };
+
+// module.exports = {
+//   test: /\.svg$/,
+//   use: [{
+//     loader: 'url-loader',
+//     options: {
+//       limit: 10000
+//     }
+//   }]
+// };
diff --git a/config/webpack/loaders/svg_loader.js b/config/webpack/loaders/svg_loader.js
new file mode 100644
index 0000000..619b321
--- /dev/null
+++ b/config/webpack/loaders/svg_loader.js
@@ -0,0 +1,27 @@
+module.exports = function(content) {
+  this.cacheable && this.cacheable();
+
+  var match = content.match(/<svg([^>]+)+>([\s\S]+)<\/svg>/i);
+  var attrs = {};
+
+  if (match) {
+    attrs = match[1];
+    if (attrs) {
+      attrs = attrs.match(/([\w-:]+)(=)?("[^<>"]*"|'[^<>']*'|[\w-:]+)/g)
+        .reduce(function(obj, attr){
+          var split = attr.split('=');
+          var name = split[0];
+          var value = true;
+          if (split && split[1]) {
+            value = split[1].replace(/['"]/g, '');
+          }
+          obj[name] = value;
+          return obj;
+        }, {})
+    }
+
+    content = match[2] || '';
+  };
+
+  return "module.exports = " + JSON.stringify({attributes: attrs, content: content});
+};
\ No newline at end of file
diff --git a/lib/tasks/dev.rake b/lib/tasks/dev.rake
index ec5b4de..77ab93f 100644
--- a/lib/tasks/dev.rake
+++ b/lib/tasks/dev.rake
@@ -3,21 +3,50 @@ namespace :dev do
   desc 'Run both rails server and webpack dev server'
   task :run do
 
-    pids = []
-
-    pids << fork do
+    rails_pid = fork do
       exec 'rails s'
     end
 
-    pids << fork do
+    webpack_pid = fork do
       exec 'bin/webpack-dev-server'
     end
 
-    begin
-      Process.wait
-    rescue SignalException
-      puts 'shutting down...'
-      pids.each { |pid| Process.kill("SIGINT", pid) }
+    running = true
+    shutdown = false
+    shutdown_start = nil
+
+    Signal.trap('SIGINT') do
+      shutdown = true
+    end
+
+    while running
+      rails_check ||= Process.waitpid(rails_pid, Process::WNOHANG)
+      webpack_check ||= Process.waitpid(webpack_pid, Process::WNOHANG)
+      running = rails_check.nil? || webpack_check.nil?
+
+      if shutdown
+        if shutdown_start.nil?
+          puts "Shutting down..."
+          shutdown_start = Time.now
+          #Process.kill("SIGINT", rails_pid) rescue Errno::ESRCH
+          #Process.kill("SIGINT", webpack_pid) rescue Errno::ESRCH
+        end
+
+        if (Time.now - shutdown_start) > 5
+          if rails_check.nil?
+            puts "Force killing rails..."
+            Process.kill("KILL", rails_pid)
+          end
+
+          if webpack_check.nil?
+            puts "Force killing webpack..."
+            Process.kill("KILL", webpack_pid)
+          end
+        end
+
+      end
+
+      sleep 0.25
     end
 
   end

From d8720a8a6c5ec2496c0f0cbe7513f029b8b90fc7 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Sun, 9 Sep 2018 21:01:17 -0500
Subject: [PATCH 10/10] fixed icon render

---
 app/javascript/components/AppIcon.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index bc115db..f28bd50 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -244,13 +244,7 @@
         svg.style.visibility = "hidden";
         svg.classList.add("iconic-fluid");
         parent.appendChild(svg);
-
-
-        setTimeout(() => {
-          //svg.style.visibility = "visible";
-          //iconicInstance.update(svg);
-          iconicQueue.updateSvg(svg);
-        });
+        iconicQueue.updateSvg(svg);
       }
     },